/* Issam Bader Archive — final compact bilingual design system */
:root {
  --iba-paper: #fbfaf7;
  --iba-surface: #fff;
  --iba-ink: #211f1b;
  --iba-muted: #706b63;
  --iba-line: #ddd9d1;
  --iba-accent: #79382f;
  --iba-serif: "Cormorant Garamond", Georgia, serif;
  --iba-sans: Inter, Arial, sans-serif;
  --iba-arabic: "Noto Naskh Arabic", Tahoma, serif;
}

html { background: #f1f0ec; }
body.iba-archive {
  color: var(--iba-ink);
  background: var(--iba-surface);
  font: 16px/1.68 var(--iba-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
  transition: color .18s ease, text-decoration-color .18s ease;
}
a:hover { color: var(--iba-accent); text-decoration-color: var(--iba-accent); }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--iba-accent);
  outline-offset: 4px;
}

h1, h2, h3, h4, .entry-title, .footer-name {
  color: var(--iba-ink);
  font-family: var(--iba-serif);
  font-weight: 600;
  letter-spacing: -.012em;
  text-wrap: balance;
}

/* Header */
.archive-header { color: var(--iba-ink); }
.archive-header #archive-nav { font: 500 12px/1.5 var(--iba-sans); }
.archive-header nav a, .nav-group summary { transition: color .18s ease; }
.archive-header nav a:hover, .nav-group summary:hover { color: var(--iba-accent); }
.nav-submenu { box-shadow: 0 14px 35px rgba(32,29,24,.08); }

/* Homepage */
.home-content > h1.screen-reader-text {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  margin: 12px auto 0 !important;
  padding: 0 var(--pad);
  font: 600 clamp(27px,2.5vw,32px)/1.15 var(--iba-serif);
  text-align: center;
}
.home-content > .home-intro {
  color: var(--iba-ink);
  font: 500 clamp(18px,1.7vw,20px)/1.5 var(--iba-serif) !important;
  margin: 5px auto 12px !important;
  text-align: center;
}
.home-biography {
  gap: 20px !important;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
}
.home-biography h2, .collection-heading h2, .archive-pathways h2,
.home-research > h2 {
  font-family: var(--iba-serif);
  font-size: clamp(26px,2.5vw,29px) !important;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.18;
}
.home-biography h2 { margin-bottom: 7px !important; }
.home-biography div > p, .archive-pathways article > p:not(.kicker) {
  color: var(--iba-muted);
  font-size: 15px;
  line-height: 1.7;
}
.home-biography div > p { margin-bottom: 6px !important; }
.collection-heading { padding-top: 12px !important; padding-bottom: 10px !important; }
.museum-collection { gap: 18px 22px !important; }
.archive-pathways { margin-top: 16px !important; margin-bottom: 16px !important; }
.archive-pathways article, .archive-pathways article + article {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.archive-pathways h2 { margin-top: 7px !important; margin-bottom: 8px !important; }
.home-research { margin-top: 12px !important; margin-bottom: 24px !important; }
.home-research > h2 { margin-bottom: 12px !important; }
.journal-list article { padding-top: 16px !important; padding-bottom: 16px !important; }
.journal-list h3 { font: 600 clamp(20px,2vw,23px)/1.3 var(--iba-serif); }
.kicker {
  color: var(--iba-muted);
  font: 600 10px/1.5 var(--iba-sans);
  letter-spacing: .12em;
}
.text-link { color: var(--iba-ink); font-weight: 500; }

/* Internal pages */
.page-heading { border-color: var(--iba-line); }
.page-heading h1 {
  font: 600 clamp(36px,4.5vw,50px)/1.1 var(--iba-serif);
  letter-spacing: -.02em;
}
.prose-content {
  color: var(--iba-ink);
  font: 17px/1.8 var(--iba-sans);
}
.prose-content > p:first-of-type {
  font: 500 clamp(20px,2.2vw,24px)/1.58 var(--iba-serif);
}
.prose-content h2 {
  font: 600 clamp(25px,2.7vw,29px)/1.25 var(--iba-serif);
  margin: 34px 0 14px;
}
.prose-content h3 {
  font: 600 clamp(20px,2.2vw,23px)/1.3 var(--iba-serif);
  margin-top: 22px;
}
.prose-content p { margin-bottom: 18px; }
.page-contents, .source-notes, .related-reading,
.journal-list article, .archive-pathways, .archive-pathways article + article,
.copyright { border-color: var(--iba-line); }
.page-contents a, .source-notes a, .related-reading a { color: var(--iba-accent); }

/* Images */
figure, .wp-block-image, .museum-collection figure { text-align: center; }
figure figcaption, .wp-caption-text, .wp-element-caption,
.museum-image figcaption, .museum-collection figcaption,
.wp-block-gallery figcaption {
  color: var(--iba-muted) !important;
  font: 12px/1.55 var(--iba-sans) !important;
  margin: 9px auto 0 !important;
  text-align: center !important;
}
.museum-collection img, .wp-block-gallery img { margin-inline: auto !important; }

/* Footer */
.archive-footer { background: var(--iba-paper); color: var(--iba-ink); }
.footer-name { font-size: 29px; }

/* Arabic / RTL */
body.rtl {
  direction: rtl;
  text-align: right;
  font: 18px/1.85 var(--iba-arabic);
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4,
.rtl .entry-title, .rtl .footer-name {
  font-family: var(--iba-arabic);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: right;
}
.rtl .archive-header, .rtl .archive-header nav, .rtl .nav-submenu,
.rtl .home-biography, .rtl .collection-heading, .rtl .archive-pathways,
.rtl .home-research, .rtl .journal-list, .rtl .page-heading,
.rtl .prose-content, .rtl .page-contents, .rtl .source-notes,
.rtl .related-reading, .rtl .archive-footer { direction: rtl; text-align: right; }
.rtl .archive-header #archive-nav { font: 500 16px/1.5 var(--iba-arabic); }
.rtl .language-switch { direction: ltr; }
.rtl .kicker {
  font: 600 13px/1.5 var(--iba-arabic);
  letter-spacing: 0;
  text-transform: none;
}
.rtl .home-content > h1.screen-reader-text {
  font: 600 clamp(29px,2.7vw,32px)/1.4 var(--iba-arabic);
  text-align: center;
}
.rtl .home-content > .home-intro {
  font: 500 clamp(20px,1.9vw,22px)/1.75 var(--iba-arabic) !important;
  text-align: center !important;
}
.rtl .home-biography h2, .rtl .home-biography div > p {
  margin-inline-start: auto;
  margin-inline-end: 0;
  text-align: right;
}
.rtl .home-biography h2, .rtl .collection-heading h2,
.rtl .archive-pathways h2, .rtl .home-research > h2 {
  font: 600 clamp(27px,2.6vw,30px)/1.4 var(--iba-arabic) !important;
  text-align: right;
}
.rtl .home-biography div > p,
.rtl .archive-pathways article > p:not(.kicker) {
  font: 18px/1.82 var(--iba-arabic);
  text-align: right;
}
.rtl .collection-heading, .rtl .collection-heading h2,
.rtl .collection-heading .kicker { text-align: right; }
.rtl .museum-collection figure, .rtl .museum-collection figcaption,
.rtl .wp-block-gallery figure, .rtl .wp-block-gallery figcaption {
  direction: rtl;
  text-align: center !important;
}
.rtl .archive-pathways article, .rtl .archive-pathways h2,
.rtl .archive-pathways p, .rtl .home-research h2,
.rtl .journal-list article, .rtl .journal-list h3,
.rtl .journal-list p { text-align: right; }
.rtl .prose-content { font: 18px/1.9 var(--iba-arabic); }
.rtl .prose-content > p:first-of-type { font: 500 22px/1.8 var(--iba-arabic); }
.rtl .prose-content h2 { font: 600 28px/1.45 var(--iba-arabic); }
.rtl .prose-content h3 { font: 600 23px/1.45 var(--iba-arabic); }
.rtl .page-heading h1 { font: 600 clamp(36px,4.5vw,50px)/1.35 var(--iba-arabic); }
.rtl ul, .rtl ol { padding-inline-start: 0; padding-inline-end: 24px; }
.rtl figure figcaption, .rtl .wp-caption-text, .rtl .wp-element-caption {
  font: 14px/1.55 var(--iba-arabic) !important;
  text-align: center !important;
}
.rtl .archive-footer, .rtl .archive-footer nav, .rtl .footer-contact { text-align: right; }
.rtl .artist-dates {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}
.rtl .archive-footer > div:first-child > p:nth-child(2) {
  direction: ltr;
  unicode-bidi: embed;
  text-align: right;
}

@media (max-width: 760px) {
  body.iba-archive { font-size: 16px; }
  .home-content > h1.screen-reader-text { font-size: 27px; margin-top: 10px !important; }
  .home-biography h2, .collection-heading h2,
  .archive-pathways h2, .home-research > h2 { font-size: 25px !important; }
  .page-heading h1 { font-size: 34px; }
  .prose-content { font-size: 16px; line-height: 1.75; }
  .prose-content h2 { font-size: 25px; margin-top: 29px; }
  body.rtl { font-size: 17px; }
  .rtl .home-content > h1.screen-reader-text { font-size: 28px; }
  .rtl .page-heading h1 { font-size: 34px; }
  .rtl .prose-content { font-size: 17px; }
  .rtl .prose-content h2 { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: .01ms !important; }
}

/* Remove automatic arrow icons from text links */
.text-link::after,
.collection-more a::after,
.archive-pathways a::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 760px) {
  body.rtl .home-content > h1.screen-reader-text {
    font-size: 24px !important;
    line-height: 1.4;
  }

  body.rtl .home-biography h2,
  body.rtl .collection-heading h2,
  body.rtl .archive-pathways h2,
  body.rtl .home-research > h2 {
    font-size: 21px !important;
    line-height: 1.45;
  }

  body.rtl .journal-list h3 {
    font-size: 21px !important;
  }

  body.rtl .page-heading h1 {
    font-size: 28px !important;
  }

  body.rtl .prose-content h2 {
    font-size: 23px !important;
  }

  body.rtl .prose-content h3 {
    font-size: 20px !important;
  }

  body.rtl .museum-timeline h2 {
    font-size: 21px !important;
  }
}