/* ===========================================================
   - Restaurant       -> theme-restaurant
   - Bar              -> theme-bar
   - Cafe             -> theme-cafe
   - Spa              -> theme-wellness
   - Massage          -> theme-wellness
   - HairSalon        -> theme-beauty
   - BeautySalon      -> theme-beauty
   - Tattoo           -> theme-tattoo
   - Hotel            -> theme-hospitality
   - GuestHouse       -> theme-hospitality
   - VacationRental   -> theme-hospitality
   - Activity         -> theme-activity
   - Shop             -> theme-shop
   - Personal         -> theme-personal
   - Consultant       -> theme-personal
   - fallback         -> theme-default
   =========================================================== */


/* ===========================================================
   BASE
   =========================================================== */

.business-page {
    --theme-accent: var(--qlii-category-default);
    --theme-text: #fff;
    --theme-overlay-top: rgba(30, 34, 40, .22);
    --theme-overlay-bottom: rgba(30, 34, 40, .68);
    --theme-language-bg: rgba(255, 255, 255, .18);
    --theme-language-border: rgba(255, 255, 255, .28);
    --compact-link-bg: rgba(23, 23, 27, .83);
    --compact-link-bg-hover: rgba(35, 35, 40, .95);
    --compact-link-border: rgba(255, 255, 255, .18);
    --compact-link-border-hover: rgba(255, 255, 255, .30);
    --compact-link-icon-filter: brightness(0) invert(1);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


    /* ===========================================================
   RESTAURANT
   BusinessCategory.Restaurant
   =========================================================== */

    .business-page.theme-restaurant {
        --theme-accent: var(--qlii-category-restaurant);
        --theme-overlay-top: rgba(58, 32, 18, .18);
        --theme-overlay-bottom: rgba(58, 32, 18, .68);
        --theme-language-bg: rgba(255, 248, 240, .20);
        --theme-language-border: rgba(255, 255, 255, .30);
        --compact-link-bg: rgba(54, 32, 20, .88);
        --compact-link-bg-hover: rgba(62, 36, 22, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 56%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(57%) sepia(55%) saturate(1020%) hue-rotate(336deg) brightness(92%) contrast(88%);
    }


    /* ===========================================================
   BAR
   BusinessCategory.Bar
   =========================================================== */

    .business-page.theme-bar {
        --theme-accent: var(--qlii-category-bar);
        --theme-overlay-top: rgba(46, 25, 35, .20);
        --theme-overlay-bottom: rgba(46, 25, 35, .70);
        --theme-language-bg: rgba(255, 255, 255, .17);
        --theme-language-border: rgba(255, 255, 255, .28);
        --compact-link-bg: rgba(46, 25, 35, .89);
        --compact-link-bg-hover: rgba(55, 29, 42, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 34%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 58%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(42%) sepia(25%) saturate(1080%) hue-rotate(288deg) brightness(91%) contrast(88%);
    }


    /* ===========================================================
   CAFE
   BusinessCategory.Cafe
   =========================================================== */

    .business-page.theme-cafe {
        --theme-accent: var(--qlii-category-cafe);
        --theme-overlay-top: rgba(52, 38, 30, .18);
        --theme-overlay-bottom: rgba(52, 38, 30, .67);
        --theme-language-bg: rgba(255, 250, 245, .20);
        --theme-language-border: rgba(255, 255, 255, .30);
        --compact-link-bg: rgba(52, 38, 30, .88);
        --compact-link-bg-hover: rgba(61, 43, 33, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 56%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(55%) sepia(30%) saturate(720%) hue-rotate(337deg) brightness(92%) contrast(87%);
    }


    /* ===========================================================
   WELLNESS
   BusinessCategory.Spa
   BusinessCategory.Massage
   =========================================================== */

    .business-page.theme-wellness {
        --theme-accent: var(--qlii-category-wellness);
        --theme-overlay-top: rgba(20, 35, 28, .22);
        --theme-overlay-bottom: rgba(20, 35, 28, .64);
        --theme-language-bg: rgba(255, 255, 255, .18);
        --theme-language-border: rgba(255, 255, 255, .28);
        --compact-link-bg: rgba(24, 43, 35, .88);
        --compact-link-bg-hover: rgba(28, 50, 41, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 56%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(60%) sepia(15%) saturate(650%) hue-rotate(97deg) brightness(91%) contrast(87%);
    }


    /* ===========================================================
   BEAUTY
   BusinessCategory.HairSalon
   BusinessCategory.BeautySalon
   =========================================================== */

    .business-page.theme-beauty {
        --theme-accent: var(--qlii-category-beauty);
        --theme-overlay-top: rgba(48, 28, 37, .18);
        --theme-overlay-bottom: rgba(48, 28, 37, .65);
        --theme-language-bg: rgba(255, 255, 255, .20);
        --theme-language-border: rgba(255, 255, 255, .30);
        --compact-link-bg: rgba(48, 28, 37, .88);
        --compact-link-bg-hover: rgba(57, 31, 44, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 56%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(46%) sepia(38%) saturate(1150%) hue-rotate(290deg) brightness(93%) contrast(90%);
    }


    /* ===========================================================
   TATTOO
   BusinessCategory.Tattoo
   =========================================================== */

    .business-page.theme-tattoo {
        --theme-accent: var(--qlii-category-tattoo);
        --theme-text: #f7f3ea;
        --theme-overlay-top: rgba(0, 0, 0, .30);
        --theme-overlay-bottom: rgba(0, 0, 0, .78);
        --theme-language-bg: rgba(10, 10, 10, .48);
        --theme-language-border: color-mix(in srgb, var(--theme-accent) 28%, transparent);
        --compact-link-bg: rgba(18, 18, 18, .90);
        --compact-link-bg-hover: rgba(24, 24, 24, .97);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 34%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 58%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(72%) sepia(28%) saturate(780%) hue-rotate(357deg) brightness(89%) contrast(86%);
    }


    /* ===========================================================
   HOSPITALITY
   BusinessCategory.Hotel
   BusinessCategory.GuestHouse
   BusinessCategory.VacationRental
   =========================================================== */

    .business-page.theme-hospitality {
        --theme-accent: var(--qlii-category-hospitality);
        --theme-overlay-top: rgba(24, 42, 54, .16);
        --theme-overlay-bottom: rgba(24, 42, 54, .62);
        --theme-language-bg: rgba(255, 255, 255, .20);
        --theme-language-border: rgba(255, 255, 255, .32);
        --compact-link-bg: rgba(24, 42, 54, .88);
        --compact-link-bg-hover: rgba(24, 42, 54, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 55%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(58%) sepia(20%) saturate(1060%) hue-rotate(145deg) brightness(89%) contrast(88%);
    }


    /* ===========================================================
   ACTIVITY
   BusinessCategory.Activity
   =========================================================== */

    .business-page.theme-activity {
        --theme-accent: var(--qlii-category-activity);
        --theme-overlay-top: rgba(13, 38, 42, .24);
        --theme-overlay-bottom: rgba(13, 38, 42, .74);
        --theme-language-bg: rgba(255, 255, 255, .18);
        --theme-language-border: rgba(255, 255, 255, .30);
        --compact-link-bg: rgba(20, 45, 47, .89);
        --compact-link-bg-hover: rgba(24, 53, 55, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 56%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(66%) sepia(48%) saturate(1120%) hue-rotate(344deg) brightness(95%) contrast(90%);
    }


    /* ===========================================================
   SHOP
   BusinessCategory.Shop
   =========================================================== */

    .business-page.theme-shop {
        --theme-accent: var(--qlii-category-shop);
        --theme-overlay-top: rgba(44, 34, 27, .15);
        --theme-overlay-bottom: rgba(44, 34, 27, .64);
        --theme-language-bg: rgba(255, 253, 249, .20);
        --theme-language-border: rgba(255, 255, 255, .30);
        --compact-link-bg: rgba(46, 38, 32, .88);
        --compact-link-bg-hover: rgba(54, 44, 36, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 32%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 56%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(63%) sepia(16%) saturate(760%) hue-rotate(347deg) brightness(91%) contrast(88%);
    }


    /* ===========================================================
   PERSONAL
   BusinessCategory.Personal
   BusinessCategory.Consultant
   =========================================================== */

    .business-page.theme-personal {
        --theme-accent: var(--qlii-category-personal);
        --theme-overlay-top: rgba(0, 0, 0, .10);
        --theme-overlay-bottom: rgba(0, 0, 0, .38);
        --theme-language-bg: rgba(255, 255, 255, .18);
        --theme-language-border: rgba(255, 255, 255, .28);
        --compact-link-bg: rgba(31, 31, 34, .88);
        --compact-link-bg-hover: rgba(39, 39, 43, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 30%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 54%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(55%) sepia(7%) saturate(520%) hue-rotate(179deg) brightness(93%) contrast(88%);
    }

        .business-page.theme-personal .business-logo {
            border-radius: 50%;
        }

        .business-page.theme-personal .business-title {
            letter-spacing: -.02em;
        }

        .business-page.theme-personal .business-subtitle {
            opacity: .82;
        }


    /* ===========================================================
   DEFAULT
   Other / fallback
   =========================================================== */

    .business-page.theme-default {
        --theme-accent: var(--qlii-category-default);
        --theme-overlay-top: rgba(30, 34, 40, .24);
        --theme-overlay-bottom: rgba(30, 34, 40, .72);
        --theme-language-bg: rgba(255, 255, 255, .18);
        --theme-language-border: rgba(255, 255, 255, .28);
        --compact-link-bg: rgba(30, 34, 40, .88);
        --compact-link-bg-hover: rgba(37, 42, 49, .96);
        --compact-link-border: color-mix(in srgb, var(--theme-accent) 30%, transparent);
        --compact-link-border-hover: color-mix(in srgb, var(--theme-accent) 54%, transparent);
        --compact-link-icon-filter: brightness(0) saturate(100%) invert(67%) sepia(7%) saturate(420%) hue-rotate(178deg) brightness(93%) contrast(90%);
    }


    /* ===========================================================
   RÈGLES COMMUNES DES THÈMES
   =========================================================== */

    .business-page .business-overlay {
        background: linear-gradient( to bottom, var(--theme-overlay-top), var(--theme-overlay-bottom) );
    }

    .business-page .business-logo {
        filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .18));
    }

    .business-page.theme-tattoo .business-logo {
        filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .32));
    }

    .business-page .language-switcher a {
        background: var(--theme-language-bg);
        border: 1px solid var(--theme-language-border);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .business-page.theme-tattoo .language-switcher a {
        color: #f4ede1;
    }

    .business-page.theme-tattoo h1,
    .business-page.theme-tattoo h2,
    .business-page.theme-tattoo p {
        text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    }


    /* ===========================================================
   DESCRIPTION
   Respecte les retours à la ligne enregistrés en base
   =========================================================== */

    .business-page .business-description {
        white-space: pre-line;
        font-size: 16px;
        font-weight: 500;
    }


/* ===========================================================
   LIENS OFFICIELS / RÉSEAUX
   =========================================================== */

.business-famous-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 3rem;
}

.business-famous-link {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(0, 0, 0, .08);
    text-decoration: none;
    transition: opacity .15s ease;
}

    .business-famous-link:hover {
        opacity: .82;
    }

    .business-famous-link:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 3px;
    }

    .business-famous-link img {
        width: 23px;
        height: 23px;
        object-fit: contain;
    }

.business-famous-link-disabled {
    opacity: .45;
    cursor: default;
}


/* ===========================================================
   POWERED BY QLII
   =========================================================== */

.business-powered-by {
    margin-top: 24px;
    padding: 8px 0 12px;
    text-align: center;
    font-size: .72rem;
    opacity: .55;
}

    .business-powered-by a {
        color: inherit;
        text-decoration: none;
        font-weight: 600;
    }

        .business-powered-by a:hover {
            text-decoration: underline;
        }


/* ===========================================================
   LIENS COMPACTS
   Sous le sous-titre de la vitrine
   =========================================================== */

.business-page .business-overlay .business-links {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 9px;
    width: 100%;
    max-width: 520px;
    margin: 14px auto 22px;
    align-self: center;
}

    .business-page .business-overlay .business-links .business-link {
        box-sizing: border-box;
        position: relative;
        display: inline-flex;
        flex: 0 0 90px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 90px;
        height: 62px;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-radius: 13px;
        background: var(--compact-link-bg);
        color: #fff;
        border: 1px solid var(--compact-link-border);
        box-shadow: none;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        text-align: center;
        text-decoration: none;
        font-size: 9px;
        font-weight: 300;
        line-height: 1.15;
        opacity: 1;
        transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
    }

        .business-page
        .business-overlay
        .business-links
        .business-link
        .business-link-icon {
            position: absolute;
            display: block;
            top: 6px;
            left: 50%;
            transform: translateX(-50%);
            width: 22px;
            height: 22px;
            margin: 0;
            object-fit: contain;
            filter: var(--compact-link-icon-filter);
        }

        .business-page
        .business-overlay
        .business-links
        .business-link > span {
            position: absolute;
            display: block;
            bottom: 4px;
            left: 5px;
            right: 5px;
            margin: 0;
            font-size: 10.5px;
            font-weight: 500;
            line-height: 1.15;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #fff;
        }


        /* ===========================================================
   PRIORITÉ DES LIENS
   =========================================================== */

        .business-page
        .business-overlay
        .business-links
        .business-link.business-link-primary {
            font-weight: 600;
            border-color: var(--compact-link-border-hover);
        }

        .business-page
        .business-overlay
        .business-links
        .business-link.business-link-secondary {
            font-weight: 500;
        }


    /* ===========================================================
   INTERACTIONS
   =========================================================== */

    .business-page
    .business-overlay
    .business-links
    a.business-link:hover {
        transform: none;
        background: var(--compact-link-bg-hover);
        border-color: var(--compact-link-border-hover);
    }

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

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

.business-page button,
.business-page input,
.business-page select,
.business-page textarea {
    font: inherit;
}
/* ===========================================================
   RESPONSIVE
   =========================================================== */
.business-page .business-overlay .business-links .business-link {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    flex-shrink: 0;
}


@media (max-width: 380px) {
    .business-page .business-overlay .business-links {
        gap: 8px;
    }

        .business-page
        .business-overlay
        .business-links
        .business-link {
            flex-basis: 70px;
            width: 70px;
            height: 62px;
        }
}




/* ===========================================================
   QLII — Icônes du tableau de bord : couleurs des catégories
   =========================================================== */
.app-dashboard-grid {
    --app-dashboard-icon-bg: var(--qlii-category-default);
}

    .app-dashboard-grid.category-restaurant {
        --app-dashboard-icon-bg: var(--qlii-category-restaurant);
    }

    .app-dashboard-grid.category-bar {
        --app-dashboard-icon-bg: var(--qlii-category-bar);
    }

    .app-dashboard-grid.category-cafe {
        --app-dashboard-icon-bg: var(--qlii-category-cafe);
    }

    .app-dashboard-grid.category-spa,
    .app-dashboard-grid.category-massage {
        --app-dashboard-icon-bg: var(--qlii-category-wellness);
    }

    .app-dashboard-grid.category-hairsalon,
    .app-dashboard-grid.category-beautysalon {
        --app-dashboard-icon-bg: var(--qlii-category-beauty);
    }

    .app-dashboard-grid.category-tattoo {
        --app-dashboard-icon-bg: var(--qlii-category-tattoo);
    }

    .app-dashboard-grid.category-hotel,
    .app-dashboard-grid.category-guesthouse,
    .app-dashboard-grid.category-vacationrental {
        --app-dashboard-icon-bg: var(--qlii-category-hospitality);
    }

    .app-dashboard-grid.category-activity {
        --app-dashboard-icon-bg: var(--qlii-category-activity);
    }

    .app-dashboard-grid.category-shop {
        --app-dashboard-icon-bg: var(--qlii-category-shop);
    }

    .app-dashboard-grid.category-personal,
    .app-dashboard-grid.category-consultant {
        --app-dashboard-icon-bg: var(--qlii-category-personal);
    }

    .app-dashboard-grid.category-other {
        --app-dashboard-icon-bg: var(--qlii-category-default);
    }

    .app-dashboard-grid .app-dashboard-icon {
        background: var(--app-dashboard-icon-bg);
        transition: background-color .2s ease;
    }

    .app-dashboard-grid .app-card-icon {
        filter: brightness(0) invert(1);
    }

    .app-dashboard-grid.category-tattoo .app-card-icon,
    .app-dashboard-grid.category-activity .app-card-icon,
    .app-dashboard-grid.category-other .app-card-icon {
        filter: brightness(0);
    }



/* ===========================================================
   STAY INFORMED
   =========================================================== */
.business-page .business-stay-informed {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin: 18px auto 12px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .35);
    border: 1px solid rgba(255, 255, 255, .35);
    color: var(--accent, #fff);
    font-size: .85rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
}

    .business-page .business-stay-informed svg {
        width: 17px;
        height: 17px;
        flex-shrink: 0;
    }

.business-page .business-stay-informed-details {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.business-page .business-stay-informed {
    cursor: pointer;
    list-style: none;
    user-select: none;
}

    .business-page .business-stay-informed::-webkit-details-marker {
        display: none;
    }

.business-page .business-stay-informed-chevron {
    transition: transform .2s ease;
}

.business-page .business-stay-informed-details[open]
.business-stay-informed-chevron {
    transform: rotate(180deg);
}

.business-page .business-stay-informed-panel {
    margin: 12px auto 20px;
    padding: 20px;
    background: rgba(20, 20, 24, .85);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 16px;
    backdrop-filter: blur(12px);
    color: #fff;
    text-align: left;
}

    .business-page .business-stay-informed-panel form {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .business-page .business-stay-informed-panel label {
        font-size: .82rem;
        font-weight: 500;
        color: #fff;
    }

    .business-page .business-stay-informed-panel input[type="text"] {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 11px 13px;
        border: 1px solid rgba(255,255,255,.25);
        border-radius: 9px;
        background: rgba(255,255,255,.12);
        color: #fff;
        font: inherit;
        outline: none;
    }

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

.business-page .business-stay-informed-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 8px 0;
}

    .business-page .business-stay-informed-consent input {
        margin-top: 4px;
        accent-color: var(--accent, #fff);
    }

    .business-page .business-stay-informed-consent label {
        flex: 1;
        font-size: .75rem;
        line-height: 1.5;
        opacity: .85;
    }

.business-page .business-stay-informed-panel button {
    width: 100%;
    padding: 12px;
    border: 0;
    border-radius: 10px;
    background: var(--accent, #fff);
    color: #171717;
    font-weight: 700;
}

    .business-page .business-stay-informed-panel button:disabled {
        opacity: .55;
        cursor: not-allowed;
    }

.business-page .business-stay-informed-panel small {
    display: block;
    text-align: center;
    color: rgba(255,255,255,.65);
    font-size: .72rem;
}

.business-page .business-contact-success {
    margin: 12px auto;
    padding: 10px 16px;
    width: fit-content;
    max-width: 100%;
    border-radius: 12px;
    background: rgba(20, 20, 24, .85);
    border: 1px solid var(--accent, #fff);
    color: #fff;
    text-align: center;
    font-size: .85rem;
}

.business-page .business-contact-turnstile {
    display: flex;
    justify-content: center;
    margin: 4px 0;
}

.business-page .business-contact-error {
    margin: 12px auto;
    padding: 10px 16px;
    max-width: 420px;
    border-radius: 12px;
    background: rgba(130, 30, 30, .85);
    border: 1px solid rgba(255, 120, 120, .5);
    color: #fff;
    font-size: .85rem;
    text-align: center;
}


business-page {
    align-items: flex-start;
}

.business-page .business-overlay {
    margin: clamp(24px, 8vh, 80px) auto 24px;
}

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

.business-page {
    background-image: var(--business-bg-image);
}

.business-page-full {
    background-image: none;
}

    .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-full .business-video {
        position: fixed;
    }

    .business-page-full .business-overlay {
        position: relative;
        z-index: 1;
    }

.business-page .business-stay-informed-details[inert]
.business-stay-informed {
    opacity: .45;
    cursor: not-allowed;
}