/* Fiori Funebri Napoli — estilo del banner de cookies de la fachada estática.

   Moove GDPR renderiza una barra fija abajo; estas reglas la convierten en
   **modal centrado + overlay oscuro**, igual que en la red francesa
   (Lyon/Paris/Toulouse), con la paleta Eterna de Napoli.

   Aplica SOLO en el estático: el WP (/fioraio/) usa el CSS del child theme.
   Activación: gdpr-sync.js añade `body.overlay-visible` cuando NO hay cookie
   `moove_gdpr_popup`.

   Incluye la corrección responsive de Toulouse: en móvil y en landscape bajo,
   los botones se apilan y el modal crece en alto con scroll — si no, se estira
   y corta el botón "Accetta". */

#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;
    z-index: 9001 !important;
    background: #FCFAF6 !important;
    color: #000 !important;
    border-radius: 5px !important;
    display: none !important;              /* oculto por defecto */
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    pointer-events: all !important;
    box-shadow: 0 24px 60px rgba(14, 57, 72, .28) !important;
}

body.overlay-visible #moove_gdpr_cookie_info_bar {
    display: flex !important;              /* lo activa gdpr-sync.js */
}

body.overlay-visible:before {              /* overlay oscuro translúcido */
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(14, 57, 72, .72) !important;
    z-index: 9000 !important;
}

/* Blindaje del ancho (28-07-2026). Moove declara este contenedor como
   `display:inline-block`, y un inline-block NO se ajusta al ancho del padre:
   crece con su contenido. Con el modal a `min(700px, 100vw - 32px)` eso puede
   desbordar en pantallas estrechas. Se fuerza a bloque con `box-sizing`.
   El padding lateral se deja como lo pone Moove (40px) para no cambiar el
   aspecto en escritorio; solo se acorta en el @media de móvil, al final. */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Contenedor interno: distribución vertical centrada */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 40px !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Texto del banner */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    color: #000 !important;
    font-family: 'Mulish', system-ui, sans-serif !important;
    margin-bottom: 10px !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p strong {
    font-weight: 400 !important;
    font-size: 1em !important;
}

/* Botones: fila centrada */
#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: 10px 0 !important;
}

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

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

/* Accetta: azzurro de marca sobre blanco */
.moove-gdpr-infobar-allow-all {
    background-color: #0077A8 !important;
    border: 1px solid #0077A8 !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.moove-gdpr-infobar-allow-all:hover {
    color: #0077A8 !important;
    background-color: #fff !important;
    border: 1px solid #0077A8 !important;
}

/* Rifiuta + Impostazioni: contorno petrol sobre blanco */
.moove-gdpr-infobar-reject-btn,
.moove-gdpr-infobar-settings-btn {
    color: #0E3948 !important;
    background-color: #fff !important;
    border: 1px solid #0E3948 !important;
}
.moove-gdpr-infobar-reject-btn:hover,
.moove-gdpr-infobar-settings-btn:hover {
    color: #fff !important;
    background-color: #0E3948 !important;
    box-shadow: none !important;
}

/* Logo sobresaliendo por el borde superior del modal */
#moove_gdpr_cookie_info_bar .imagen-logo {
    margin-top: -75px !important;
    height: 60px !important;
    width: auto !important;
    max-width: 90% !important;
}

/* Móvil y landscape bajo: apilar botones y permitir scroll (fix de Toulouse) */
@media (max-width: 767px), (max-height: 620px) {
    #moove_gdpr_cookie_info_bar {
        bottom: auto !important;
        height: auto !important;
        max-height: 88dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    /* padding lateral más corto: 40px×2 se comían el ancho útil en móvil */
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
        padding: 10px 16px !important;
    }
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
        margin-top: 28px !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;
        text-align: center !important;
    }
    #moove_gdpr_cookie_info_bar .imagen-logo {
        margin-top: -50px !important;
        height: 46px !important;
    }
}