/* ==========================*/
/* EduDisplay Starter Light Theme CSS */
/* Update: 2026-11-07 */
/* ==========================*/
/* Hoort bij: templates/pages/starter_base.html (body.starter-site) */
/* Actief via html.starter-theme-light; theme-toggle altijd zichtbaar */

/* [L01] ===== TOKENS ===== */
html.starter-theme-light {
    --dark-color: #423e3a;
    --darker-color: #f6f4f0;
    --darkest-color: #ede9e2;
    --starter-header-surface: rgba(240, 236, 229, 0.94);
    --light-color: #1c1917;
    --text-color: #423e3a;
    --card-bg-color: #f9f8f5;
    --section-bg-color: #ede9e2;
    --box-shadow: 0 2px 8px rgba(28, 25, 23, 0.08);
    color-scheme: light;
}

/* [L02] ===== PAGE / BODY ===== */
html.starter-theme-light body.starter-site {
    color: var(--text-color);
    background-color: var(--darker-color);
    background-image:
        linear-gradient(rgba(249, 248, 244, 0.94), rgba(246, 244, 240, 0.97)),
        var(--hero-bg-image);
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: cover, cover;
    background-attachment: fixed, fixed;
}

@media (max-width: 768px) {
    html.starter-theme-light body.starter-site {
        background-attachment: scroll, scroll;
    }
}

html.starter-theme-light body.starter-site h2,
html.starter-theme-light body.starter-site h3 {
    color: #3f3a36;
}

/* [L03] ===== HEADER & NAV ===== */
html.starter-theme-light body.starter-site header {
    background: var(--starter-header-surface);
    border-bottom: 1px solid #ded8ce;
    box-shadow: 0 3px 14px -4px rgba(28, 25, 23, 0.08), 0 1px 3px -1px rgba(28, 25, 23, 0.04);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html.starter-theme-light body.starter-site .logo .site-title {
    background: linear-gradient(135deg, #E85D2A 0%, #F07830 55%, #FF6A1A 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.starter-theme-light body.starter-site nav ul li a {
    color: #292524;
}

html.starter-theme-light body.starter-site nav ul li a:hover,
html.starter-theme-light body.starter-site nav ul li a.active {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site nav ul li a::after {
    background: linear-gradient(90deg, #E85D2A 0%, rgba(232, 93, 42, 0.8) 100%);
}

html.starter-theme-light body.starter-site nav > ul > li:last-child > a {
    background: linear-gradient(135deg, rgba(232, 120, 70, 0.05) 0%, rgba(232, 120, 70, 0.02) 100%);
    border-color: #d4a08a;
}

html.starter-theme-light body.starter-site nav > ul > li:last-child > a:hover,
html.starter-theme-light body.starter-site nav > ul > li:last-child > a:focus-visible {
    background: linear-gradient(135deg, rgba(232, 120, 70, 0.10) 0%, rgba(232, 120, 70, 0.05) 100%);
    border-color: #c9896e;
}

html.starter-theme-light body.starter-site .nav-submenu-toggle {
    border-color: #ded8ce;
    background: rgba(255, 255, 255, 0.72);
    color: #292524;
}

html.starter-theme-light body.starter-site .nav-submenu-toggle:hover,
html.starter-theme-light body.starter-site .nav-submenu-toggle:focus-visible {
    background: rgba(232, 93, 42, 0.10);
    border-color: #E85D2A;
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .nav-submenu {
    background: rgba(247, 246, 242, 0.98);
    border-color: #ded8ce;
    box-shadow: 0 10px 20px rgba(28, 25, 23, 0.12);
}

html.starter-theme-light body.starter-site .nav-submenu a {
    color: #292524;
}

html.starter-theme-light body.starter-site .nav-submenu a:hover,
html.starter-theme-light body.starter-site .nav-submenu a.active {
    background: rgba(232, 93, 42, 0.10);
    color: #E85D2A;
}

/* Idle: base blijft transparent. Nooit vaste tint op .menu-overlay zonder .active */
html.starter-theme-light body.starter-site .menu-overlay.active {
    background: rgba(28, 25, 23, 0.35);
}

/* Desktop: los van Inloggen, als laatste chrome tegen de containerrand */
body.starter-site .starter-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.25em;
    height: 2.25em;
    margin-left: 1.75rem;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 0.5em;
    background: rgba(255, 255, 255, 0.025);
    color: #94a3b8;
    opacity: 0.74;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

html.starter-theme-light body.starter-site .starter-theme-toggle {
    color: #78716c;
    opacity: 0.68;
    background: rgba(28, 25, 23, 0.02);
    border: 1px solid rgba(120, 113, 108, 0.12);
    box-shadow: none;
}

body.starter-site .starter-theme-toggle:hover,
body.starter-site .starter-theme-toggle:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(148, 163, 184, 0.38);
    color: #cbd5e1;
    opacity: 0.9;
    outline: none;
}

html.starter-theme-light body.starter-site .starter-theme-toggle:hover,
html.starter-theme-light body.starter-site .starter-theme-toggle:focus-visible {
    background: rgba(28, 25, 23, 0.06);
    border-color: rgba(120, 113, 108, 0.36);
    color: #57534e;
    opacity: 0.85;
}

.starter-theme-icon {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    color: inherit;
}

@keyframes starter-theme-spin-ccw {
    from { transform: rotate(-180deg); opacity: 0.35; }
    to { transform: rotate(0deg); opacity: 1; }
}

@keyframes starter-theme-spin-cw {
    from { transform: rotate(180deg); opacity: 0.35; }
    to { transform: rotate(0deg); opacity: 1; }
}

/* Zon: met de klok mee; maan: tegen de klok in */
body.starter-site .starter-theme-toggle.is-spinning-sun .starter-theme-icon {
    animation: starter-theme-spin-cw 0.4s ease;
}

body.starter-site .starter-theme-toggle.is-spinning-moon .starter-theme-icon {
    animation: starter-theme-spin-ccw 0.4s ease;
}

@media (prefers-reduced-motion: reduce) {
    body.starter-site .starter-theme-toggle.is-spinning-sun .starter-theme-icon,
    body.starter-site .starter-theme-toggle.is-spinning-moon .starter-theme-icon {
        animation: none;
    }
}

.starter-theme-icon-sun,
.starter-theme-icon-moon {
    color: inherit;
    display: none;
}

/* Donker actief: toon zon (klik naar light). Light actief: toon maan. */
html:not(.starter-theme-light) .starter-theme-icon-sun {
    display: block;
}

html:not(.starter-theme-light) .starter-theme-icon-moon {
    display: none;
}

html.starter-theme-light .starter-theme-icon-sun {
    display: none;
}

html.starter-theme-light .starter-theme-icon-moon {
    display: block;
}

@media (max-width: 900px) {
    /* Mobiel: dicht bij hamburger; icoon iets groter (was te klein t.o.v. menu) */
    body.starter-site .starter-theme-toggle {
        margin-left: 0;
        margin-right: 0.15em;
        order: 0;
        width: 2.5em;
        height: 2.5em;
    }

    body.starter-site .starter-theme-toggle .starter-theme-icon {
        width: 1.25em;
        height: 1.25em;
    }
}

/* [L04] ===== HERO ===== */
/* Open op pagina-bg (concept); geen 2e foto-laag / donkere ::before */
html.starter-theme-light body.starter-site .hero {
    background: none;
    box-shadow: none;
}

html.starter-theme-light body.starter-site .hero::before {
    content: none;
}

html.starter-theme-light body.starter-site .hero-content h1,
html.starter-theme-light body.starter-site .hero-content .hero-title {
    color: var(--light-color);
    text-shadow: none;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-title-accent {
    color: inherit;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-intro {
    color: var(--text-color);
    text-shadow: none;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-intro strong {
    color: #1c1917;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-btn-outline {
    border-color: #dbd6cd;
    background: rgba(255, 255, 255, 0.72);
    color: #1c1917;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-btn-outline:hover,
html.starter-theme-light body.starter-site .hero.hero--split .hero-btn-outline:focus-visible {
    background: #fff;
    border-color: #E85D2A;
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-highlights-item {
    color: var(--text-color);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e3ded5;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-highlights-item:hover {
    background: rgba(255, 255, 255, 0.92);
    border-color: #d9d4cb;
    transform: translateY(-1px);
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-highlights-icon {
    color: #0d9488;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-highlights-label {
    color: #1c1917;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-highlights-text {
    color: #57534e;
}

html.starter-theme-light body.starter-site .hero.hero--split .hero-video-card {
    background: #f5f4f1;
    border-color: #e3ded5;
    box-shadow: 0 8px 24px rgba(28, 25, 23, 0.1);
}

/* Desktop + mobiel: geen donkere hero_bg (mobiel: dark scroll-bg + teal ::before) */
html.starter-theme-light body.starter-site .starter-hero-bg.section {
    background: transparent;
    background-image: none;
    box-shadow: none;
}

html.starter-theme-light body.starter-site .starter-hero-bg.section::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* [L05] ===== PANELS / CARDS / BANDS ===== */
html.starter-theme-light body.starter-site .combined-offer {
    background: #f9f8f5;
    border-color: #e3ded5;
    box-shadow: 0 4px 18px rgba(28, 25, 23, 0.06);
}

/* Nested band in productkaart: dark gebruikt wit 4%; light heeft een lichte tint nodig */
html.starter-theme-light body.starter-site .starter-product-band {
    background: #f2f0eb;
    box-shadow: none;
}

html.starter-theme-light body.starter-site .starter-how-panel {
    --starter-how-bg: #f9f8f5;
    --starter-how-border: #e3ded5;
    box-shadow: 0 4px 18px rgba(28, 25, 23, 0.06);
}

html.starter-theme-light body.starter-site .starter-home-cta-band {
    background: #e6e2d8;
    border-top-color: #d9d4ca;
}

html.starter-theme-light body.starter-site .starter-cta-btn.btn {
    background: linear-gradient(135deg, #ffb066 0%, #f07848 100%);
    box-shadow: 0 2px 10px rgba(232, 93, 42, 0.12);
}

html.starter-theme-light body.starter-site .starter-cta-btn.btn:hover,
html.starter-theme-light body.starter-site .starter-cta-btn.btn:focus-visible {
    background: linear-gradient(135deg, #ffa040 0%, #e86830 100%);
    box-shadow: 0 4px 14px rgba(232, 93, 42, 0.16);
}

html.starter-theme-light body.starter-site .starter-home-cta-title,
html.starter-theme-light body.starter-site .starter-product-cta-title {
    color: var(--light-color);
}

html.starter-theme-light body.starter-site .bg-light {
    background-color: var(--section-bg-color);
    background-image: none;
}

html.starter-theme-light body.starter-site .contact-panel-subnav {
    background: rgba(28, 25, 23, 0.04);
    border-color: #e3ded5;
}

html.starter-theme-light body.starter-site .contact-panel-subnav-current {
    color: #1c1917;
}

html.starter-theme-light body.starter-site .contact-panel-subnav-sep {
    color: #a8a29e;
}

html.starter-theme-light body.starter-site .contact-panel-subnav-link,
html.starter-theme-light body.starter-site .contact-panel-subnav-link:visited {
    color: #57534e;
    border-bottom-color: rgba(68, 64, 60, 0.28);
}

html.starter-theme-light body.starter-site .contact-panel-subnav-link:hover,
html.starter-theme-light body.starter-site .contact-panel-subnav-link:focus-visible {
    color: #E85D2A;
    border-bottom-color: rgba(232, 93, 42, 0.55);
}

/* Contactpaneel: muted copy + partnerregel (hardcoded wit in components) */
html.starter-theme-light body.starter-site #contact .contact-panel-main p {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site #contact .contact-panel-main p:nth-of-type(2) {
    color: #57534e;
}

html.starter-theme-light body.starter-site #contact .contact-company-meta::before {
    background: rgba(28, 25, 23, 0.12);
}

html.starter-theme-light body.starter-site #contact .contact-distribution-partner {
    color: #57534e;
}

/* !important: wint van HTML [hidden] (UA: display:none !important) */
html.starter-theme-light body.starter-site #contact .contact-distribution-partner-logo--on-dark {
    display: none !important;
}

html.starter-theme-light body.starter-site #contact .contact-distribution-partner-logo--on-light {
    display: inline-block !important;
}

html.starter-theme-light body.starter-site #contact .contact-distribution-partner-name,
html.starter-theme-light body.starter-site #contact .contact-distribution-partner-name:visited {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site #contact .contact-distribution-partner-name:hover,
html.starter-theme-light body.starter-site #contact .contact-distribution-partner-name:focus-visible {
    color: #E85D2A;
    text-decoration-color: rgba(232, 93, 42, 0.55);
}

html.starter-theme-light body.starter-site #starter-rooster-home .starter-rooster-partners-panel,
html.starter-theme-light body.starter-site .starter-product-page-card .starter-rooster-partners-panel {
    border-top-color: #ddd8ce;
}

html.starter-theme-light body.starter-site .starter-product-page-card .starter-rooster-partners-panel {
    background: linear-gradient(to bottom,
            #f6f4f0 0%,
            #f8f7f3 45%,
            #fbfaf8 100%);
}

html.starter-theme-light body.starter-site .starter-rooster-partners-panel .starter-rooster-partners-title {
    color: rgba(28, 25, 23, 0.82);
}

html.starter-theme-light body.starter-site .starter-rooster-partners-panel .starter-rooster-partners-intro {
    color: rgba(68, 64, 60, 0.88);
}

/* Partnerlogo's: donker i.p.v. wit (base: brightness(0) invert(1)) */
html.starter-theme-light body.starter-site .starter-rooster-partner-link .starter-rooster-partner-logo {
    filter: brightness(0);
    opacity: 0.6;
}

html.starter-theme-light body.starter-site .starter-rooster-partner-link:hover .starter-rooster-partner-logo,
html.starter-theme-light body.starter-site .starter-rooster-partner-link:focus-visible .starter-rooster-partner-logo {
    filter: none;
    opacity: 0.95;
}

html.starter-theme-light body.starter-site .starter-rooster-extra-text a {
    border-bottom-color: rgba(28, 25, 23, 0.28);
}

html.starter-theme-light body.starter-site .starter-rooster-extra-text a:hover,
html.starter-theme-light body.starter-site .starter-rooster-extra-text a:focus-visible {
    border-bottom-color: rgba(232, 93, 42, 0.7);
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .starter-product-previews-more {
    border-color: #ded8ce;
    background: rgba(251, 250, 248, 0.92);
    color: #57534e;
}

html.starter-theme-light body.starter-site .starter-product-previews-more:hover,
html.starter-theme-light body.starter-site .starter-product-previews-more:focus-visible {
    background: #fbfaf8;
    color: #1c1917;
    border-color: #E85D2A;
}

html.starter-theme-light body.starter-site .support-section {
    border-bottom-color: #ded8ce;
}

html.starter-theme-light body.starter-site .support-grid {
    border-bottom-color: #e3ded5;
}

html.starter-theme-light body.starter-site .faq-details,
html.starter-theme-light body.starter-site #faq-implementatie .faq-details > .support-note {
    border-top-color: #e3ded5;
}

html.starter-theme-light body.starter-site .support-section.expanded {
    background-color: #fbfaf8;
    box-shadow: 0 12px 32px rgba(28, 25, 23, 0.12);
}

/* How-panel / quotes / muted copy die hardcoded wit gebruiken */
html.starter-theme-light body.starter-site .starter-how-panel,
html.starter-theme-light body.starter-site .starter-how-panel a,
html.starter-theme-light body.starter-site .starter-how-panel p,
html.starter-theme-light body.starter-site .starter-how-panel li {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site .starter-how-panel h3,
html.starter-theme-light body.starter-site .starter-how-panel .combined-offer-subtitle {
    color: #1c1917;
}

html.starter-theme-light body.starter-site .starter-how-panel a:hover,
html.starter-theme-light body.starter-site .starter-how-panel a:focus-visible {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .starter-quote-text,
html.starter-theme-light body.starter-site .starter-quote-card {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site .starter-quote-name {
    color: #1c1917;
}

html.starter-theme-light body.starter-site .section-title,
html.starter-theme-light body.starter-site .sub-section {
    color: #3f3a36;
}

html.starter-theme-light body.starter-site .starter-section-lead-text,
html.starter-theme-light body.starter-site .starter-home-cta-text,
html.starter-theme-light body.starter-site .starter-product-cta-text,
html.starter-theme-light body.starter-site .combined-offer-intro,
html.starter-theme-light body.starter-site .combined-offer-column p,
html.starter-theme-light body.starter-site .combined-offer-column li {
    color: var(--text-color);
}

/* Homepage narrowcasting-callout (was hardcoded donker) */
html.starter-theme-light body.starter-site .starter-home-products-callout {
    background: #f5f4f1;
    border-color: #e3ded5;
    box-shadow: 0 4px 18px rgba(28, 25, 23, 0.06);
}

html.starter-theme-light body.starter-site .starter-home-products-note {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site .starter-home-products-callout a,
html.starter-theme-light body.starter-site .starter-home-products-callout a:visited {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 0.6px;
    text-underline-offset: 2px;
    text-decoration-color: rgba(68, 64, 60, 0.35);
}

html.starter-theme-light body.starter-site .starter-home-products-callout a:hover,
html.starter-theme-light body.starter-site .starter-home-products-callout a:focus-visible {
    color: #E85D2A;
    text-decoration-color: rgba(232, 93, 42, 0.7);
}

html.starter-theme-light body.starter-site .starter-home-products-callout a.starter-home-products-callout-cta,
html.starter-theme-light body.starter-site .starter-home-products-callout a.starter-home-products-callout-cta:visited {
    color: var(--text-color);
    text-decoration-color: rgba(68, 64, 60, 0.4);
}

html.starter-theme-light body.starter-site .starter-home-products-callout a.starter-home-products-callout-cta:hover,
html.starter-theme-light body.starter-site .starter-home-products-callout a.starter-home-products-callout-cta:focus-visible {
    color: #E85D2A;
    text-decoration-color: rgba(232, 93, 42, 0.7);
}

html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .starter-product-preview-link,
html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .starter-product-preview-link:visited,
html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .starter-product-preview-link:hover,
html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .starter-product-preview-link:focus-visible {
    text-decoration: none;
}

html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .req-title {
    color: #292524;
    font-weight: 400;
    text-decoration: none;
}

html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .starter-product-preview-link:hover .req-title,
html.starter-theme-light body.starter-site .starter-home-products-callout .starter-home-nc-previews .starter-product-preview-link:focus-visible .req-title {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .combined-offer-subtitle,
html.starter-theme-light body.starter-site .combined-offer-column h3 {
    color: #1c1917;
}

/* ID-selectors (product/benodigdheden) winnen van generieke how-panel-overrides */
html.starter-theme-light body.starter-site #starter-rooster-home .req-title,
html.starter-theme-light body.starter-site #persoonlijk-rooster .req-title,
html.starter-theme-light body.starter-site #narrowcasting .req-title,
html.starter-theme-light body.starter-site #wachtwoordreset .req-title,
html.starter-theme-light body.starter-site #benodigdheden .req-title,
html.starter-theme-light body.starter-site #benodigdheden-vereisten .req-title,
html.starter-theme-light body.starter-site .starter-product-flow-step .req-title {
    color: #1c1917;
}

html.starter-theme-light body.starter-site #starter-rooster-home .combined-offer-item-detail,
html.starter-theme-light body.starter-site #persoonlijk-rooster .combined-offer-item-detail,
html.starter-theme-light body.starter-site #narrowcasting .combined-offer-item-detail,
html.starter-theme-light body.starter-site #wachtwoordreset .combined-offer-item-detail,
html.starter-theme-light body.starter-site #benodigdheden .combined-offer-item-detail,
html.starter-theme-light body.starter-site #benodigdheden-vereisten .combined-offer-item-detail {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site #starter-rooster-home .starter-flow-meer-link,
html.starter-theme-light body.starter-site #starter-rooster-home .starter-flow-meer-link:visited {
    color: #57534e;
    text-decoration-color: rgba(68, 64, 60, 0.35);
}

html.starter-theme-light body.starter-site #starter-rooster-home .starter-flow-meer-link:hover,
html.starter-theme-light body.starter-site #starter-rooster-home .starter-flow-meer-link:focus-visible {
    color: #E85D2A;
    text-decoration-color: rgba(232, 93, 42, 0.7);
}

html.starter-theme-light body.starter-site #narrowcasting .starter-product-preview-link .req-title,
html.starter-theme-light body.starter-site #wachtwoordreset .starter-product-preview-link .req-title {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site #narrowcasting .starter-product-preview-link:hover .req-title,
html.starter-theme-light body.starter-site #narrowcasting .starter-product-preview-link:focus-visible .req-title,
html.starter-theme-light body.starter-site #wachtwoordreset .starter-product-preview-link:hover .req-title,
html.starter-theme-light body.starter-site #wachtwoordreset .starter-product-preview-link:focus-visible .req-title {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site #benodigdheden .contact-distribution-partner-name,
html.starter-theme-light body.starter-site #benodigdheden-vereisten .contact-distribution-partner-name {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site #benodigdheden .contact-distribution-partner-name:hover,
html.starter-theme-light body.starter-site #benodigdheden .contact-distribution-partner-name:focus-visible,
html.starter-theme-light body.starter-site #benodigdheden-vereisten .contact-distribution-partner-name:hover,
html.starter-theme-light body.starter-site #benodigdheden-vereisten .contact-distribution-partner-name:focus-visible {
    color: #E85D2A;
    text-decoration-color: rgba(232, 93, 42, 0.55);
}

html.starter-theme-light body.starter-site .support-note,
html.starter-theme-light body.starter-site .faq-details,
html.starter-theme-light body.starter-site .faq-details p,
html.starter-theme-light body.starter-site .support-section p,
html.starter-theme-light body.starter-site .support-section li {
    color: var(--text-color);
}

html.starter-theme-light body.starter-site .support-section h3,
html.starter-theme-light body.starter-site .faq-header,
html.starter-theme-light body.starter-site .faq-header a {
    color: #1c1917;
}

html.starter-theme-light body.starter-site .faq-details a,
html.starter-theme-light body.starter-site .support-section a {
    color: #1c1917;
    text-decoration-color: rgba(13, 148, 136, 0.4);
}

html.starter-theme-light body.starter-site .faq-details a:hover,
html.starter-theme-light body.starter-site .faq-details a:focus-visible,
html.starter-theme-light body.starter-site .support-section a:hover,
html.starter-theme-light body.starter-site .support-section a:focus-visible {
    color: #E85D2A;
    text-decoration-color: rgba(232, 93, 42, 0.7);
}

/* Soft textlinks / muted copy die hardcoded wit blijven */
html.starter-theme-light body.starter-site .combined-offer-item-detail,
html.starter-theme-light body.starter-site .starter-product-page-intro,
html.starter-theme-light body.starter-site .starter-product-page-intro p {
    color: #57534e;
}

html.starter-theme-light body.starter-site .starter-product-overview-link,
html.starter-theme-light body.starter-site .combined-offer-list li a.starter-product-overview-link,
html.starter-theme-light body.starter-site .combined-offer-list li a.starter-product-overview-link:visited {
    color: #57534e;
}

html.starter-theme-light body.starter-site .starter-product-overview-link-mark {
    text-decoration-color: rgba(68, 64, 60, 0.35);
}

html.starter-theme-light body.starter-site .starter-product-overview-link:hover,
html.starter-theme-light body.starter-site .starter-product-overview-link:focus-visible,
html.starter-theme-light body.starter-site .combined-offer-list li a.starter-product-overview-link:hover,
html.starter-theme-light body.starter-site .combined-offer-list li a.starter-product-overview-link:focus-visible {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .starter-product-overview-link:hover .starter-product-overview-link-mark,
html.starter-theme-light body.starter-site .starter-product-overview-link:focus-visible .starter-product-overview-link-mark {
    text-decoration-color: rgba(232, 93, 42, 0.7);
}

/* Details & vereisten / Terug naar overzicht (base: bijna-wit) */
html.starter-theme-light body.starter-site .combined-offer-details-link,
html.starter-theme-light body.starter-site .combined-offer-details-link:visited {
    color: #57534e;
}

html.starter-theme-light body.starter-site .combined-offer-details-link:hover,
html.starter-theme-light body.starter-site .combined-offer-details-link:focus-visible {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .combined-offer-details-link-mark {
    text-decoration-color: rgba(68, 64, 60, 0.4);
}

html.starter-theme-light body.starter-site .combined-offer-details-link:hover .combined-offer-details-link-mark,
html.starter-theme-light body.starter-site .combined-offer-details-link:focus-visible .combined-offer-details-link-mark {
    text-decoration-color: rgba(232, 93, 42, 0.7);
}

/* [L06] ===== FOOTER ===== */
html.starter-theme-light body.starter-site footer {
    background: #ede9e2;
    color: var(--text-color);
    box-shadow: 0 -3px 16px rgba(28, 25, 23, 0.05);
    border-top: 1px solid #ded8ce;
}

html.starter-theme-light body.starter-site .footer-bottom a,
html.starter-theme-light body.starter-site .contact-company-meta .company-details {
    color: #57534e;
    text-decoration-color: rgba(68, 64, 60, 0.35);
}

html.starter-theme-light body.starter-site .contact-company-meta .company-details-sep {
    color: #a8a29e;
}

html.starter-theme-light body.starter-site .contact-company-meta .company-details-key {
    color: #0f766e;
}

html.starter-theme-light body.starter-site .footer-bottom a:hover,
html.starter-theme-light body.starter-site .footer-bottom a:focus-visible {
    color: #E85D2A;
}

html.starter-theme-light body.starter-site .footer-sep {
    color: #a8a29e;
}

/* [L07] ===== MOBIEL MENU ===== */
@media (max-width: 900px) {
    html.starter-theme-light body.starter-site nav.active ul {
        background: rgba(251, 250, 248, 0.98);
        border-left-color: #ded8ce;
        box-shadow: -5px 0 18px rgba(28, 25, 23, 0.12);
    }

    html.starter-theme-light body.starter-site nav.active ul li a {
        color: #292524;
    }

    html.starter-theme-light body.starter-site nav.active ul li a:hover,
    html.starter-theme-light body.starter-site nav.active ul li a.active,
    html.starter-theme-light body.starter-site nav.active ul li a:focus-visible {
        background: rgba(232, 93, 42, 0.10);
        color: #E85D2A;
    }

    html.starter-theme-light body.starter-site nav.active > ul > li.nav-item-inloggen {
        border-top-color: #e3ded5;
    }

    html.starter-theme-light body.starter-site .menu-toggle .bar {
        background-color: #292524;
    }

    html.starter-theme-light body.starter-site nav.active .nav-submenu-toggle {
        border-color: #ded8ce;
        background: rgba(255, 255, 255, 0.85);
        color: #292524;
    }
}