/* ===========================================================
   QLII — WHITE
   Variante claire de Dark : mêmes dimensions et disposition.
   Chargé après storefront-common.css.
   =========================================================== */

/* La vidéo / l'image de fond reste visible, comme dans Dark. */
.business-page.theme-white {
    color: #171717;
    --compact-link-bg: #e9e9e9;
    --theme-overlay-top: rgba(255, 255, 255, .94);
    --theme-overlay-bottom: rgba(255, 255, 255, .88);
}

    .business-page.theme-white .business-overlay {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        width: 100%;
        max-width: 460px;
        margin: clamp(24px, 8vh, 80px) auto 24px;
        padding: 28px;
        border-radius: 24px;
        background: linear-gradient(to bottom, var(--theme-overlay-top), var(--theme-overlay-bottom));
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        color: #171717;
        text-align: center;
    }

    /* Fond plein écran identique au thème Dark : derrière l’overlay. */
    .business-page.theme-white.business-page-full {
        background-image: none;
    }

        .business-page.theme-white.business-page-full::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: 0;
            background-image: var(--business-bg-image);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            pointer-events: none;
        }

    .business-page.theme-white .business-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .business-page.theme-white.business-page-full .business-video {
        position: fixed;
    }

    /* Typographie / navigation */
    .business-page.theme-white .business-overlay h1,
    .business-page.theme-white .business-overlay h2,
    .business-page.theme-white .business-overlay p,
    .business-page.theme-white .business-overlay .business-identity,
    .business-page.theme-white .language-switcher a {
        color: #171717;
        text-shadow: none;
    }

    /* Liens principaux : même bandeau horizontal que Dark. */
    .business-page.theme-white .business-overlay .business-links {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: safe center;
        align-items: center;
        gap: 0;
        width: 100%;
        max-width: none;
        min-width: 0;
        min-height: 0;
        margin: 40px auto 22px;
        padding: 8px 0;
        align-self: center;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        background: #f3f3f3;
        border: 0;
        border-radius: 8px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

        .business-page.theme-white .business-overlay .business-links::-webkit-scrollbar {
            display: none;
        }

        .business-page.theme-white .business-overlay .business-links .business-link {
            box-sizing: border-box;
            position: relative;
            display: flex;
            flex: 0 0 90px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 90px;
            min-width: 90px;
            max-width: 90px;
            min-height: 0;
            height: auto;
            gap: 9px;
            margin: 0;
            padding: 2px 5px;
            overflow: hidden;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            color: #171717;
            opacity: 1;
            scroll-snap-align: start;
            transition: opacity .15s ease;
        }

            .business-page.theme-white .business-overlay .business-links .business-link::before {
                content: none;
            }

            .business-page.theme-white .business-overlay .business-links .business-link .business-link-icon {
                position: static;
                display: block;
                flex: 0 0 27px;
                width: 27px;
                height: 27px;
                margin: 0;
                transform: none;
                object-fit: contain;
                filter: brightness(0); /* pictogrammes blancs -> noirs */
            }

            .business-page.theme-white .business-overlay .business-links .business-link > span {
                box-sizing: border-box;
                position: static;
                display: -webkit-box;
                width: 100%;
                max-width: 100%;
                min-height: 0;
                height: auto;
                margin: 0;
                padding: 0;
                overflow: hidden;
                border: 0;
                border-radius: 0;
                background: transparent;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                color: #171717;
                font-size: 10.5px;
                font-weight: 500;
                line-height: 1.3;
                text-align: center;
                white-space: normal;
                overflow-wrap: anywhere;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                transform: none;
            }

            .business-page.theme-white .business-overlay .business-links .business-link.business-link-primary > span {
                font-weight: 600;
            }

        .business-page.theme-white .business-overlay .business-links a.business-link:hover {
            background: transparent;
            opacity: .72;
        }

        .business-page.theme-white .business-overlay .business-links a.business-link:focus-visible {
            outline: 2px solid #171717;
            outline-offset: -2px;
        }

        .business-page.theme-white .business-overlay .business-links .business-link.business-link-disabled {
            opacity: .43;
            cursor: default;
        }

    /* Description */
    .business-page.theme-white .business-overlay p.business-description {
        box-sizing: border-box;
        width: 100%;
        margin: 22px auto;
        padding: 20px 22px;
        background: #f3f3f3;
        border: 0;
        border-radius: 8px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        color: #171717;
        line-height: 1.7;
        text-align: left;
        text-shadow: none;
    }

    /* Contact */
    .business-page.theme-white .business-stay-informed {
        background: #f3f3f3;
        border: 1px solid #dedede;
        color: #171717;
        backdrop-filter: none;
    }

    .business-page.theme-white .business-stay-informed-panel {
        background: #fff;
        border: 1px solid #dedede;
        backdrop-filter: none;
        color: #171717;
        box-shadow: 0 8px 30px rgba(0,0,0,.08);
    }

        .business-page.theme-white .business-stay-informed-panel label {
            color: #171717;
        }

        .business-page.theme-white .business-stay-informed-panel input[type="text"] {
            border: 1px solid #ccc;
            background: #fff;
            color: #171717;
        }

            .business-page.theme-white .business-stay-informed-panel input[type="text"]:focus {
                border-color: var(--accent, #171717);
            }

        .business-page.theme-white .business-stay-informed-panel button {
            background: var(--accent, #171717);
            color: #fff;
        }

        .business-page.theme-white .business-stay-informed-panel small {
            color: #666;
        }

    .business-page.theme-white .business-contact-success {
        background: #f3f3f3;
        color: #171717;
    }

    /* Même organisation des éléments d'identité que Dark. */
    .business-page.theme-white .business-topbar,
    .business-page.theme-white .business-topbar-actions,
    .business-page.theme-white .business-hero {
        display: contents;
    }

    .business-page.theme-white .business-feature {
        display: none;
    }

    .business-page.theme-white .business-brand {
        display: flex;
        flex-direction: column;
    }

    .business-page.theme-white .business-languages {
        display: block;
        order: -1;
    }

    .business-page.theme-white .business-identity {
        display: block;
        order: 0;
    }

@media (max-width: 700px) {
    .business-page.theme-white .business-overlay {
        margin: 12px auto 24px;
    }
}

@media (max-width: 359px) {
    .business-page.theme-white .business-overlay .business-links .business-link {
        flex-basis: 80px;
        width: 80px;
        min-width: 80px;
        max-width: 80px;
    }
}
.business-page.theme-white
.business-google-reviews gmp-place-details-compact {
    color-scheme: light;
    background-color: transparent;
    --gmp-mat-color-surface: transparent;
    --gmp-mat-color-on-surface: #171717;
    --gmp-mat-color-on-surface-variant: #666;
    --gmp-mat-color-primary: #171717;
    --gmp-mat-color-secondary-container: #f3f3f3;
    --gmp-mat-color-on-secondary-container: var(--theme-accent);
    --gmp-button-border-radius: 12px;
    --gmp-button-border-width: 0px;
}
.business-page.theme-white .business-storefronts {
    color: #171717;
}

.business-page.theme-white .business-google-reviews {
    box-sizing: border-box;
    padding-left: 0px;
}
.business-page.theme-white button.business-famous-link img {
    filter: brightness(0);
}