/* Fiori Funebri Torino — banner de cookies de la TIENDA como modal centrado.

   ⚠️ UBICACIÓN EN EL SERVIDOR (esta copia del repo es la versión canónica; el
      child theme NO está versionado):
      httpdocs/fioraio/wp-content/themes/flatsome-child/gdpr-cookie-compliance/estilos/gdpr-main.css
   Lo encola functions.php (fft_gdpr_modal_css).

   POR QUÉ EXISTE
   --------------
   Moove GDPR renderiza una barra fija abajo. Estas reglas la convierten en modal
   centrado + overlay, **igual que la fachada estática**, para que las dos capas del
   dominio muestren el mismo banner (ver COOKIES-ARQUITECTURA.md).

   El fichero ya existía en el child theme heredado del clon de Napoli/Milano, pero
   **no se encolaba en ningún sitio**: era código muerto, y su paleta era la de la
   línea Roma/Milano (botón Accetta en VERDE, contornos negros). Reescrito con la
   paleta de Torino el 2026-07-28.

   Aquí sí hace falta `!important`: compite con los 88 KB del CSS del plugin. En el
   estático no hay ninguno, porque allí style.css es la única hoja.

   Paleta: azul #0C3C7C · azul oscuro #082C5C · crema #F5F1EA · Mulish. */

#moove_gdpr_cookie_info_bar {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(700px, calc(100vw - 32px)) !important;
    max-height: 88dvh !important;
    overflow-y: auto !important;
    height: auto !important;
    bottom: auto !important;
    z-index: 9001 !important;
    background: #F5F1EA !important;
    color: #000 !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 60px rgba(8, 44, 92, .28) !important;
    display: none !important;              /* oculto por defecto */
    text-align: center !important;
    pointer-events: all !important;
}

/* Lo activa gdpr-sync.js añadiendo `overlay-visible` al body */
body.overlay-visible #moove_gdpr_cookie_info_bar {
    display: block !important;
}

body.overlay-visible::before {            /* overlay oscuro */
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(22, 24, 26, .72) !important;
    z-index: 9000 !important;
}
body.banner-closed::before {
    display: none !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    padding: 36px 32px !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
    display: block !important;
    text-align: center !important;
    margin-top: 0 !important;
}

/* Logo (lo inyecta gdpr-logo.js desde los ajustes del plugin) */
#moove_gdpr_cookie_info_bar .imagen-logo {
    display: block !important;
    height: 42px !important;
    width: auto !important;
    max-width: 90% !important;
    margin: 0 auto 20px !important;
}

/* Texto */
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {
    margin: 0 0 24px !important;
    font-family: 'Mulish', system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    color: #000 !important;
    text-align: center !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p strong {
    font-weight: 300 !important;
    font-size: 1em !important;
}

/* Botones */
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .mgbutton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    font-family: 'Mulish', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 12px 22px !important;
    min-height: 44px !important;           /* objetivo táctil */
    text-decoration: none !important;
}

/* Orden visual izquierda → derecha: Rifiuta · Impostazioni · Accetta */
.moove-gdpr-infobar-reject-btn   { order: 1 !important; }
.moove-gdpr-infobar-settings-btn { order: 2 !important; }
.moove-gdpr-infobar-allow-all    { order: 3 !important; }

.moove-gdpr-infobar-allow-all {
    background-color: #0C3C7C !important;
    border: 1px solid #0C3C7C !important;
    color: #fff !important;
}
.moove-gdpr-infobar-allow-all:hover {
    background-color: #082C5C !important;
    border-color: #082C5C !important;
    color: #fff !important;
}

.moove-gdpr-infobar-reject-btn,
.moove-gdpr-infobar-settings-btn {
    background-color: #fff !important;
    border: 1px solid #082C5C !important;
    color: #082C5C !important;
}
.moove-gdpr-infobar-reject-btn:hover,
.moove-gdpr-infobar-settings-btn:hover {
    background-color: #082C5C !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Móvil y landscape bajo: botones apilados (fix heredado de Toulouse) */
@media (max-width: 767px), (max-height: 620px) {
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
        padding: 28px 20px !important;
    }
    #moove_gdpr_cookie_info_bar .imagen-logo {
        height: 36px !important;
        margin-bottom: 16px !important;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .mgbutton {
        width: 100% !important;
    }
}

/* El hover del botón Impostazioni en táctil deja texto invisible en el plugin;
   se neutraliza (heredado de la línea Roma/Milano, sigue siendo válido). */
@media (max-width: 850px) {
    .moove-gdpr-infobar-settings-btn:hover,
    .moove-gdpr-infobar-settings-btn:focus {
        background-color: #082C5C !important;
        color: #fff !important;
    }
    .moove-gdpr-infobar-settings-btn:hover span.moove_gdpr_text,
    .moove-gdpr-infobar-settings-btn:focus span.moove_gdpr_text {
        display: inline !important;
    }
}