/*
 * ============================================================
 * MELEG HOMOK ARCULAT – világos paletta a tanulói felülethez
 * ------------------------------------------------------------
 * Pekáry Dorottya választása, 2026-08-18.
 * Forrás: II. irány, arculati-terv-tanuloi-felulet.html
 *
 *   #F4EEE4  Világos homok   – oldal háttere
 *   #FFFDFA  Meleg fehér     – kártyák, fejléc
 *   #DDCAB4  Homok           – sávok, képhelyek
 *   #B08D2E  Mély arany      – kiemelés, haladás
 *   #263C5D  Navy            – gombok
 *
 * Ez a fájl NEM írja át a style.css-t, csak egy réteget tesz rá.
 * Kikapcsolás = a betöltés kivétele a functions.php-ból.
 *
 * 2026-08-19: Dorka kérésére a homok arculat MINDEN oldalra kimegy,
 * a sales és jogi oldalakra is. A 13. blokk (sötét visszakapcsoló)
 * ezért jelenleg nem aktív, csak a visszaút miatt maradt bent.
 * ============================================================
 */

/* ============================================================
   1. A PALETTA – a tokenek átdefiniálása
   ============================================================ */

body.fc-homok {
    /* Háttér rétegek */
    --fc-bg:           #F4EEE4;
    --fc-bg-surface:   #FFFDFA;
    --fc-bg-elevated:  #F6EFE3;
    --fc-bg-card:      #FFFDFA;

    /* Brand színek */
    --fc-navy:         #263C5D;
    --fc-navy-glow:    rgba(38, 60, 93, 0.18);
    --fc-red:          #CF0D0D;
    --fc-red-hover:    #E81212;
    --fc-red-glow:     rgba(207, 13, 13, 0.18);

    /* Arany rendszer – mély arany, világos háttérre hangolva */
    --fc-gold:         #B08D2E;   /* kitöltés, szegély, haladásjelző – a jóváhagyott árnyalat */
    --fc-gold-light:   #8E7024;   /* világoson a kiemelt arany SÖTÉTEBB, nem világosabb */
    --fc-gold-text:    #856819;   /* SZÖVEGKÉNT: a #B08D2E csak 2,7:1 homokon, ez 4,6:1 */
    --fc-gold-dim:     rgba(176, 141, 46, 0.10);
    --fc-gold-border:  rgba(176, 141, 46, 0.30);
    --fc-gold-hover:   rgba(176, 141, 46, 0.48);

    /* Szöveg */
    --fc-text:         #2A2520;
    --fc-text-warm:    #3B3229;
    --fc-text-muted:   #7A6E60;
    --fc-text-dim:     #847767;   /* 4,3:1 kártyán – a #9A8D7C csak 2,8 volt */
    --fc-text-primary: #2A2520;

    /* Szegélyek */
    --fc-border:       #E3D9C8;
    --fc-border-light: rgba(42, 37, 32, 0.09);

    /* Árnyékok – világoson lágyabbak és melegebb tónusúak */
    --fc-shadow-sm:    0 1px 3px rgba(74, 58, 34, 0.05), 0 2px 10px rgba(74, 58, 34, 0.04);
    --fc-shadow-md:    0 4px 16px rgba(74, 58, 34, 0.07), 0 12px 32px rgba(74, 58, 34, 0.05);
    --fc-shadow-lg:    0 20px 50px rgba(74, 58, 34, 0.11);
    --fc-shadow-gold:  0 0 28px rgba(176, 141, 46, 0.16);

    /* Betűtípusok – a ferficoaching.hu betűi */
    --fc-font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
    --fc-font-body:    'Open Sans', 'Segoe UI', system-ui, sans-serif;

    /* Homok segédváltozók – csak ebben a fájlban használjuk */
    --hm-sand:         #DDCAB4;
    --hm-sand-soft:    #F0E5D2;
    --hm-track:        #EBE2D3;
    --hm-banner:       #F6EFE3;
    --hm-banner-line:  #E3D3B8;
    --hm-ink-a04:      rgba(42, 37, 32, 0.04);
    --hm-ink-a06:      rgba(42, 37, 32, 0.06);
    --hm-ink-a10:      rgba(42, 37, 32, 0.10);
    --hm-ink-a18:      rgba(42, 37, 32, 0.18);
}

body.fc-homok,
body.fc-homok.fc-dark-theme {
    background-color: var(--fc-bg);
    color: var(--fc-text);
}

/* A köszöntés megtartja a Cormorant kurzívot, ahogy a látványtervben volt */
body.fc-homok .fc-page-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
}

/* ============================================================
   2. FEJLÉC – az rgba(7,7,14,.92) nem token, kézzel kell
   ============================================================ */

body.fc-homok .fc-header {
    background: rgba(255, 253, 250, 0.92);
    border-bottom: 1px solid var(--fc-border);
    box-shadow: 0 1px 3px rgba(74, 58, 34, 0.05);
}

body.fc-homok .fc-header-nav a:hover {
    background: var(--hm-ink-a06);
}

body.fc-homok .fc-kilepés-btn:hover {
    border-color: var(--hm-ink-a18);
    background: var(--hm-ink-a04);
}

/* ============================================================
   3. HÁTTÉR-FÉNYFOLTOK – sötéten hangulat, világoson kosz
   ============================================================ */

body.fc-homok .fc-dashboard-wrap::before {
    background:
        radial-gradient(ellipse at 0% 0%, rgba(176, 141, 46, 0.07) 0%, transparent 55%),
        radial-gradient(ellipse at 100% 100%, rgba(38, 60, 93, 0.05) 0%, transparent 55%);
}

body.fc-homok .fc-course-hero::before,
body.fc-homok .fc-auth-brand::before,
body.fc-homok .fc-auth-form-panel::before {
    opacity: 0.35;
}

body.fc-homok ::selection {
    background: rgba(176, 141, 46, 0.22);
    color: var(--fc-text);
}

body.fc-homok ::-webkit-scrollbar-track { background: var(--hm-track); }
body.fc-homok ::-webkit-scrollbar-thumb { background: rgba(176, 141, 46, 0.45); }

/* ============================================================
   4. ŰRLAPOK ÉS GOMBOK
   ============================================================ */

body.fc-homok .fc-input {
    background: #FFFFFF;
    border-color: var(--fc-border);
}

body.fc-homok .fc-input:hover:not(:focus) {
    border-color: #D3C4AC;
    background: #FFFFFF;
}

body.fc-homok .fc-input::placeholder {
    color: var(--fc-text-dim);
}

body.fc-homok .fc-btn-outline:hover {
    border-color: var(--hm-ink-a18);
    background: var(--hm-ink-a04);
}

/* Arany gombon világoson FEHÉR a felirat, nem fekete */
body.fc-homok .fc-btn-gold,
body.fc-homok .fc-btn-gold:hover {
    color: #FFFFFF !important;
}

body.fc-homok .fc-step.aktiv .fc-step-dot {
    color: #FFFFFF;
}

/* ============================================================
   5. VISSZAJELZŐ SZÍNEK – a sötét módra hangolt pasztell
      zöld/piros/kék világos háttéren olvashatatlan
   ============================================================ */

body.fc-homok .fc-alert-siker  { color: #1E7A3C; }
body.fc-homok .fc-alert-hiba   { color: #B3261E; }
body.fc-homok .fc-alert-info   { color: #1F5C8B; }

body.fc-homok .fc-badge-aktiv {
    background: rgba(30, 122, 60, 0.10);
    color: #1E7A3C;
    border-color: rgba(30, 122, 60, 0.28);
}
body.fc-homok .fc-badge-onhold {
    background: rgba(138, 97, 0, 0.10);
    color: #8A6100;
    border-color: rgba(138, 97, 0, 0.28);
}
body.fc-homok .fc-badge-lejart {
    background: rgba(179, 38, 30, 0.09);
    color: #B3261E;
    border-color: rgba(179, 38, 30, 0.26);
}
body.fc-homok .fc-badge-lemondva {
    background: var(--hm-ink-a06);
    color: var(--fc-text-muted);
    border-color: var(--hm-ink-a10);
}
body.fc-homok .fc-badge-locked {
    background: var(--hm-ink-a06);
    border-color: var(--hm-ink-a10);
}

body.fc-homok .woocommerce-password-strength.short  { background: rgba(179,38,30,0.10);  color: #B3261E; }
body.fc-homok .woocommerce-password-strength.bad    { background: rgba(138,97,0,0.10);   color: #8A6100; }
body.fc-homok .woocommerce-password-strength.good   { background: rgba(30,122,60,0.10);  color: #1E7A3C; }
body.fc-homok .woocommerce-password-strength.strong { background: rgba(30,122,60,0.16);  color: #1A6B34; }

body.fc-homok .fc-pm-action-delete { color: #B3261E; }

/* ============================================================
   5/b. ARANY MINT SZÖVEG
   ------------------------------------------------------------
   A #B08D2E kitöltésnek tökéletes, de apró betűként csak 2,7:1
   kontrasztot ad a homok háttéren. Ahol az arany SZÖVEG, ott a
   sötétebb --fc-gold-text megy (4,6:1). A kitöltések, szegélyek
   és a haladásjelző maradnak a jóváhagyott #B08D2E-n.
   ============================================================ */

/* A style.css-ben az `a { color: var(--fc-gold) }` NEM !important, ezért itt
   sem szabad annak lennie – különben elvinné a gombok és a menü saját színét. */
body.fc-homok a {
    color: var(--fc-gold-text);
}

body.fc-homok .fc-header-nav a.aktiv,
body.fc-homok .fc-auth-brand-eyebrow,
body.fc-homok .fc-auth-stat-num,
body.fc-homok .fc-field-row a,
body.fc-homok .fc-btn-ghost,
body.fc-homok .fc-auth-links a,
body.fc-homok .fc-page-eyebrow,
body.fc-homok .fc-profile-role,
body.fc-homok .fc-checkout-testimonials-label,
body.fc-homok .fc-course-hero__progress-label,
body.fc-homok .fc-termek-eyebrow,
body.fc-homok .fc-shop-lapozo .page-numbers:hover,
body.fc-homok .fc-shop-lapozo .page-numbers.current,
body.fc-homok .fc-course-content-inner .ld-item-list-section-heading,
body.fc-homok .fc-course-content-inner .ld-section-heading,
body.fc-homok .ld-lesson-item-section-heading,
body.fc-homok .ld-focus-sidebar .ld-lesson-item-section-heading span,
body.fc-homok .ld-focus-main a,
body.fc-homok .learndash-wrapper .ld-content-text a {
    color: var(--fc-gold-text) !important;
}

/* A fejléc aktív menüpontja alatti vonal maradjon a "rendes" arany */
body.fc-homok .fc-header-nav a.aktiv::after {
    background: var(--fc-gold);
}

/* LearnDash "secondary" szín SZÖVEGKÉNT: a plugin ugyanazt az értéket
   használja háttérnek és betűszínnek is, így a világos secondary
   fehér betűt adna fehér alapon. */
body.fc-homok .ld-secondary-color,
body.fc-homok .learndash-wrapper .ld-secondary-color,
body.fc-homok .ld-progress-percentage.ld-secondary-color {
    color: var(--fc-text-muted) !important;
}

/* WooCommerce "Vásárlás folytatása" gomb: navy háttéren sötét betű volt */
body.fc-homok .woocommerce a.button.wc-backward,
body.fc-homok a.button.wc-backward,
body.fc-homok .wc-backward {
    color: #FFFFFF !important;
    border-color: #263C5D !important;
}

/* ============================================================
   6. KÁRTYÁK, SÁVOK, HALADÁSJELZŐK
   ============================================================ */

body.fc-homok .fc-card {
    box-shadow: var(--fc-shadow-sm);
}

body.fc-homok .fc-card-dark {
    background: var(--hm-banner);
}

/* A navy kártya és az előfizetés-sáv a látványterv homok bannere lesz */
body.fc-homok .fc-card-navy,
body.fc-homok .fc-sub-status {
    background: var(--hm-banner);
    border: 1px solid var(--hm-banner-line);
}

body.fc-homok .fc-card-gold {
    background: linear-gradient(135deg, rgba(176,141,46,0.10) 0%, rgba(176,141,46,0.03) 100%);
    border: 1px solid var(--fc-gold-border);
}

body.fc-homok .fc-progress-bar,
body.fc-homok .fc-course-hero__progress-bar {
    background: var(--hm-track);
}

body.fc-homok .ld-focus-header .ld-progress-bar {
    background: var(--hm-track) !important;
}

body.fc-homok .fc-step-dot {
    background: var(--hm-track);
    border: 1px solid var(--fc-border);
}

/* Kurzus-képhely: homok színátmenet, nem sötétkék */
body.fc-homok .fc-course-thumb {
    background: linear-gradient(135deg, var(--hm-sand-soft) 0%, var(--hm-sand) 100%);
}

body.fc-homok .fc-course-thumb::after {
    background: linear-gradient(to bottom, transparent 70%, rgba(74, 58, 34, 0.16) 100%);
}

body.fc-homok .fc-course-thumb-icon {
    color: #8E7024;
    opacity: 0.5;
}

body.fc-homok .fc-avatar-ring {
    background: linear-gradient(135deg, var(--hm-sand) 0%, #C9B48F 100%);
}

/* ============================================================
   7. LISTÁK, TÁBLÁZATOK, ELVÁLASZTÓK
   ============================================================ */

body.fc-homok .fc-mastermind-lesson-list,
body.fc-homok .fc-locked-lesson:first-child,
body.fc-homok .fc-pm-footer,
body.fc-homok .fc-pm-actions {
    border-top-color: var(--fc-border);
}

body.fc-homok .fc-mastermind-lesson-item,
body.fc-homok .fc-locked-lesson,
body.fc-homok .fc-pm-row,
body.fc-homok .fc-modal-header {
    border-bottom-color: var(--fc-border);
}

body.fc-homok .fc-pm-footer {
    background: var(--hm-banner);
}

body.fc-homok .fc-pm-icon {
    background: var(--hm-sand-soft);
}

body.fc-homok .fc-orders-table tbody tr {
    border-bottom-color: var(--hm-track);
}

body.fc-homok .fc-orders-table tbody tr:hover {
    background: var(--hm-banner);
}

/* ============================================================
   8. MODÁL (kártya hozzáadása)
   ============================================================ */

body.fc-homok .fc-modal-backdrop {
    background: rgba(43, 36, 28, 0.52);
}

body.fc-homok .fc-modal-box {
    background: #FFFDFA;
    border: 1px solid var(--fc-border);
    box-shadow: 0 24px 60px rgba(74, 58, 34, 0.18);
}

body.fc-homok .fc-modal-iframe {
    background: #FFFDFA;
}

body.fc-homok .fc-modal-close:hover {
    background: var(--hm-ink-a06);
}

/* ============================================================
   9. AJÁNLÁS-KÁRTYA ÉS PÉNZTÁR-FEJLÉC
   ============================================================ */

body.fc-homok .fc-checkout-testimonial-card {
    background: #FFFDFA;
    border: 1px solid var(--fc-border);
    box-shadow: var(--fc-shadow-sm);
}

body.fc-homok .fc-checkout-testimonial-card::before {
    color: rgba(42, 37, 32, 0.08);
}

body.fc-homok .fc-checkout-topbar {
    background: rgba(255, 253, 250, 0.95);
    border-bottom: 1px solid var(--fc-border);
}

body.fc-homok .fc-trust-bar {
    background: var(--hm-banner);
    border-bottom: 1px solid var(--hm-banner-line);
}

/* ============================================================
   10. LEARNDASH – kurzusoldal és fókuszmód
   ============================================================ */

/* A style.css itt (0,4,0) fajsulyu szelektort hasznal
   (.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo),
   ezert ugyanazokat a szelektorokat kell tukroznunk – a puszta
   `body.fc-homok .ld-brand-logo` (0,2,1) alulmaradna. */
body.fc-homok .ld-focus-header,
body.fc-homok .ld-focus .ld-focus-header,
body.fc-homok .learndash-wrapper .ld-focus .ld-focus-header,
body.fc-homok .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo,
body.fc-homok .ld-focus-header .ld-brand-logo,
body.fc-homok .ld-brand-logo {
    background: rgba(255, 253, 250, 0.97) !important;
    background-color: rgba(255, 253, 250, 0.97) !important;
    box-shadow: 0 1px 3px rgba(74, 58, 34, 0.07) !important;
}

body.fc-homok .ld-topic-list,
body.fc-homok .fc-course-content-inner .ld-topic-list {
    background: #F0E9DC !important;
}

/* Arany LD-gombokon fehér felirat */
body.fc-homok .learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css),
body.fc-homok .learndash_mark_complete_button,
body.fc-homok #learndash_mark_complete_button,
body.fc-homok input[name="learndash_mark_complete"] {
    color: #FFFFFF !important;
}

body.fc-homok .ld-tooltip:not(.ld-tooltip--modern) [role="tooltip"] {
    background: #3B3229 !important;
    color: #FFFDFA !important;
}

/* ============================================================
   11. WOOCOMMERCE ŰRLAPMEZŐK
   ============================================================ */

body.fc-homok .woocommerce form .form-row input.input-text,
body.fc-homok .woocommerce form .form-row textarea,
body.fc-homok .woocommerce form .form-row select,
body.fc-homok .woocommerce-account-fields input[type="text"],
body.fc-homok .woocommerce-account-fields input[type="password"],
body.fc-homok .woocommerce-account-fields input[type="email"] {
    background: #FFFFFF !important;
    color: var(--fc-text) !important;
}

/* ============================================================
   12. KOSÁR ÉS PÉNZTÁR – a meglévő kék-fehér világosból homok
   ============================================================ */

body.fc-homok.fc-wc-light,
body.fc-homok.fc-wc-light .fc-checkout-shell {
    background: #F4EEE4;
    color: #2A2520;
}

body.fc-homok.fc-wc-light .fc-checkout-shell {
    --fc-bg:           #F4EEE4;
    --fc-bg-surface:   #FFFDFA;
    --fc-bg-elevated:  #F6EFE3;
    --fc-bg-card:      #FFFDFA;

    --fc-text:         #2A2520;
    --fc-text-warm:    #3B3229;
    --fc-text-muted:   #7A6E60;
    --fc-text-dim:     #847767;   /* 4,3:1 kártyán – a #9A8D7C csak 2,8 volt */
    --fc-text-primary: #2A2520;

    --fc-gold:         #B08D2E;
    --fc-gold-light:   #8E7024;
    --fc-gold-dim:     rgba(176, 141, 46, 0.10);
    --fc-gold-border:  rgba(176, 141, 46, 0.30);
    --fc-gold-hover:   rgba(176, 141, 46, 0.20);

    /* az elsődleges akciógomb marad navy */
    --fc-red:          #263C5D;
    --fc-red-hover:    #1B2E47;
    --fc-red-glow:     rgba(38, 60, 93, 0.18);

    --fc-border:       #E3D9C8;
    --fc-border-light: rgba(42, 37, 32, 0.07);

    --fc-shadow-sm:    0 1px 3px rgba(74, 58, 34, 0.05), 0 2px 10px rgba(74, 58, 34, 0.04);
    --fc-shadow-md:    0 4px 16px rgba(74, 58, 34, 0.07), 0 12px 32px rgba(74, 58, 34, 0.05);
    --fc-shadow-lg:    0 20px 50px rgba(74, 58, 34, 0.11);
    --fc-shadow-gold:  0 0 28px rgba(176, 141, 46, 0.14);
}

body.fc-homok.fc-wc-light .fc-checkout-topbar {
    background: #FFFDFA;
    border-bottom: 1px solid #E3D9C8;
    box-shadow: 0 1px 3px rgba(74, 58, 34, 0.05);
}

body.fc-homok.fc-wc-light .fc-checkout-topbar-logo { color: #2A2520 !important; }

body.fc-homok.fc-wc-light .fc-trust-bar {
    background: #F6EFE3;
    border-bottom: 1px solid #E3D3B8;
}
body.fc-homok.fc-wc-light .fc-trust-item { color: #7A6E60; }
body.fc-homok.fc-wc-light .fc-trust-icon { color: #B08D2E; }

body.fc-homok.fc-wc-light .fc-step     { color: #847767; }
body.fc-homok.fc-wc-light .fc-step-sep { color: #847767; }
body.fc-homok.fc-wc-light .fc-step-dot {
    background: #EBE2D3;
    border: 1px solid #E3D9C8;
    color: #7A6E60;
}
body.fc-homok.fc-wc-light .fc-step.aktiv { color: #2A2520; }
body.fc-homok.fc-wc-light .fc-step.aktiv .fc-step-dot {
    background: #263C5D;
    border-color: #263C5D;
    color: #FFFFFF;
}
body.fc-homok.fc-wc-light .fc-step.kesz .fc-step-dot,
body.fc-homok.fc-wc-light .fc-step.kész .fc-step-dot {
    background: rgba(176, 141, 46, 0.12);
    border-color: rgba(176, 141, 46, 0.32);
    color: #B08D2E;
}
body.fc-homok.fc-wc-light .fc-step.kesz,
body.fc-homok.fc-wc-light .fc-step.kész { color: #B08D2E; }

body.fc-homok.fc-wc-light .select2-dropdown {
    background: #FFFDFA !important;
    color: #2A2520 !important;
    border-color: #E3D9C8 !important;
}
body.fc-homok.fc-wc-light .select2-results__option { color: #2A2520 !important; }
body.fc-homok.fc-wc-light .select2-results__option--highlighted[aria-selected] {
    background: #F6EFE3 !important;
    color: #2A2520 !important;
}
body.fc-homok.fc-wc-light .select2-search--dropdown .select2-search__field {
    background: #FFFFFF !important;
    color: #2A2520 !important;
    border-color: #E3D9C8 !important;
}

body.fc-homok.fc-wc-light .fc-checkout-shell .woocommerce-Price-amount { color: #B08D2E; }
body.fc-homok.fc-wc-light .fc-checkout-shell table.shop_table tfoot tr.order-total td { color: #2A2520; }

body.fc-homok.fc-wc-light .fc-checkout-shell td.actions .coupon button[name="apply_coupon"] {
    background: #FFFDFA !important;
    border-color: #E3D9C8 !important;
}
body.fc-homok.fc-wc-light .fc-checkout-shell .button[name="update_cart"] { color: #7A6E60 !important; }
body.fc-homok.fc-wc-light .fc-checkout-shell .button[name="update_cart"]:hover { color: #2A2520 !important; }

body.fc-homok.fc-wc-light .fc-checkout-shell #place_order {
    background: #B08D2E !important;
    color: #FFFFFF !important;
}
body.fc-homok.fc-wc-light .fc-checkout-shell #place_order:hover { background: #C9A54A !important; }

body.fc-homok.fc-wc-light .fc-checkout-shell .wc-proceed-to-checkout a.checkout-button,
body.fc-homok.fc-wc-light .fc-checkout-shell a.checkout-button {
    background: #B08D2E !important;
    color: #FFFFFF !important;
}
body.fc-homok.fc-wc-light .fc-checkout-shell .wc-proceed-to-checkout a.checkout-button:hover,
body.fc-homok.fc-wc-light .fc-checkout-shell a.checkout-button:hover { background: #C9A54A !important; }

body.fc-homok.fc-wc-light ::-webkit-scrollbar-track { background: #EBE2D3; }

body.fc-homok .fc-ty-icon {
    background: linear-gradient(135deg, #B08D2E 0%, #8E7024 100%);
    color: #FFFFFF;
}
body.fc-homok .fc-cce-qty-warn { color: #8A6100; }
body.fc-homok .fc-cce-remove   { color: #B3261E !important; }

/* ============================================================
   13. SÖTÉT VISSZAKAPCSOLÓ – jelenleg NEM aktív
   ------------------------------------------------------------
   2026-08-18-án a sales oldalak (Starter Kit, Alumni sales, IÖCP
   Mastermind, Alumni tagság, jogi oldalak) szándékosan sötétek
   maradtak. 2026-08-19-én Dorka kérte, hogy a homok arculat MINDEN
   oldalra menjen ki, ezért a `fc_homok_sotet_oldal()` már üres, és
   a `fc-sales-dark` body osztály nem kerül ki egyetlen oldalra sem.

   Ez a blokk szándékosan itt marad: ha valamelyik oldalt mégis
   sötéten akarjuk, elég a functions.php-ban visszaadni a sablont a
   `fc_homok_sotet_oldal()` listájába, és ez azonnal újra él.

   FONTOS: a wrapper osztályok (.fc-sk-page, .fc-as-page, .fc-at-page,
   .fc-legal-page) SZÁNDÉKOSAN NINCSENEK a szelektorban. Korábban ott
   voltak, és emiatt a sales oldalak akkor is sötétek maradtak, amikor
   a body már homok volt – a belső wrapper felülírta a paletta-tokeneket.
   A tokenek a body-ról öröklődnek, tehát a `fc-sales-dark` önmagában
   is elég a teljes visszaállításhoz.
   ============================================================ */

body.fc-homok.fc-sales-dark {
    --fc-bg:           #07070E;
    --fc-bg-surface:   #0E0E1C;
    --fc-bg-elevated:  #141428;
    --fc-bg-card:      rgba(255, 255, 255, 0.03);

    --fc-gold:         #C7A446;
    --fc-gold-light:   #E8C97A;
    --fc-gold-dim:     rgba(199, 164, 70, 0.12);
    --fc-gold-border:  rgba(199, 164, 70, 0.18);
    --fc-gold-hover:   rgba(199, 164, 70, 0.30);

    --fc-text:         #F0EDE6;
    --fc-text-warm:    #E8DFD0;
    --fc-text-muted:   #7A7A90;
    --fc-text-dim:     #44445A;
    --fc-text-primary: #F0EDE6;

    --fc-border:       rgba(199, 164, 70, 0.12);
    --fc-border-light: rgba(255, 255, 255, 0.06);

    --fc-shadow-sm:    0 2px 12px rgba(0, 0, 0, 0.4);
    --fc-shadow-md:    0 8px 32px rgba(0, 0, 0, 0.6);
    --fc-shadow-lg:    0 20px 60px rgba(0, 0, 0, 0.8);
    --fc-shadow-gold:  0 0 40px rgba(199, 164, 70, 0.12);

    --fc-font-display: 'Cormorant Garamond', Georgia, serif;
    --fc-font-body:    'DM Sans', system-ui, sans-serif;

    background-color: var(--fc-bg);
    color: var(--fc-text);
}

/* A sales oldalakon a fejléc, a lábléc és a body is visszasötétedik */
body.fc-homok.fc-sales-dark,
body.fc-homok.fc-sales-dark.fc-dark-theme {
    background-color: #07070E;
    color: #F0EDE6;
}
body.fc-homok.fc-sales-dark .fc-header {
    background: rgba(7, 7, 14, 0.92);
    border-bottom: 1px solid rgba(199, 164, 70, 0.12);
    box-shadow: none;
}
body.fc-homok.fc-sales-dark .fc-header-logo { color: #F0EDE6 !important; }
body.fc-homok.fc-sales-dark .fc-header-logo .fc-logo-accent { color: #C7A446; }
body.fc-homok.fc-sales-dark .fc-header-nav a { color: #7A7A90 !important; }
body.fc-homok.fc-sales-dark .fc-header-nav a:hover {
    color: #F0EDE6 !important;
    background: rgba(255, 255, 255, 0.05);
}
body.fc-homok.fc-sales-dark .fc-header-nav a.aktiv { color: #C7A446 !important; }
body.fc-homok.fc-sales-dark .fc-kilepés-btn { color: #7A7A90 !important; }
body.fc-homok.fc-sales-dark .fc-kilepés-btn:hover {
    color: #F0EDE6 !important;
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.05);
}
body.fc-homok.fc-sales-dark .fc-site-footer {
    background: #0E0E1C;
    border-top: 1px solid rgba(199, 164, 70, 0.12);
}
body.fc-homok.fc-sales-dark .fc-site-footer__links a { color: #7A7A90; }
body.fc-homok.fc-sales-dark .fc-site-footer__links a:hover { color: #C7A446; }
body.fc-homok.fc-sales-dark .fc-site-footer__copy { color: #44445A; }

/* A gorgetosav es a kijeloles is: kulonben egy homokszinu csik marad
   a sotet sales oldal jobb szelen */
body.fc-homok.fc-sales-dark ::-webkit-scrollbar-track { background: #07070E; }
body.fc-homok.fc-sales-dark ::-webkit-scrollbar-thumb { background: rgba(199, 164, 70, 0.3); }
body.fc-homok.fc-sales-dark ::selection {
    background: rgba(199, 164, 70, 0.25);
    color: #E8C97A;
}

/* A sales oldalakon a linkek is maradnak a vilagos aranyon */
body.fc-homok.fc-sales-dark a { color: #C7A446; }


/* ============================================================
   14. SALES ÉS JOGI OLDALAK – OLVASHATÓ ARANY
   ------------------------------------------------------------
   2026-08-19. Ezek az oldalak korábban sötétek maradtak, ezért a
   style.css-ben mindenhol a világos aranyat (--fc-gold, #B08D2E)
   kapták szövegszínnek. Homok háttéren az csak 2,7:1 – olvashatatlan.

   Ugyanaz a szabály él itt, mint az 5/b. blokkban a tanulói
   felületen: ahol az arany SZÖVEG, ott a sötétebb --fc-gold-text
   (#856819, 4,6:1) megy. A kitöltések, szegélyek és a haladásjelzők
   maradnak a Dorka által jóváhagyott #B08D2E-n.
   ============================================================ */

body.fc-homok .fc-sk-eyebrow,
body.fc-homok .fc-sk-hero__title em,
body.fc-homok .fc-sk-component__num,
body.fc-homok .fc-sk-component__sub,
body.fc-homok .fc-sk-questions__more,
body.fc-homok .fc-as-eyebrow,
body.fc-homok .fc-as-gate h1 em,
body.fc-homok .fc-as-hero__title em,
body.fc-homok .fc-as-stat__num,
body.fc-homok .fc-as-italic,
body.fc-homok .fc-as-update__label,
body.fc-homok .fc-as-pkg__version,
body.fc-homok .fc-as-pkg--featured .fc-as-pkg__name,
body.fc-homok .fc-as-pkg__price-amount,
body.fc-homok .fc-as-frame__box h3,
body.fc-homok .fc-as-date-card__value,
body.fc-homok .fc-as-closing__date,
body.fc-homok .fc-as-closing__signature,
body.fc-homok .fc-as-savings-notif,
body.fc-homok .fc-at-eyebrow,
body.fc-homok .fc-at-hero__title em,
body.fc-homok .fc-at-delayed-notice,
body.fc-homok .fc-at-card__name,
body.fc-homok .fc-at-current-badge {
    color: var(--fc-gold-text);
}

/* Az ikonok és a nyitó-nyilak nem olvasandó szövegek, de a #B08D2E
   nekik is csak 2,7:1. A --fc-gold-light homok módban a SÖTÉTEBB
   arany (#8E7024), tehát tőlük is jobban elválik a háttértől. */
body.fc-homok .fc-sk-component__icon,
body.fc-homok .fc-sk-pricing__trust svg,
body.fc-homok .fc-as-frame__icon,
body.fc-homok .fc-as-date-card__icon,
body.fc-homok .fc-as-savings-notif svg,
body.fc-homok .fc-as-update__quote,
body.fc-homok .fc-as-faq__item summary::after,
body.fc-homok .fc-at-faq__item summary::after,
body.fc-homok .fc-at-feature--gold .fc-at-feature__icon,
body.fc-homok .fc-at-feature:hover .fc-at-feature__icon,
body.fc-homok .fc-at-card__list li::before {
    color: var(--fc-gold-light);
}

/* A "Legnépszerűbb" jelvény: arany háttéren homokszínű felirat volt,
   ami 2,7:1. Sötétebb arany + fehér = 4,6:1. */
body.fc-homok .fc-as-pkg__badge {
    background: var(--fc-gold-light);
    color: #FFFFFF;
}

/* ------------------------------------------------------------
   INLINE STÍLUSOK a sales sablonokban
   Az IÖCP Mastermind és az Alumni tagság sablonjában pár elem
   `style="..."` attribútumot kapott, még a sötét korszakból. Az
   inline stílust CSAK !important veri – ezért van itt kivételesen.
   (A sablonokhoz szándékosan nem nyúlunk: így a sötét visszaút is
   egy lépés marad.)
   ------------------------------------------------------------ */

/* `style="color:var(--fc-gold)"` – a csomag neve az árazó kártyán */
body.fc-homok .fc-at-card__name[style] {
    color: var(--fc-gold-text) !important;
}

/* `style="border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04)"`
   – a fehér áttetsző keret sötéten szürke volt, homokon eltűnik. */
body.fc-homok .fc-at-current-badge[style] {
    border-color: var(--fc-border) !important;
    background: rgba(176, 141, 46, 0.08) !important;
    color: var(--fc-text-muted) !important;
}