/* ===================================
   ESTILOS DO BANNER DE COOKIES
   =================================== */

/* Banner sempre fixo seguindo a tela - MOBILE */
@media (max-width: 768px) {
    #cookie-banner {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        will-change: transform !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
    }
    
    /* Forçar body a permitir elementos fixed */
    body {
        transform: none !important;
    }
}

/* Botão Aceitar Todos - Modo Escuro (Padrão) */
#cookie-accept {
    background: #CCFF00 !important;
    color: #0f172a !important;
    box-shadow: 0 0 20px rgba(204, 255, 0, 0.3);
}

#cookie-accept:hover {
    background: #b8e600 !important;
    box-shadow: 0 0 30px rgba(204, 255, 0, 0.5);
}

#cookie-accept i {
    color: #0f172a !important;
}

/* Sobrescrever para modo claro */
html[data-theme="light"] #cookie-accept {
    background: #0ea5e9 !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(14, 165, 233, 0.3);
}

html[data-theme="light"] #cookie-accept:hover {
    background: #0284c7 !important;
    box-shadow: 0 0 25px rgba(14, 165, 233, 0.5);
}

html[data-theme="light"] #cookie-accept i {
    color: #ffffff !important;
}


html[data-theme="light"] #cookie-accept:hover {
    background: #0284c7 !important;
    box-shadow: 0 0 25px rgba(14, 165, 233, 0.5);
}

html[data-theme="light"] #cookie-accept i {
    color: #ffffff !important;
}