/* =========================================================
   AL KARAMA - FINAL VISUAL BALANCE
   هدف الملف: موازنة أحجام الخطوط بدون تغيير هوية التصميم
========================================================= */

:root {
    --ak-font-ar: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
    --ak-font-en: "Inter", Arial, sans-serif;
}

/* =========================================================
   GLOBAL
========================================================= */

html,
body {
    font-family: var(--ak-font-ar) !important;
}

body {
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* الإنجليزية تبقى Inter */
.ak-latin,
.ak-title-outline,
.ak-section-kicker,
.ak-section-number,
.ak-path-no,
.ak-path-title > span,
.ak-news-info,
.ak-age-card-top,
.ak-tv-heading > div > span,
.ak-video-copy small,
.ak-history-heading > div:nth-child(2) > span,
.ak-impact-main > span,
.ak-impact-nav small,
.ak-life-top,
.ak-gallery-head > div > span,
.ak-closing-title > span,
.final-brand-copy span,
.final-language-mini a,
.final-language-button {
    font-family: var(--ak-font-en) !important;
}

/* العربية داخل الرئيسية لا تستخدم Noto Kufi */
.ak-hero,
.ak-section,
.ak-academy,
.ak-tv,
.ak-impact,
.ak-gallery,
.ak-closing,
.ak-match-zone,
.ak-marquee,
.ak-path-card,
.ak-news,
.ak-history,
.ak-lifestyle {
    font-family: var(--ak-font-ar) !important;
}

/* =========================================================
   TOP BAR + HEADER
========================================================= */

.final-topbar-inner {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.final-official-badge,
.final-topbar-location {
    font-size: 12px !important;
}

.final-brand-copy strong {
    font-family: var(--ak-font-ar) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.final-brand-copy span {
    font-size: 9px !important;
    letter-spacing: .8px !important;
}

.final-header-inner {
    gap: 14px !important;
}

.final-desktop-nav {
    gap: 1px !important;
}

.final-nav-link,
.final-nav-button {
    font-family: var(--ak-font-ar) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding-inline: 9px !important;
    letter-spacing: 0 !important;
}

.final-dropdown-heading {
    font-family: var(--ak-font-ar) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.final-dropdown-panel a {
    font-family: var(--ak-font-ar) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.final-membership-button,
.final-support-button {
    font-family: var(--ak-font-ar) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.final-language-button {
    font-size: 10px !important;
}

/* لا نحشر القائمة على الشاشات المتوسطة */
@media (max-width: 1220px) {
    .final-desktop-nav {
        display: none !important;
    }

    .final-mobile-button {
        display: block !important;
    }
}

/* =========================================================
   HERO
========================================================= */

.ak-main-title h1 {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(64px, 7vw, 92px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -2px !important;
}

.ak-main-title strong {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(32px, 4vw, 48px) !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: -1px !important;
    margin-top: 8px !important;
}

.ak-title-outline {
    font-size: clamp(40px, 5vw, 68px) !important;
    top: -22px !important;
    letter-spacing: -2px !important;
}

.ak-arabic-eyebrow {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.ak-latin {
    font-size: 9px !important;
}

.ak-hero-bottom p {
    font-family: var(--ak-font-ar) !important;
    font-size: 17px !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

/* =========================================================
   SECTION HEADINGS
========================================================= */

.ak-editorial-head h2,
.ak-news-heading h2,
.ak-academy-title h2,
.ak-history-heading h2,
.ak-gallery-head h2 {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(38px, 4vw, 52px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -1.2px !important;
}

.ak-section-kicker,
.ak-news-heading > div > span,
.ak-academy-title > span,
.ak-tv-heading > div > span,
.ak-history-heading > div:nth-child(2) > span,
.ak-impact-main > span,
.ak-gallery-head > div > span {
    font-size: 10px !important;
    letter-spacing: 1.3px !important;
}

.ak-editorial-head p,
.ak-academy-title p {
    font-family: var(--ak-font-ar) !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

/* =========================================================
   WORLD OF KARAMA CARDS
========================================================= */

.ak-path-card,
.ak-path-big {
    min-height: 235px !important;
    padding: 22px !important;
}

.ak-path-title h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.ak-path-big .ak-path-title h3 {
    font-size: 28px !important;
}

.ak-path-title > span {
    font-size: 9px !important;
}

.ak-path-no {
    font-size: 10px !important;
}

/* =========================================================
   NEWS
========================================================= */

.ak-news-heading {
    margin-bottom: 38px !important;
}

.ak-news-feature {
    min-height: 520px !important;
}

.ak-news-feature-content h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(26px, 2.7vw, 37px) !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.ak-news-feature-content p {
    font-family: var(--ak-font-ar) !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}

.ak-news-row-copy h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}

.ak-news-row-copy > span {
    font-size: 10px !important;
}

.ak-news-row-copy time {
    font-size: 9px !important;
}

/* =========================================================
   ACADEMY
========================================================= */

.ak-age-card {
    min-height: 365px !important;
}

.ak-age-card-bottom h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.ak-age-card-bottom small,
.ak-age-card-top {
    font-size: 9px !important;
}

.ak-academy-footer a {
    font-family: var(--ak-font-ar) !important;
    font-size: 14px !important;
}

/* =========================================================
   TV
========================================================= */

.ak-tv-heading h2 {
    font-family: var(--ak-font-en) !important;
    font-size: clamp(50px, 6vw, 76px) !important;
    letter-spacing: -3px !important;
}

.ak-tv-heading > a {
    font-family: var(--ak-font-ar) !important;
    font-size: 14px !important;
}

.ak-video-main {
    min-height: 470px !important;
}

.ak-video-card {
    min-height: 350px !important;
}

.ak-video-copy h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}

.ak-video-main .ak-video-copy h3 {
    font-size: 24px !important;
}

/* =========================================================
   ACHIEVEMENTS
========================================================= */

.ak-history-index {
    font-size: 38px !important;
}

.ak-history-card {
    min-height: 410px !important;
}

.ak-history-copy h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

/* =========================================================
   IMPACT
========================================================= */

.ak-impact {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.ak-impact-main h2 {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(38px, 4.4vw, 55px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.ak-impact-main p {
    font-family: var(--ak-font-ar) !important;
    font-size: 16px !important;
    line-height: 1.95 !important;
}

.ak-impact-nav strong {
    font-family: var(--ak-font-ar) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
}

/* =========================================================
   MEMBERSHIP + STORE
========================================================= */

.ak-life-card {
    min-height: 460px !important;
}

.ak-life-copy h2 {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(38px, 4.5vw, 55px) !important;
    line-height: 1.17 !important;
    font-weight: 700 !important;
}

.ak-life-copy small {
    font-family: var(--ak-font-ar) !important;
    font-size: 13px !important;
}

/* =========================================================
   GALLERY
========================================================= */

.ak-gallery-data h3 {
    font-family: var(--ak-font-ar) !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

/* =========================================================
   CLOSING
========================================================= */

.ak-closing {
    min-height: 470px !important;
    padding: 64px 0 !important;
}

.ak-closing-inner {
    max-width: 1050px !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr) !important;
    align-items: center !important;
    gap: 40px !important;
}

.ak-closing-title h2 {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(44px, 5vw, 66px) !important;
    line-height: 1.14 !important;
    font-weight: 700 !important;
    letter-spacing: -1.5px !important;
}

.ak-closing-side {
    max-width: 230px !important;
    justify-self: start !important;
}

[dir="ltr"] .ak-closing-side {
    justify-self: end !important;
}

.ak-closing-outline {
    font-size: 180px !important;
}

.ak-closing-side p {
    font-family: var(--ak-font-ar) !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
}

.ak-closing-side a {
    font-family: var(--ak-font-ar) !important;
    font-size: 13px !important;
}

/* =========================================================
   INTERNAL PAGES
========================================================= */

.page-title {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(36px, 4vw, 52px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.page-description {
    font-family: var(--ak-font-ar) !important;
    font-size: 17px !important;
    line-height: 1.9 !important;
}

.internal-heading {
    font-family: var(--ak-font-ar) !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.news-page-title,
.team-card-title,
.content-card-title,
.ext-title,
.international-title,
.project-title,
.support-title {
    font-family: var(--ak-font-ar) !important;
    font-size: 21px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

.article-text,
.rich-body {
    font-family: var(--ak-font-ar) !important;
    font-size: 17px !important;
    line-height: 2 !important;
}

/* =========================================================
   FOOTER
========================================================= */

.final-footer {
    font-family: var(--ak-font-ar) !important;
}

.final-footer-cta h2 {
    font-size: clamp(29px, 3vw, 40px) !important;
    line-height: 1.35 !important;
}

.final-footer-column h3 {
    font-size: 16px !important;
}

.final-footer-column a,
.final-footer-column span {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {
    .ak-main-title h1 {
        font-size: 50px !important;
    }

    .ak-main-title strong {
        font-size: 29px !important;
    }

    .ak-editorial-head h2,
    .ak-news-heading h2,
    .ak-academy-title h2,
    .ak-history-heading h2,
    .ak-gallery-head h2 {
        font-size: 36px !important;
        line-height: 1.25 !important;
    }

    .ak-closing {
        min-height: auto !important;
        padding: 54px 0 !important;
    }

    .ak-closing-inner {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .ak-closing-side,
    [dir="ltr"] .ak-closing-side {
        max-width: 100% !important;
        justify-self: stretch !important;
    }

    .ak-closing-title h2 {
        font-size: 40px !important;
    }

    .page-title {
        font-size: 35px !important;
    }
}