/*==================================================================
  AL-FAJR FOUNDATION — RIGHT-TO-LEFT (اردو)

  Enhanced typography scale for Jameel Noori Nastaleeq font.
  Nastaleeq x-height is compact and ligatures are deep, requiring
  a generous optical font-size and deep leading (~2.1) to render
  with full clarity, elegance and prominence.
==================================================================*/

/*==============================
  1. TYPOGRAPHY & SIZING
==============================*/

.lang-ur body,
.lang-ur {
    font-family: var(--font-urdu);
    font-size: clamp(1.16rem, 1.1rem + 0.28vw, 1.32rem);
    line-height: var(--leading-urdu);
}

.lang-ur h1, .lang-ur h2, .lang-ur h3, .lang-ur h4, .lang-ur h5,
.lang-ur p, .lang-ur li, .lang-ur a, .lang-ur span, .lang-ur label,
.lang-ur button, .lang-ur blockquote, .lang-ur strong, .lang-ur small,
.lang-ur dt, .lang-ur dd, .lang-ur th, .lang-ur td,
.lang-ur input, .lang-ur textarea, .lang-ur select {
    font-family: var(--font-urdu);
}

/* Headings — scaled for Nastaleeq elegance */
.lang-ur h1 { font-size: clamp(2.05rem, 1.75rem + 1.35vw, 3.05rem); line-height: 1.85; letter-spacing: 0; }
.lang-ur h2 { font-size: clamp(1.75rem, 1.5rem + 1.05vw, 2.45rem); line-height: 1.85; letter-spacing: 0; }
.lang-ur h3 { font-size: clamp(1.45rem, 1.3rem + 0.6vw, 1.95rem);  line-height: 1.9;  letter-spacing: 0; }
.lang-ur h4 { font-size: clamp(1.3rem, 1.2rem + 0.35vw, 1.6rem);   line-height: 1.9;  letter-spacing: 0; }
.lang-ur h5 { font-size: 1.25rem; line-height: 1.9; letter-spacing: 0; }

/* Display & Hero sizes */
.lang-ur .hero h1 { font-size: clamp(2.1rem, 1.75rem + 1.5vw, 3.15rem); line-height: 1.85; }
.lang-ur .hero-lede { font-size: clamp(1.35rem, 1.22rem + 0.5vw, 1.68rem); line-height: 2.25; }
.lang-ur .hero-note { font-size: 1.18rem; line-height: 2.0; }
.lang-ur .hero-hadith-ur { font-size: 1.38rem; line-height: 2.25; }
.lang-ur .hero-hadith-cite { font-size: 1.12rem; }

.lang-ur .page-header h1 { font-size: clamp(1.85rem, 1.55rem + 1.1vw, 2.65rem); line-height: 1.8; }
.lang-ur .page-404-code { font-family: var(--font-head); }

.lang-ur .lede,
.lang-ur .prose,
.lang-ur .body-text { font-size: 1.26rem; line-height: var(--leading-urdu); }

/* Brand & Header */
.lang-ur .brand-name { font-size: 1.45rem; line-height: 1.3; font-weight: 700; }
.lang-ur .brand-tagline { font-size: 1.05rem; line-height: 1.4; }

/* Navigation */
.lang-ur .nav-list { flex-direction: row-reverse; }
.lang-ur .nav-link { font-size: 1.28rem; line-height: 1.8; }
.lang-ur .nav-submenu a { font-size: 1.2rem; line-height: 1.85; }
.lang-ur .lang-switch { font-size: 1.12rem; }

/* Buttons */
.lang-ur .btn {
    font-size: 1.22rem;
    padding-block: .65em;
    line-height: 1.6;
}
.lang-ur .btn--lg {
    font-size: 1.36rem;
    padding-block: .75em;
}
.lang-ur .btn--sm {
    font-size: 1.1rem;
    padding-block: .5em;
}

/* Impact Counters & Action Cards */
.lang-ur .counter-label { font-size: 1.32rem; font-weight: 600; line-height: 1.8; }
.lang-ur .counter-note { font-size: 1.15rem; line-height: 2.0; }
.lang-ur .counters-source { font-size: 1.12rem; line-height: 2.0; }
.lang-ur .counter-card-foot { font-size: 1.15rem; line-height: 2.1; }
.lang-ur .counter-card-foot a { font-size: 1.15rem; }

.lang-ur .action-card h3,
.lang-ur .action h3 { font-size: 1.45rem; line-height: 1.8; }
.lang-ur .action-card p,
.lang-ur .action p { font-size: 1.22rem; line-height: 2.15; }

.lang-ur .card-title { font-size: 1.42rem; line-height: 1.75; }
.lang-ur .card-body p,
.lang-ur .dept-card p,
.lang-ur .news-card p { font-size: 1.22rem; line-height: 2.15; }

.lang-ur .tier-amount strong { font-size: 1.55rem; }
.lang-ur .tier-purpose { font-size: 1.25rem; line-height: 2.0; }

/* Homepage Tier Cards (Urdu) */
.lang-ur .tier-home-title {
    font-family: var(--font-urdu);
    font-size: 1.3rem;
    line-height: 1.6;
}

.lang-ur .tier-home-amount {
    font-family: var(--font-urdu);
    font-size: 1.42rem;
    line-height: 1.4;
}

.lang-ur .tier-home-period {
    font-family: var(--font-urdu);
    font-size: 1.02rem;
    line-height: 1.5;
    padding: 3px 12px;
}

.lang-ur .donate-running-cost {
    font-size: 1.2rem;
    line-height: 2.0;
}

/* Badges, flags & tags */
.lang-ur .eyebrow,
.lang-ur .brand-tagline,
.lang-ur .footer-col-title,
.lang-ur .dept-card-cat,
.lang-ur .news-cat,
.lang-ur .contact-label,
.lang-ur .tier-flag,
.lang-ur .bank-title,
.lang-ur .aside-title,
.lang-ur .card-flag,
.lang-ur .gallery-kind,
.lang-ur .lb-category,
.lang-ur .trust-badge {
    letter-spacing: 0 !important;
    text-transform: none;
}

.lang-ur .eyebrow,
.lang-ur .card-flag,
.lang-ur .dept-card-cat,
.lang-ur .news-cat,
.lang-ur .tier-flag,
.lang-ur .gallery-kind,
.lang-ur .trust-badge {
    font-size: 1.1rem;
    line-height: 1.8;
}

/* Latin islands: numerals, email, phone, account numbers, and every
   figure. These keep Inter and stay left-to-right. */
.lang-ur .ltr,
.lang-ur .num,
.lang-ur .counter-figure,
.lang-ur .dept-figure strong,
.lang-ur .tier-amount strong,
.lang-ur .filter-count,
.lang-ur .lb-counter,
.lang-ur time,
.lang-ur .bank-box dd.ltr,
.lang-ur input[type="email"],
.lang-ur input[type="tel"],
.lang-ur input[type="url"] {
    font-family: var(--font-body);
    direction: ltr;
    unicode-bidi: isolate;
}

/* Arabic scripture always keeps Amiri — never Nastaliq. */
.lang-ur [lang="ar"],
.lang-ur .hero-hadith-ar {
    font-family: var(--font-arabic) !important;
    line-height: 1.95;
}

/*==============================
  2. MIRRORED GLYPHS
==============================*/

.lang-ur .link-more::after { content: "←"; }
.lang-ur .link-more:hover::after { transform: translateX(-.3em); }
.lang-ur .tier-home-card:hover .tier-home-arrow { transform: translateX(-4px); }

.lang-ur .footer-links a::before { content: "‹"; font-size: 1.25em; line-height: 1; }
.lang-ur .footer-links a:hover { gap: var(--sp-3); }

.lang-ur .breadcrumb .sep i,
.lang-ur .fa-chevron-right,
.lang-ur .fa-arrow-right,
.lang-ur .fa-arrow-left {
    transform: scaleX(-1);
}

.lang-ur .nav-caret { transform: none; }
.lang-ur .nav-item:hover > .nav-link .nav-caret,
.lang-ur .nav-item.is-open > .nav-link .nav-caret { transform: rotate(180deg); }

/*==============================
  3. NAVIGATION DROPDOWNS
==============================*/

.lang-ur .nav-submenu { inset-inline-start: 0; inset-inline-end: auto; }

.lang-ur .nav-item:nth-last-child(-n+2) > .nav-submenu {
    inset-inline-start: auto;
    inset-inline-end: 0;
}

@media (max-width: 1140px) {
    .lang-ur .nav-list { flex-direction: column; }
    .lang-ur .site-nav { transform: translateX(-100%); }
    .lang-ur .site-nav.is-open { transform: none; }
}

/*==============================
  4. FORMS & NEWSLETTER
==============================*/

.lang-ur .input,
.lang-ur .textarea,
.lang-ur .select {
    text-align: right;
    direction: rtl;
    font-size: 1.22rem;
    line-height: 2.1;
}

.lang-ur .form-label,
.lang-ur .contact-label,
.lang-ur label {
    font-size: 1.22rem;
    line-height: 1.8;
}

.lang-ur input[type="email"],
.lang-ur input[type="tel"],
.lang-ur input[type="url"] {
    text-align: left;
}

.lang-ur .bank-box dt { text-align: right; font-size: 1.18rem; }

.lang-ur .footer-newsletter h2 { font-size: clamp(1.55rem, 1.35rem + .8vw, 2.15rem); line-height: 1.6; }
.lang-ur .footer-newsletter p { font-size: 1.26rem; line-height: 2.1; }

/*==============================
  5. FOOTER & DETAILS
==============================*/

.lang-ur .footer-col-title { font-size: 1.55rem; line-height: 1.7; font-weight: 700; }
.lang-ur .footer-links a { font-size: 1.28rem; line-height: 2.2; }
.lang-ur .footer-about { font-size: 1.26rem; line-height: 2.25; }
.lang-ur .footer-contact li { font-size: 1.2rem; line-height: 2.0; }
.lang-ur .footer-contact-email { font-size: 1.02rem; font-family: var(--font-body); }
.lang-ur .trust-badge { font-size: 1.12rem; line-height: 1.7; padding: .45em .9em; }
.lang-ur .trust-badge-label { font-family: var(--font-urdu); font-size: 1.12rem; }
.lang-ur .footer-trust { font-size: 1.15rem; line-height: 2.2; }
.lang-ur .footer-bottom { font-size: 1.18rem; line-height: 2.0; }
.lang-ur .footer-legal a { font-size: 1.18rem; }

.lang-ur .chip,
.lang-ur .provides-list li { padding-block: .45em; line-height: 1.8; font-size: 1.18rem; }

/* Directional Decoration */
.lang-ur .rule-gold { margin-inline-start: 0; margin-inline-end: auto; }
.lang-ur .section-head--center .rule-gold { margin-inline: auto; }
.lang-ur .nav-item.is-active > .nav-link::after { inset-inline: .7rem; }

/*==============================
  6. RESPONSIVE (MOBILE)
==============================*/

@media (max-width: 700px) {
    .lang-ur { --leading-urdu: 1.88; }
    .lang-ur h1 { font-size: clamp(1.45rem, 1.3rem + 0.8vw, 1.82rem); line-height: 1.62; }
    .lang-ur h2 { font-size: clamp(1.3rem, 1.2rem + 0.6vw, 1.58rem);  line-height: 1.65; }
    .lang-ur h3 { font-size: 1.22rem; line-height: 1.72; }
    .lang-ur h4 { font-size: 1.14rem; line-height: 1.75; }

    .lang-ur .hero-inner { padding-block: clamp(1.75rem, 5vw, 2.5rem); }
    .lang-ur .hero-urdu-name { font-size: 1.02rem; margin-bottom: var(--sp-1); }
    .lang-ur .hero h1 { font-size: clamp(1.48rem, 1.35rem + 0.9vw, 1.88rem); line-height: 1.65; max-width: 100%; }
    .lang-ur .hero-lede { font-size: 1.12rem; line-height: 1.85; margin-top: var(--sp-3); max-width: 100%; }
    .lang-ur .hero-actions { margin-top: var(--sp-4); }
    .lang-ur .hero-note { font-size: 1.02rem; line-height: 1.7; margin-top: var(--sp-3); }

    .lang-ur .hero-hadith { padding: var(--sp-4) var(--sp-3); margin-top: var(--sp-4); }
    .lang-ur .hero-hadith-ar { font-size: 1.16rem; line-height: 1.7; }
    .lang-ur .hero-hadith-ur { font-size: 1.06rem; line-height: 1.8; }
    .lang-ur .hero-hadith-cite { font-size: 0.94rem; }

    .lang-ur .brand-name { font-size: 1.24rem; }
    .lang-ur .nav-link { min-height: 3.25rem; line-height: 1.8; font-size: 1.2rem; }
    .lang-ur .nav-submenu a { min-height: 3rem; line-height: 1.8; font-size: 1.14rem; }

    .lang-ur .btn { font-size: 1.12rem; padding: 0.65em 1em; }
    .lang-ur .btn--lg { font-size: 1.16rem; padding: 0.7em 1.1em; }
}

@media (max-width: 560px) {
    .lang-ur .card-body p,
    .lang-ur .tier p,
    .lang-ur .feature p,
    .lang-ur .action p,
    .lang-ur .footer-about { font-size: 1.06rem; line-height: 1.9; }
    .lang-ur .dept-card-ur,
    .lang-ur .tier-ur { font-size: 1.02rem; }
    .lang-ur .lang-switch { font-size: 0.94rem; }
    .lang-ur .counter-label { font-size: 1.1rem; line-height: 1.6; }
    .lang-ur .counter-figure { font-size: 1.72rem; }
    .lang-ur .donate-running-cost { font-size: 1.02rem; line-height: 1.8; padding: var(--sp-2) var(--sp-3); }
    .lang-ur .tier-home-title { font-size: 1.14rem; }
    .lang-ur .tier-home-amount { font-size: 1.22rem; }
    .lang-ur .tier-home-period { font-size: 0.92rem; }
    .lang-ur .header-actions .btn { font-size: 0.92rem; padding: 0.35em 0.75em; }
}