/*
 * forced-colors.css
 * Fallbacks für Samsung Energiesparmodus, Windows Hochkontrastmodus
 * und alle Geräte mit forced-colors: active.
 *
 * Strategie:
 *  - Gradient-Text → normaler lesbarer Text (CanvasText)
 *  - Branded Buttons/Badges → forced-color-adjust: none (behalten Farbe)
 *  - Karten-Rahmen → sichtbar bleiben
 *  - Hintergrund-Gradienten → vereinfacht, aber lesbar
 */

@media (forced-colors: active) {

    /* ================================================
       GRADIENT TEXT REPARATUR
       Gradient-Text (webkit-background-clip: text +
       webkit-text-fill-color: transparent) wird
       unsichtbar. Wir geben ihnen wieder eine Farbe.
       ================================================ */

    /* Preiszahlen Arbeitgeberseite */
    .ef-pricing-card__amount,
    .ef-pricing-card__currency,
    .ef-plans__price-amount,
    .ef-stats__num,
    .jm-stat__num,
    .eh-hero__num,
    .eh-stat__num,
    .bm-stat__num,
    [class*="__price-amount"],
    [class*="__stat-num"],
    [class*="__number"] {
        -webkit-text-fill-color: CanvasText;
        background: none !important;
        background-clip: unset !important;
        -webkit-background-clip: unset !important;
        color: CanvasText;
    }

    /* Hero-Titel mit Gradient */
    .ef-hero__title,
    .jm-hero__title,
    .eh-hero__title,
    .bm-hero__title,
    [class*="__hero-title"],
    [class*="__heading"] {
        -webkit-text-fill-color: CanvasText;
        background: none !important;
        background-clip: unset !important;
        -webkit-background-clip: unset !important;
        color: CanvasText;
    }

    /* ================================================
       BUTTONS – Eduro Orange beibehalten
       forced-color-adjust: none = Browser überschreibt
       dieses Element NICHT
       ================================================ */
    .ef-btn--primary,
    .ef-btn--outline,
    .jm-btn,
    .eh-btn,
    .bm-btn,
    [class*="__btn--primary"],
    [class*="__btn--orange"],
    .ef-pricing-card__btn,
    .eduro-btn {
        forced-color-adjust: none;
        background: linear-gradient(135deg, #DE6B3B, #F2943C) !important;
        color: #fff !important;
        border-color: #DE6B3B !important;
    }

    .ef-btn--outline {
        background: transparent !important;
        color: #DE6B3B !important;
        border: 2px solid #DE6B3B !important;
    }

    /* ================================================
       BADGES / PILLS
       ================================================ */
    .ef-badge,
    .ef-pricing-card__badge,
    .jm-badge,
    .bm-badge,
    [class*="__badge"],
    [class*="__pill"],
    [class*="__tag"] {
        forced-color-adjust: none;
        background: rgba(222,107,59,.12) !important;
        color: #DE6B3B !important;
        border: 1px solid rgba(222,107,59,.3) !important;
    }

    /* ================================================
       HERO / BANNER HINTERGRÜNDE
       Gradient-Hintergründe → einfache Farbe
       ================================================ */
    .ef-hero,
    .jm-hero,
    .eh-hero,
    .bm-hero,
    [class*="__hero"],
    [class*="-hero"] {
        forced-color-adjust: none;
        background: #1a1a2e !important;
        color: #fff !important;
    }

    .ef-banner,
    [class*="__banner"] {
        forced-color-adjust: none;
        background: linear-gradient(135deg, #DE6B3B, #F2943C) !important;
    }

    /* ================================================
       KARTEN-RAHMEN sichtbar halten
       ================================================ */
    .ef-pricing-card,
    .ef-flip__item,
    .ef-stories__card,
    .ef-faq__item,
    .ef-plans__body,
    .jm-card,
    .bm-card,
    [class*="__card"],
    [class*="__item"] {
        border: 1px solid CanvasText !important;
    }

    .ef-pricing-card--featured {
        border: 2px solid #DE6B3B !important;
        forced-color-adjust: none;
    }

    /* ================================================
       ICONS – Eduro-Farbe beibehalten
       ================================================ */
    .ef-pricing-card__icon,
    .ef-feature__box-icon,
    [class*="__icon"] i,
    .ef-faq__chevron,
    .ef-plans__perks li i,
    .ef-plans__features li i,
    .ef-pricing-card__features li i {
        forced-color-adjust: none;
        color: #DE6B3B !important;
        background: rgba(222,107,59,.10) !important;
    }

    /* ================================================
       STATS-BAND Hintergrund
       ================================================ */
    .ef-stats__band {
        forced-color-adjust: none;
        background: linear-gradient(135deg, #1a1a2e 0%, #2a2a4e 100%) !important;
    }

    .ef-stats__item {
        border: 1px solid rgba(255,255,255,.2) !important;
    }

    .ef-stats__num {
        color: #F2943C !important;
        -webkit-text-fill-color: #F2943C !important;
    }

    /* ================================================
       HEADER / NAV
       ================================================ */
    .main-header,
    .sticky-header,
    .header-area {
        forced-color-adjust: none;
        background: #fff !important;
        border-bottom: 1px solid #ccc !important;
    }

    /* ================================================
       FAQ ACCORDION TOGGLE
       ================================================ */
    .ef-faq__question--open,
    .ef-faq__question:hover {
        forced-color-adjust: none;
        background: rgba(222,107,59,.08) !important;
        color: #DE6B3B !important;
    }

    /* ================================================
       TALENT-TICKER KARTEN
       ================================================ */
    .ef-talent-card {
        forced-color-adjust: none;
        background: #fff !important;
        border: 1px solid #ddd !important;
        color: #333 !important;
    }

    /* ================================================
       JOB-KARTEN (Stellenübersicht)
       ================================================ */
    .jm-job-card,
    .job-card-modern,
    [class*="job-card"] {
        border: 1px solid CanvasText !important;
    }

    /* ================================================
       FLIP-CARDS – Vorder- und Rückseite
       ================================================ */
    .ef-flip__front {
        forced-color-adjust: none;
        background: #fff !important;
        border: 1px solid #ddd !important;
        color: #333 !important;
    }

    .ef-flip__back {
        forced-color-adjust: none;
        background: linear-gradient(135deg, #DE6B3B, #F2943C) !important;
        color: #fff !important;
    }

    /* ================================================
       GRAUSTUFENMODUS (Samsung ältere Geräte)
       Wird NICHT durch forced-colors: active abgedeckt.
       Es gibt keine CSS-Lösung dagegen – das ist ein
       Hardware-Filter des Displays.
       ================================================ */
}