/* =============================================================
   Fleurs de Deuil Marseille — Modal de cookies (sitio estático)
   Mismas reglas que el child theme WP (style.css 706-1055), con las
   variables --fdm-* resueltas para el contexto del SPA estático.
   Convierte el banner Moove en un modal centrado con overlay oscuro.
   ============================================================= */
:root { --fdm-paper: #ffffff; --fdm-shop: #03702f; }

/* Banner centrado con overlay */
#moove_gdpr_cookie_info_bar {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: 700px !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9001 !important;
    background: var(--fdm-paper) !important;
    color: #000 !important;
    border-radius: 5px !important;
    display: none !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    pointer-events: all !important;
    height: 35% !important;
    min-height: 300px !important;
}
body.overlay-visible #moove_gdpr_cookie_info_bar { display: flex !important; }
body.overlay-visible::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 9000 !important;
}
body.banner-closed::before { display: none !important; }

/* Texto del banner */
.moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p { color: #000 !important; }
.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;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .mgbutton {
    opacity: 1 !important;
    font-weight: normal !important;
    filter: none !important;
    box-shadow: none !important;
}
.moove-gdpr-cookie-notice p {
    margin-bottom: 10px !important;
    font-size: 1em !important;
    line-height: 1.5 !important;
    font-weight: normal !important;
    color: black !important;
}
.moove-gdpr-cookie-notice p strong {
    font-weight: normal !important;
    text-align: justify !important;
    font-size: 1em !important;
}
.moove-gdpr-button-holder {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin: 10px;
}

/* Botones: reject/settings outline; allow-all en verde tienda */
.moove-gdpr-infobar-reject-btn {
    order: 1 !important;
    color: black !important;
    background-color: var(--fdm-paper) !important;
    border: 1px solid black !important;
}
.moove-gdpr-infobar-settings-btn {
    order: 2 !important;
    color: black !important;
    background-color: var(--fdm-paper) !important;
    border: 1px solid black !important;
}
.moove-gdpr-infobar-allow-all {
    order: 3 !important;
    background-color: var(--fdm-shop) !important;
    border: 1px solid var(--fdm-shop) !important;
}
.moove-gdpr-infobar-reject-btn:hover,
.moove-gdpr-infobar-settings-btn:hover {
    color: var(--fdm-paper) !important;
    background-color: black !important;
    box-shadow: none !important;
}
.moove-gdpr-infobar-allow-all:hover {
    color: var(--fdm-shop) !important;
    background-color: var(--fdm-paper) !important;
    border: 1px solid var(--fdm-shop) !important;
}

/* Logo en el banner */
.imagen-logo {
    margin-top: -75px !important;
    height: 60px !important;
    width: auto !important;
    max-width: 90% !important;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1380px) {
    #moove_gdpr_cookie_info_bar { min-height: 500px; }
    .moove-gdpr-cookie-notice p { font-size: 1em !important; }
}
@media (max-width: 950px) and (min-width: 767px) {
    #moove_gdpr_cookie_info_bar { width: 80% !important; }
    .moove-gdpr-cookie-notice p { font-size: 1em !important; word-wrap: break-word !important; white-space: normal !important; }
    .moove-gdpr-button-holder { width: 100% !important; justify-content: center !important; }
    .mgbutton { width: auto !important; margin: 5px !important; }
}
@media (max-width: 767px) {
    #moove_gdpr_cookie_info_bar { width: 90% !important; bottom: 10px !important; }
    .mgbutton { font-size: 14px !important; }
    .imagen-logo { height: 60px !important; }
}
@media (max-width: 553px) {
    #moove_gdpr_cookie_info_bar { width: 90% !important; height: 40% !important; top: 40% !important; }
    .moove-gdpr-cookie-notice p { font-size: 0.95em !important; margin-top: -20px !important; }
    .imagen-logo { height: 55px !important; }
}
@media (max-width: 415px) {
    #moove_gdpr_cookie_info_bar { height: 50% !important; }
    .moove-gdpr-button-holder { margin-top: 0 !important; margin-bottom: 10px !important; }
    .imagen-logo { height: 50px !important; }
}
@media (max-width: 375px) {
    #moove_gdpr_cookie_info_bar { height: 60% !important; }
    .moove-gdpr-button-holder { margin-top: 0 !important; margin-bottom: 10px !important; }
    .imagen-logo { height: 45px !important; }
}