/**
 * Grundschul Rose design system — Phase 3: Startseite + Materialsuche.
 *
 * Authoritative compatibility layer. The source declarations remain in their
 * legacy files until the Phase-3 visual acceptance is complete.
 *
 * Compatibility expires: 2026-09-30.
 * Removal gate: after desktop/mobile approval, migrate the affected source
 * components and remove this layer in a separately approved cleanup.
 * Owners: gsr-modern-teacher-shop-css, gsr-relaunch-flow-css,
 * gsr-home-material-cards.css, gsr-home-product-badges.css,
 * gsr-home-random-picks.css, gsr-home-seo-layout.css.
 */

body.home,
body.page-id-7799 {
    color: var(--gsr-unified-ink);
}

/* One card recipe: roles, popular carousel and Materialsuche grid. */
body.home .gsr-relaunch-audience-card,
body.home .gsr-modern-popular-card,
body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid .gsr-material-card {
    border-radius: var(--gsr-unified-radius-md) !important;
    background: var(--gsr-unified-surface) !important;
    color: var(--gsr-unified-ink) !important;
    box-shadow: var(--gsr-unified-shadow-raised) !important;
}

body.home .gsr-relaunch-audience-card:hover,
body.home .gsr-modern-popular-card:hover,
body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid .gsr-material-card:hover {
    box-shadow: var(--gsr-unified-shadow-soft) !important;
}

body.home .gsr-relaunch-audience-card::before,
body.home .gsr-modern-social-proof__icon,
body.page-id-7799.page.gsr-modern-teacher-filter .gsr-material-card .gsr-material-card-icon-button {
    border-radius: var(--gsr-unified-radius-sm) !important;
}

body.home .gsr-relaunch-audience-card::before {
    background: var(--gsr-unified-accent-light) !important;
    color: var(--gsr-unified-ink) !important;
    font-weight: 600 !important;
}

body.home .gsr-relaunch-audience-card strong,
body.home .gsr-modern-popular-card h3,
body.home .gsr-modern-popular-card__product,
body.page-id-7799 .gsr-material-card-title {
    color: var(--gsr-unified-ink) !important;
    font-weight: 700 !important;
}

body.home .gsr-relaunch-audience-card span,
body.home .gsr-modern-popular-card__body,
body.page-id-7799 .gsr-material-card {
    font-weight: 500;
}

body.home .gsr-relaunch-audience-card b,
body.home .gsr-modern-popular-card__more,
body.page-id-7799 .gsr-material-card-toolbar-price,
body.page-id-7799 .gsr-modern-free-price {
    color: var(--gsr-unified-accent) !important;
    font-weight: 600 !important;
}

/* Hero, trust and popular shell: flat surfaces, shared radii/shadows. */
body.home .gsr-modern-hero-cover,
body.home .gsr-modern-popular,
body.page-id-7799 .gsr-search-hero,
body.page-id-7799 .gsr-materialien-panel {
    border-radius: var(--gsr-unified-radius-md) !important;
    background-color: var(--gsr-unified-surface) !important;
    background-image: none !important;
}

body.home .gsr-modern-hero-cover,
body.home .gsr-modern-popular,
body.page-id-7799 .gsr-materialien-panel {
    box-shadow: var(--gsr-unified-shadow-raised) !important;
}

body.home .gsr-modern-social-proof__icon {
    background: var(--gsr-unified-cream) !important;
    color: var(--gsr-unified-accent) !important;
    box-shadow: none !important;
}

/* One badge family. The sale badge keeps the one Phase-3 permitted gradient. */
body.home :is(.gsr-product-badge, .gsr-modern-popular-badge),
body.home :is(.gsr-ferienheft-cover-badge, .gsr-eduki-package-price__discount),
body.home .gsr-modern-popular-card__image > span,
body.page-id-7799 :is(.gsr-material-card-badge, .gsr-product-badge, .gsr-product-bestseller-badge, .gsr-product-stars-badge) {
    border-radius: var(--gsr-unified-radius-pill) !important;
    border-color: transparent !important;
    background: var(--gsr-unified-accent-light) !important;
    color: var(--gsr-unified-ink) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body.home .gsr-modern-popular :is(.gsr-modern-eyebrow, .gsr-relaunch-popular-all a),
body.home .gsr-modern-popular :is(.gsr-eduki-package-price, .gsr-eduki-package-price__offer, .gsr-eduki-package-price__discount) {
    font-weight: 600 !important;
}

body.home .gsr-modern-popular .gsr-eduki-package-price__offer {
    color: var(--gsr-unified-accent) !important;
}

body.home .gsr-modern-popular :is(.gsr-eduki-package-price__regular, del) {
    color: var(--gsr-unified-muted) !important;
    font-weight: 500 !important;
}

body.page-id-7799 .gsr-material-card-badge.is-sale,
body.page-id-7799 .gsr-material-card-discount-badge {
    border-radius: var(--gsr-unified-radius-pill) !important;
    background: linear-gradient(135deg, var(--gsr-unified-accent-light), var(--gsr-unified-accent)) !important;
    color: var(--gsr-unified-ink) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

/* Eduki turquoise is a platform cue, but no longer owns radius or shadow. */
body.page-id-7799 :is(.gsr-material-card-eduki, .is-eduki) {
    border-radius: var(--gsr-unified-radius-pill) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-material-card .gsr-material-card-icon-button.gsr-material-card-cart.is-eduki {
    border-radius: var(--gsr-unified-radius-pill) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

/* Unified price hierarchy. */
body.page-id-7799 .gsr-material-card-toolbar-price del,
body.page-id-7799 .gsr-material-card-price del {
    color: var(--gsr-unified-muted) !important;
    font-weight: 500 !important;
}

body.page-id-7799 .gsr-material-card-toolbar-price ins,
body.page-id-7799 .gsr-material-card-price ins,
body.home .gsr-modern-popular-card ins {
    color: var(--gsr-unified-accent) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Shared keyboard focus. */
body.home :is(a, button, input, select, textarea):focus-visible,
body.page-id-7799 :is(a, button, input, select, textarea):focus-visible {
    outline: var(--gsr-focus-ring) !important;
    outline-offset: 3px !important;
    box-shadow: var(--gsr-focus-ring-soft) !important;
}

/* Legacy gradients are intentionally neutralized at the rendered components. */
body.home :is(.gsr-relaunch-audience-card, .gsr-modern-popular-card, .gsr-modern-social-proof__icon, .gsr-ferienheft-cover-badge, .gsr-eduki-package-price__discount),
body.page-id-7799 :is(.gsr-material-card, .gsr-material-card-badge:not(.is-sale), .gsr-product-badge, .gsr-product-bestseller-badge, .gsr-product-stars-badge) {
    background-image: none !important;
}


body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid .gsr-material-card {
    background-image: none !important;
}

/*
 * Phase-3 completion audit (2026-08-25).
 * These selectors deliberately outrank the remaining late legacy rules. They
 * stay in this expiring compatibility layer; moving them into the six owners
 * listed above remains part of the separately approved cleanup.
 */
html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-search-hero,
html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-panel {
    border-radius: var(--gsr-unified-radius-md) !important;
    background-color: var(--gsr-unified-surface) !important;
    background-image: none !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-panel {
    box-shadow: var(--gsr-unified-shadow-raised) !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid .gsr-material-card-title {
    background-color: var(--gsr-unified-surface) !important;
    background-image: none !important;
    color: var(--gsr-unified-ink) !important;
    font-weight: 700 !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid .gsr-material-card-toolbar-price,
html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid .gsr-material-card-price {
    color: var(--gsr-unified-accent) !important;
    font-weight: 600 !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid :is(.gsr-material-card-toolbar-price, .gsr-material-card-price) del {
    color: var(--gsr-unified-muted) !important;
    font-weight: 500 !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialien-shortcode.gsr-material-filterseite .gsr-materialien-grid :is(.gsr-material-card-toolbar-price, .gsr-material-card-price) ins {
    color: var(--gsr-unified-accent) !important;
    font-weight: 600 !important;
}

/* Keep only the approved sale-badge gradient on these two Phase-3 surfaces. */
html.gsr-relaunch-js body.home .gsr-fit-in-announcement,
html.gsr-relaunch-js body.page-id-7799 .gsr-fit-in-announcement {
    background-color: var(--gsr-unified-accent) !important;
    background-image: none !important;
}

html.gsr-relaunch-js body.home :is(.gsr-modern-home-shell, .gsr-modern-articles),
html.gsr-relaunch-js body.home .gsr-modern-home-seal,
html.gsr-relaunch-js body.home .gsr-main-footer,
html.gsr-relaunch-js body.page-id-7799 .gsr-main-footer {
    background-image: none !important;
}

html.gsr-relaunch-js body.home :is(.gsr-modern-home-shell, .gsr-modern-articles) {
    background-color: var(--gsr-unified-surface) !important;
}

html.gsr-relaunch-js body.home .gsr-modern-home-seal {
    background-color: var(--gsr-unified-accent-light) !important;
}

html.gsr-relaunch-js body.home .gsr-main-footer,
html.gsr-relaunch-js body.page-id-7799 .gsr-main-footer {
    background-color: var(--gsr-unified-accent-light) !important;
}

html.gsr-relaunch-js body.home .gsr-page-transition-bar > span,
html.gsr-relaunch-js body.page-id-7799 .gsr-page-transition-bar > span {
    background-color: var(--gsr-unified-accent) !important;
    background-image: none !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialsuche-select {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    background-image: none !important;
}

html.gsr-relaunch-js body.page-id-7799.page.gsr-modern-teacher-filter .seo-page.seo-page--materialsuche .gsr-materialsuche-actions {
    background-color: var(--gsr-unified-surface) !important;
    background-image: none !important;
}