/* =========================================================================
 * Kurdish (Sorani) UI typography — Droid Arabic Naskh (gov.krd)
 * Site-wide when html[lang=ku|ckb]; Home hero polish retained below.
 * EN / AR / TR fonts unchanged (selectors are KU-only).
 * ========================================================================= */

@font-face {
  font-family: "Droid Arabic Naskh";
  src: url("../fonts/droid-arabic-naskh/DroidNaskh-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "Droid Arabic Naskh";
  src: url("../fonts/droid-arabic-naskh/DroidNaskh-Bold.ttf") format("truetype");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

html[lang="ku"],
html[lang="ckb"] {
  --dg-ku-font: "Droid Arabic Naskh", "Vazirmatn", "Noto Sans Arabic", "Plus Jakarta Sans", "Inter", "Segoe UI", Tahoma, sans-serif;
}

/* Site-wide KU UI (Map, Account, Auth, Footer, etc.) — family only */
html[lang="ku"] body,
html[lang="ckb"] body,
html[lang="ku"] #siteHeader,
html[lang="ckb"] #siteHeader,
html[lang="ku"] .sf-root,
html[lang="ckb"] .sf-root,
html[lang="ku"] .ob-login,
html[lang="ckb"] .ob-login,
html[lang="ku"] .ob-auth-stage,
html[lang="ckb"] .ob-auth-stage {
  font-family: var(--dg-ku-font);
  letter-spacing: 0.01em;
  line-height: 1.5;
}

html[lang="ku"] body button,
html[lang="ckb"] body button,
html[lang="ku"] body input,
html[lang="ckb"] body input,
html[lang="ku"] body textarea,
html[lang="ckb"] body textarea,
html[lang="ku"] body select,
html[lang="ckb"] body select,
html[lang="ku"] body a,
html[lang="ckb"] body a,
html[lang="ku"] body label,
html[lang="ckb"] body label,
html[lang="ku"] body .sf-link,
html[lang="ckb"] body .sf-link,
html[lang="ku"] body .sf-heading,
html[lang="ckb"] body .sf-heading,
html[lang="ku"] body .dg-link,
html[lang="ckb"] body .dg-link,
html[lang="ku"] body .dg-btn,
html[lang="ckb"] body .dg-btn {
  font-family: var(--dg-ku-font);
  letter-spacing: 0;
}

html[lang="ku"] body input::placeholder,
html[lang="ckb"] body input::placeholder,
html[lang="ku"] body textarea::placeholder,
html[lang="ckb"] body textarea::placeholder {
  font-family: var(--dg-ku-font);
  letter-spacing: 0;
}

@media (max-width: 720px) {
  html[lang="ku"] body,
  html[lang="ckb"] body {
    line-height: 1.55;
  }
}

html[lang="ku"] body.world,
html[lang="ckb"] body.world,
html[lang="ku"] #siteHeader,
html[lang="ckb"] #siteHeader {
  font-family: var(--dg-ku-font);
  letter-spacing: 0.01em;
  line-height: 1.5;
}

/* —— Hero: Naskh-friendly scale, open leading, natural wrap —— */
html[lang="ku"] body.world .w-hero-copy .w-display,
html[lang="ckb"] body.world .w-hero-copy .w-display,
html[lang="ku"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine1"],
html[lang="ckb"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine1"],
html[lang="ku"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine2"],
html[lang="ckb"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine2"],
html[lang="ku"] body.world .w-hero-copy .w-body,
html[lang="ckb"] body.world .w-hero-copy .w-body {
  font-family: var(--dg-ku-font);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
  text-transform: none;
}

/* Allow Sorani to wrap instead of clipping from Latin nowrap */
html[lang="ku"] body.world .w-hero-copy .w-display span,
html[lang="ckb"] body.world .w-hero-copy .w-display span {
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
  max-width: 100%;
}

html[lang="ku"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine1"],
html[lang="ckb"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine1"] {
  font-size: clamp(2.35rem, 3.6vw, 3.75rem);
  line-height: 1.32;
}

html[lang="ku"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine2"],
html[lang="ckb"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine2"] {
  font-size: clamp(1.85rem, 2.9vw, 3rem);
  line-height: 1.38;
  margin-top: 0.22em;
}

/* Clearer gap between headline block and subtitle */
html[lang="ku"] body.world .w-hero-copy .w-body,
html[lang="ckb"] body.world .w-hero-copy .w-body {
  margin-top: 1.15rem;
  line-height: 1.7;
  font-size: clamp(1rem, 0.3vw + 0.92rem, 1.1rem);
  max-width: 36rem;
}

html[lang="ku"] body.world .w-hero-copy .w-label,
html[lang="ckb"] body.world .w-hero-copy .w-label {
  font-family: var(--dg-ku-font);
  letter-spacing: 0.04em;
  font-weight: 600;
  margin-bottom: 0.65rem;
}

html[lang="ku"] body.world .w-hero-aside,
html[lang="ckb"] body.world .w-hero-aside {
  font-family: var(--dg-ku-font);
  line-height: 1.65;
  letter-spacing: 0;
  font-size: 0.92rem;
}

/* —— Shared Home UI —— */
html[lang="ku"] body.world .w-h2,
html[lang="ckb"] body.world .w-h2,
html[lang="ku"] body.world .w-label,
html[lang="ckb"] body.world .w-label,
html[lang="ku"] body.world .w-body,
html[lang="ckb"] body.world .w-body,
html[lang="ku"] body.world .w-intent-name,
html[lang="ckb"] body.world .w-intent-name,
html[lang="ku"] body.world .w-intent-desc,
html[lang="ckb"] body.world .w-intent-desc,
html[lang="ku"] body.world .w-stat-label,
html[lang="ckb"] body.world .w-stat-label,
html[lang="ku"] body.world .w-hero-mode,
html[lang="ckb"] body.world .w-hero-mode,
html[lang="ku"] body.world input,
html[lang="ckb"] body.world input,
html[lang="ku"] body.world button,
html[lang="ckb"] body.world button,
html[lang="ku"] body.world a,
html[lang="ckb"] body.world a,
html[lang="ku"] #siteHeader .dg-link,
html[lang="ckb"] #siteHeader .dg-link,
html[lang="ku"] #siteHeader .dg-btn,
html[lang="ckb"] #siteHeader .dg-btn {
  font-family: var(--dg-ku-font);
}

/* Navbar + CTAs: readable without oversized tracking */
html[lang="ku"] #siteHeader .dg-link,
html[lang="ckb"] #siteHeader .dg-link {
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.45;
  letter-spacing: 0;
}

html[lang="ku"] #siteHeader .dg-btn,
html[lang="ckb"] #siteHeader .dg-btn {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0;
}

html[lang="ku"] body.world .w-hero-mode,
html[lang="ckb"] body.world .w-hero-mode {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
}

html[lang="ku"] body.world input,
html[lang="ckb"] body.world input,
html[lang="ku"] body.world input::placeholder,
html[lang="ckb"] body.world input::placeholder {
  font-family: var(--dg-ku-font);
  letter-spacing: 0;
  line-height: 1.45;
}

html[lang="ku"] body.world .w-intent-name,
html[lang="ckb"] body.world .w-intent-name {
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

html[lang="ku"] body.world .w-intent-desc,
html[lang="ckb"] body.world .w-intent-desc,
html[lang="ku"] body.world .w-stat-label,
html[lang="ckb"] body.world .w-stat-label {
  line-height: 1.5;
  letter-spacing: 0;
}

/* Mobile: slightly tighter hero, keep wrap */
@media (max-width: 720px) {
  html[lang="ku"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine1"],
  html[lang="ckb"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine1"] {
    font-size: clamp(1.85rem, 7.2vw, 2.45rem);
    line-height: 1.34;
  }
  html[lang="ku"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine2"],
  html[lang="ckb"] body.world .w-hero-copy .w-display [data-i18n="index.heroLine2"] {
    font-size: clamp(1.45rem, 5.8vw, 1.95rem);
    line-height: 1.4;
    margin-top: 0.18em;
  }
  html[lang="ku"] body.world .w-hero-copy .w-body,
  html[lang="ckb"] body.world .w-hero-copy .w-body {
    margin-top: 0.95rem;
    line-height: 1.65;
    font-size: 0.98rem;
  }
  html[lang="ku"] #siteHeader .dg-link,
  html[lang="ckb"] #siteHeader .dg-link,
  html[lang="ku"] #siteHeader .dg-btn,
  html[lang="ckb"] #siteHeader .dg-btn {
    font-size: 0.84rem;
  }
}