/* AlloyGator — correctifs UI transverses (chargé sur tout le site 3).
 *
 * 1) Barre cookies Odoo : la section snippet est en palette o_cc1 (claire)
 *    => blanche sur le thème dark AG. On la passe en sombre, accent vert AG.
 * 2) Mobile : les barres flottantes bas du thème (.ag-pre-buy-bar z-1027,
 *    .ag-buy-sticky z-1027, .ag-pdp-sticky z-90) recouvraient les boutons
 *    de consentement => impossible de fermer la barre cookies. On remonte
 *    la modale au-dessus (z-1040) et on la décale de la hauteur des barres.
 */

/* ---------- 1. Palette sombre ---------- */
body.theme-alloygator #website_cookies_bar .modal-content,
body.theme-alloygator #website_cookies_bar .modal-content section.o_cc1 {
    background: #14171a !important;
    color: #e8ecef;
}
body.theme-alloygator #website_cookies_bar .modal-content {
    border-top: 1px solid rgba(146, 197, 22, 0.45);
    box-shadow: 0 -10px 30px -8px rgba(0, 0, 0, 0.55);
}
body.theme-alloygator #website_cookies_bar .modal-content p,
body.theme-alloygator #website_cookies_bar .modal-content span {
    color: #e8ecef;
}
body.theme-alloygator #website_cookies_bar .o_cookies_bar_text_policy {
    color: #92C516;
    text-decoration: underline;
}
body.theme-alloygator #website_cookies_bar .o_cookies_bar_text_policy:hover {
    color: #a4d92a;
}
/* Boutons : « Je suis d'accord » plein vert, « Que les essentiels » ghost. */
body.theme-alloygator #website_cookies_bar #cookies-consent-all {
    background: #92C516;
    border-color: #92C516;
    color: #0d0e10;
    font-weight: 600;
}
body.theme-alloygator #website_cookies_bar #cookies-consent-all:hover {
    background: #a4d92a;
    border-color: #a4d92a;
    color: #0d0e10;
}
body.theme-alloygator #website_cookies_bar #cookies-consent-essential {
    background: transparent;
    border-color: #3a4148;
    color: #c6cdd3;
}
body.theme-alloygator #website_cookies_bar #cookies-consent-essential:hover {
    border-color: #9aa4ad;
    color: #ffffff;
    background: transparent;
}

/* ---------- 2. Mobile : au-dessus des barres flottantes bas ---------- */
@media (max-width: 719.98px) {
    body.theme-alloygator #website_cookies_bar .modal.s_popup_bottom {
        z-index: 1040; /* > .ag-pre-buy-bar / .ag-buy-sticky (1027) */
    }
    /* Tant que la barre cookies est ouverte, on masque les barres
       flottantes bas du thème : les boutons de consentement redeviennent
       visibles et cliquables. Elles réapparaissent après le choix. */
    body.theme-alloygator:has(#website_cookies_bar .modal.show) .ag-pre-buy-bar,
    body.theme-alloygator:has(#website_cookies_bar .modal.show) .ag-buy-sticky,
    body.theme-alloygator:has(#website_cookies_bar .modal.show) .ag-pdp-sticky {
        display: none !important;
    }
    /* Secours (navigateurs sans :has) : décalage de la hauteur des barres
       flottantes (~84px) + safe-area. */
    body.theme-alloygator #website_cookies_bar .modal-dialog,
    body.theme-alloygator #website_cookies_bar .modal-content {
        margin-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    }
    body.theme-alloygator:has(#website_cookies_bar .modal.show) #website_cookies_bar .modal-dialog,
    body.theme-alloygator:has(#website_cookies_bar .modal.show) #website_cookies_bar .modal-content {
        margin-bottom: 0 !important;
    }
    /* Boutons consentement : pleine largeur tactile, plus coupés. */
    body.theme-alloygator #website_cookies_bar #cookies-consent-all,
    body.theme-alloygator #website_cookies_bar #cookies-consent-essential {
        display: inline-block;
        margin: 4px 4px 0 0;
        padding: 8px 14px;
    }
}