/**
 * MM Delivery / MM Kiosk / MM Admin — light theme (body.site-theme-light).
 * Base MM CSS uses dark surfaces + light text; light mode flips --white/--dark-gray
 * globally but leaves hardcoded rgba() text illegible — these rules restore contrast.
 */

/* ---- MM Delivery (licht — zelfde hero-bg/scrim als MM Kiosk / Admin) ---- */
.site-theme-light .mm-delivery-hero-bg {
    background-color: #faf6f2;
}

.site-theme-light .mm-delivery-hero-bg::after {
    background-image:
        radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.06) 1px, transparent 0),
        linear-gradient(165deg, rgba(13, 148, 136, 0.1) 0%, transparent 55%),
        linear-gradient(0deg, rgba(255, 252, 248, 0.98) 0%, transparent 45%);
    background-size:
        24px 24px,
        100% 100%,
        100% 100%;
    background-position: center, center, center;
    background-repeat: no-repeat;
}

.site-theme-light .mm-delivery-hero-scrim {
    background: radial-gradient(
        ellipse 90% 75% at 50% 40%,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(250, 246, 242, 0.85) 70%
    );
}

.site-theme-light .mm-delivery-hero-content h1 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: var(--primary-color);
    -webkit-text-fill-color: unset;
    filter: none;
}

.site-theme-light .mm-delivery-tagline {
    color: #2a2420;
    text-shadow: none;
}

.site-theme-light .mm-delivery-lead {
    color: rgba(26, 26, 26, 0.82);
}

.site-theme-light .mm-delivery-lead strong {
    color: #111;
}

.site-theme-light .mm-delivery-hero-note {
    color: rgba(42, 36, 32, 0.6);
}

.site-theme-light .mm-delivery-ph--soft {
    border-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 240, 235, 0.9) 100%);
}

.site-theme-light .mm-delivery-ph--edge {
    border-bottom-color: var(--primary-color);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(236, 232, 228, 0.9) 100%);
}

.site-theme-light .mm-delivery-ph--solid {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: linear-gradient(145deg, #ffffff 0%, #f0ebe6 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 16px 36px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-delivery-media-placeholder-icon {
    color: var(--primary-color);
    opacity: 0.95;
}

.site-theme-light .mm-delivery-media-placeholder-text {
    color: rgba(26, 26, 26, 0.62);
}

.site-theme-light .mm-delivery-media-placeholder-text small {
    color: rgba(26, 26, 26, 0.45);
}

.site-theme-light .mm-delivery-caption {
    color: rgba(26, 26, 26, 0.52);
}

.site-theme-light .mm-delivery-band--b {
    background: linear-gradient(180deg, #e4e9ec 0%, #eef2f4 100%);
}

.site-theme-light .mm-delivery-map-wrap {
    background: #e8eef2;
}

.site-theme-light .mm-delivery-map .leaflet-container {
    background: #e2e9ef;
}

.site-theme-light .mm-delivery-map .leaflet-bar a {
    background-color: #ffffff;
    color: var(--primary-color);
    border-color: rgba(0, 0, 0, 0.1);
}

.site-theme-light .mm-delivery-map .leaflet-bar a:hover {
    background-color: color-mix(in srgb, var(--primary-color) 14%, #ffffff);
    color: var(--primary-color);
}

.site-theme-light .mm-delivery-map .leaflet-control-attribution {
    background: rgba(255, 255, 255, 0.92);
    color: rgba(26, 26, 26, 0.65);
    font-size: 10px;
}

.site-theme-light .mm-delivery-map .leaflet-control-attribution a {
    color: var(--primary-color);
}

.site-theme-light .mm-delivery-map .leaflet-popup-content-wrapper {
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

.site-theme-light .mm-delivery-map .leaflet-popup-tip {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.site-theme-light .mm-delivery-stack-head p,
.site-theme-light .mm-delivery-split-text--padded p {
    color: rgba(26, 26, 26, 0.85);
}

.site-theme-light .mm-delivery-stack-head h2,
.site-theme-light .mm-delivery-split-text--padded h2 {
    color: var(--primary-color);
}

.site-theme-light .mm-delivery-media-placeholder--phone {
    box-shadow:
        inset 0 0 0 3px rgba(0, 0, 0, 0.08),
        0 10px 28px rgba(0, 0, 0, 0.1);
}

.site-theme-light .mm-delivery-close {
    border-top-color: rgba(0, 0, 0, 0.08);
    background: linear-gradient(180deg, rgba(13, 148, 136, 0.06) 0%, #e8ecee 100%);
}

.site-theme-light .mm-delivery-quote {
    border: none;
    border-left: 4px solid var(--primary-color);
    border-radius: 0 16px 16px 0;
    text-align: left;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-delivery-quote::before {
    color: color-mix(in srgb, var(--primary-color) 42%, rgba(0, 0, 0, 0.12));
}

.site-theme-light .mm-delivery-quote p {
    color: rgba(26, 26, 26, 0.85);
}

/* ---- MM Kiosk ---- */
.site-theme-light .mm-kiosk-hero-bg {
    background-color: #faf6f2;
}

.site-theme-light .mm-kiosk-hero-bg::after {
    background-image:
        radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.06) 1px, transparent 0),
        linear-gradient(165deg, rgba(13, 148, 136, 0.1) 0%, transparent 55%),
        linear-gradient(0deg, rgba(255, 252, 248, 0.98) 0%, transparent 45%);
    background-size:
        24px 24px,
        100% 100%,
        100% 100%;
    background-position: center, center, center;
    background-repeat: no-repeat;
}

.site-theme-light .mm-kiosk-hero-scrim {
    background: radial-gradient(
        ellipse 90% 75% at 50% 40%,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(250, 246, 242, 0.85) 70%
    );
}

.site-theme-light .mm-kiosk-hero-content h1 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: var(--primary-color);
    -webkit-text-fill-color: unset;
    filter: none;
}

.site-theme-light .mm-kiosk-tagline {
    color: #2a2420;
    text-shadow: none;
}

.site-theme-light .mm-kiosk-lead {
    color: rgba(26, 26, 26, 0.82);
}

.site-theme-light .mm-kiosk-lead strong {
    color: #111;
}

.site-theme-light .mm-kiosk-hero-note {
    color: rgba(42, 36, 32, 0.6);
}

.site-theme-light .mm-kiosk-ph--soft {
    border-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 240, 235, 0.9) 100%);
}

.site-theme-light .mm-kiosk-ph--edge {
    border-bottom-color: var(--primary-color);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(236, 232, 228, 0.9) 100%);
}

.site-theme-light .mm-kiosk-ph--solid {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: linear-gradient(145deg, #ffffff 0%, #f0ebe6 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 16px 36px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-kiosk-media-placeholder-icon {
    color: var(--primary-color);
    opacity: 0.95;
}

.site-theme-light .mm-kiosk-media-placeholder-text {
    color: rgba(26, 26, 26, 0.62);
}

.site-theme-light .mm-kiosk-media-placeholder-text small {
    color: rgba(26, 26, 26, 0.45);
}

.site-theme-light .mm-kiosk-band--a {
    background: linear-gradient(180deg, #f5f0eb 0%, var(--dark-gray) 100%);
}

.site-theme-light .mm-kiosk-band--b {
    background:
        radial-gradient(ellipse 100% 80% at 50% 0%, rgba(13, 148, 136, 0.06), transparent 55%),
        #ebe8e5;
}

.site-theme-light .mm-kiosk-stack-head h2,
.site-theme-light .mm-kiosk-split-text--padded h2,
.site-theme-light .mm-kiosk-band-a-copy h2 {
    color: var(--primary-color);
}

.site-theme-light .mm-kiosk-band-a-copy p,
.site-theme-light .mm-kiosk-stack-head p,
.site-theme-light .mm-kiosk-split-text--padded p {
    color: rgba(26, 26, 26, 0.85);
}

.site-theme-light .mm-kiosk-media-placeholder--tablet {
    box-shadow:
        inset 0 0 0 3px rgba(0, 0, 0, 0.08),
        0 10px 28px rgba(0, 0, 0, 0.1);
}

.site-theme-light .mm-kiosk-close {
    border-top-color: rgba(0, 0, 0, 0.08);
    background: linear-gradient(180deg, #f2eeea 0%, #e8e4e0 100%);
}

.site-theme-light .mm-kiosk-quote {
    border: none;
    border-left: 4px solid var(--primary-color);
    border-radius: 0 16px 16px 0;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-kiosk-quote::before {
    color: color-mix(in srgb, var(--primary-color) 42%, rgba(0, 0, 0, 0.12));
}

.site-theme-light .mm-kiosk-quote p {
    color: rgba(26, 26, 26, 0.85);
}

/* ---- MM Admin (same light treatment as MM Kiosk) ---- */
.site-theme-light .mm-admin-hero-bg {
    background-color: #faf6f2;
}

.site-theme-light .mm-admin-hero-bg::after {
    background-image:
        radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.06) 1px, transparent 0),
        linear-gradient(165deg, rgba(13, 148, 136, 0.1) 0%, transparent 55%),
        linear-gradient(0deg, rgba(255, 252, 248, 0.98) 0%, transparent 45%);
    background-size:
        24px 24px,
        100% 100%,
        100% 100%;
    background-position: center, center, center;
    background-repeat: no-repeat;
}

.site-theme-light .mm-admin-hero-scrim {
    background: radial-gradient(
        ellipse 90% 75% at 50% 40%,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(250, 246, 242, 0.85) 70%
    );
}

.site-theme-light .mm-admin-hero-content h1 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: var(--primary-color);
    -webkit-text-fill-color: unset;
    filter: none;
}

.site-theme-light .mm-admin-tagline {
    color: #2a2420;
    text-shadow: none;
}

.site-theme-light .mm-admin-lead {
    color: rgba(26, 26, 26, 0.82);
}

.site-theme-light .mm-admin-lead strong {
    color: #111;
}

.site-theme-light .mm-admin-hero-note {
    color: rgba(42, 36, 32, 0.6);
}

.site-theme-light .mm-admin-ph--soft {
    border-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 240, 235, 0.9) 100%);
}

.site-theme-light .mm-admin-ph--edge {
    border-bottom-color: var(--primary-color);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(236, 232, 228, 0.9) 100%);
}

.site-theme-light .mm-admin-ph--solid {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: linear-gradient(145deg, #ffffff 0%, #f0ebe6 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 16px 36px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-admin-media-placeholder-icon {
    color: var(--primary-color);
    opacity: 0.95;
}

.site-theme-light .mm-admin-media-placeholder-text {
    color: rgba(26, 26, 26, 0.62);
}

.site-theme-light .mm-admin-media-placeholder-text small {
    color: rgba(26, 26, 26, 0.45);
}

.site-theme-light .mm-admin-caption {
    color: rgba(26, 26, 26, 0.52);
}

.site-theme-light .mm-admin-band--a {
    background: linear-gradient(180deg, #f5f0eb 0%, var(--dark-gray) 100%);
}

.site-theme-light .mm-admin-media-placeholder--cinema.mm-admin-ph--photo {
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.06),
        0 14px 32px -10px rgba(0, 0, 0, 0.12);
}

.site-theme-light .mm-admin-band--b {
    background:
        radial-gradient(ellipse 100% 80% at 50% 0%, rgba(13, 148, 136, 0.06), transparent 55%),
        #ebe8e5;
}

.site-theme-light .mm-admin-media--stack-feature .mm-admin-media-placeholder--panorama {
    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.06),
        0 16px 36px -12px rgba(0, 0, 0, 0.14);
}

.site-theme-light .mm-admin-band--b.mm-admin-band--surface-muted {
    background:
        radial-gradient(ellipse 100% 70% at 50% 0%, rgba(13, 148, 136, 0.05), transparent 50%),
        var(--dark-gray);
}

.site-theme-light .mm-admin-band--c.mm-admin-band--surface-deep {
    background: linear-gradient(180deg, #f0ebe6 0%, var(--dark-gray) 100%);
}

.site-theme-light .mm-admin-band--prose {
    background: #f0ebe6;
    border-top-color: rgba(0, 0, 0, 0.06);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

.site-theme-light .mm-admin-prose-inner h2 {
    color: var(--primary-color);
}

.site-theme-light .mm-admin-prose-inner p {
    color: rgba(26, 26, 26, 0.85);
}

.site-theme-light .mm-admin-stack-head h2,
.site-theme-light .mm-admin-split-text--padded h2 {
    color: var(--primary-color);
}

.site-theme-light .mm-admin-band-a-copy p,
.site-theme-light .mm-admin-stack-head p,
.site-theme-light .mm-admin-split-text--padded p {
    color: rgba(26, 26, 26, 0.85);
}

.site-theme-light .mm-admin-media-placeholder--laptop {
    box-shadow:
        inset 0 0 0 3px rgba(0, 0, 0, 0.08),
        0 10px 28px rgba(0, 0, 0, 0.1);
}

.site-theme-light .mm-admin-gallery {
    border-top-color: rgba(0, 0, 0, 0.08);
    background: #f7f4f1;
}

.site-theme-light .mm-admin-gallery-title {
    color: var(--primary-color);
}

.site-theme-light .mm-admin-gallery-intro {
    color: rgba(26, 26, 26, 0.58);
}

.site-theme-light .mm-admin-close {
    border-top-color: rgba(0, 0, 0, 0.08);
    background: linear-gradient(180deg, #f2eeea 0%, #e8e4e0 100%);
}

.site-theme-light .mm-admin-quote {
    border: none;
    border-left: 4px solid var(--primary-color);
    border-radius: 0 16px 16px 0;
    text-align: left;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-admin-quote::before {
    color: color-mix(in srgb, var(--primary-color) 42%, rgba(0, 0, 0, 0.12));
}

.site-theme-light .mm-admin-quote p {
    color: rgba(26, 26, 26, 0.85);
}

/* ---- Demo homepage (mm_home) — licht thema ---- */
.site-theme-light .mm-home-hero {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.site-theme-light .mm-home-hero-bg {
    background-color: #faf6f2;
}

.site-theme-light .mm-home-hero-bg::after {
    background-image:
        radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.06) 1px, transparent 0),
        linear-gradient(165deg, rgba(13, 148, 136, 0.1) 0%, transparent 55%),
        linear-gradient(0deg, rgba(255, 252, 248, 0.98) 0%, transparent 45%);
    background-size:
        24px 24px,
        100% 100%,
        100% 100%;
    background-position: center, center, center;
    background-repeat: no-repeat;
}

.site-theme-light .mm-home-hero-scrim {
    background: radial-gradient(
        ellipse 90% 75% at 50% 40%,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(250, 246, 242, 0.85) 70%
    );
}

.site-theme-light .mm-home-hero-inner h1 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: var(--primary-color);
    -webkit-text-fill-color: unset;
    filter: none;
}

.site-theme-light .mm-home-hero-lead {
    color: #2a2420;
    text-shadow: none;
}

.site-theme-light .mm-home-hero-lead strong {
    color: #111;
}

.site-theme-light .mm-home-btn--ghost {
    background: rgba(255, 255, 255, 0.85);
    color: #2a2420;
    border-color: rgba(0, 0, 0, 0.12);
}

.site-theme-light a.mm-home-btn--ghost:hover,
.site-theme-light a.mm-home-btn--ghost:focus,
.site-theme-light a.mm-home-btn--ghost:active {
    color: #2a2420;
}

.site-theme-light .mm-home-btn--ghost:hover {
    background: #ffffff;
    border-color: color-mix(in srgb, var(--primary-color) 45%, transparent);
}

.site-theme-light .mm-home-apps {
    background: linear-gradient(180deg, #ebe8e5 0%, var(--dark-gray) 100%);
}

.site-theme-light .mm-home-apps-head p {
    color: rgba(26, 26, 26, 0.78);
}

.site-theme-light .mm-home-card {
    border-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(165deg, #ffffff 0%, #f5f1ed 100%);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-home-card h3 {
    color: #1a1a1a;
}

.site-theme-light .mm-home-card p {
    color: rgba(26, 26, 26, 0.78);
}

.site-theme-light .mm-home-order {
    border-top-color: rgba(0, 0, 0, 0.08);
    background:
        radial-gradient(ellipse 90% 70% at 50% 0%, rgba(13, 148, 136, 0.06), transparent 55%),
        var(--dark-gray);
}

.site-theme-light .mm-home-order-inner {
    border-color: rgba(0, 0, 0, 0.1);
    background: #ffffff;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}

.site-theme-light .mm-home-order-inner h2 {
    color: #1a1a1a;
}

.site-theme-light .mm-home-order-inner > p {
    color: rgba(26, 26, 26, 0.82);
}

.site-theme-light .mm-home-note {
    color: rgba(42, 36, 32, 0.55);
}