body { overflow-x: clip; }

/* RTL: root direction for layout, content containers get RTL */
html[dir="rtl"],
html[dir="rtl"] body { direction: ltr; }
html[dir="rtl"] main,
html[dir="rtl"] .site-header,
html[dir="rtl"] .studio-footer,
html[dir="rtl"] .confirm-dialog { direction: rtl; }

/* ============================================
   COMPREHENSIVE RTL FONT: Zain for ALL Kurdish/Arabic
   ============================================ */

/* Every element in RTL gets Zain */
html[dir="rtl"] * {
  font-family: "Zain", Arial, sans-serif !important;
}

/* Headings get Zain bold */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: "Zain", Arial, sans-serif !important;
  font-weight: 700;
  line-height: 1.3;
}

/* Hero/display headings */
html[dir="rtl"] .studio-hero h1,
html[dir="rtl"] .inner-hero h1,
html[dir="rtl"] .contact-page h1,
html[dir="rtl"] .hero h1 {
  font-family: "Zain", Arial, sans-serif !important;
  font-weight: 400;
  line-height: 1.2;
}

/* Body text spacing */
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] span,
html[dir="rtl"] div,
html[dir="rtl"] a,
html[dir="rtl"] b,
html[dir="rtl"] strong {
  line-height: 1.8;
}

/* Paragraphs get extra breathing room */
html[dir="rtl"] p {
  line-height: 2;
}

/* Nav and UI text */
html[dir="rtl"] .site-nav a,
html[dir="rtl"] .language-nav a,
html[dir="rtl"] .hero-kicker,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .meta,
html[dir="rtl"] .domain {
  font-family: "Zain", Arial, sans-serif !important;
  letter-spacing: 0;
}

/* Admin and form text */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] label,
html[dir="rtl"] .adminbar,
html[dir="rtl"] .panel h1,
html[dir="rtl"] .admin-head h1 {
  font-family: "Zain", Arial, sans-serif !important;
}

/* Proof strip, capabilities, services */
html[dir="rtl"] .proof-grid b,
html[dir="rtl"] .contact-methods b,
html[dir="rtl"] .capability-list a,
html[dir="rtl"] .service-detail article {
  font-family: "Zain", Arial, sans-serif !important;
}

/* Footer */
html[dir="rtl"] .studio-footer,
html[dir="rtl"] .footer-meta {
  font-family: "Zain", Arial, sans-serif !important;
}

/* ============================================
   MOBILE OVERRIDES
   ============================================ */
@media (max-width: 560px) {
  .site-header { grid-template-columns: minmax(72px, 1fr) auto auto; gap: 4px; }
  .studio-mark { font-size: 18px; }
  .nav-toggle { padding-inline: 4px; font-size: 11px; }
  .language-nav { gap: 2px; }
  .language-nav a { width: 27px; height: 32px; font-size: 10px; }
  html[dir="rtl"] .studio-hero h1,
  html[dir="rtl"] .inner-hero h1,
  html[dir="rtl"] .contact-page h1 {
    font-size: 34px;
    line-height: 1.35;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  html[dir="rtl"] .hero-kicker { font-size: 9px; }
  html[dir="rtl"] .hero-bottom > p,
  html[dir="rtl"] .contact-page > p { font-size: 16px; }
  html[dir="rtl"] .studio-footer { overflow: hidden; }
  html[dir="rtl"] .studio-hero > *,
  html[dir="rtl"] .inner-hero > *,
  html[dir="rtl"] .contact-page > * {
    max-inline-size: calc(100% - 24px);
    margin-inline: 12px;
  }
}