/* Style de la bannière Cookies */



.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 600px;
    background: #222;
    color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    z-index: 10000;
    font-family: sans-serif;
}
.cookie-banner.hidden { display: none; }
.cookie-content { display: flex; flex-direction: column; gap: 15px; }
.cookie-buttons { display: flex; gap: 10px; justify-content: flex-end; }
.cookie-buttons button { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }
.btn-accept { background: #00b4d8; color: #fff; }
.btn-refuse { background: #444; color: #fff; }

/* Style des placeholders (blocs qui remplacent les vidéos/cartes en attendant le consentement) */
.cookie-blocked-service {
    background: #f0f0f0; /* ou #f4f4f4; */
    border: 2px dashed #ccc;

    width: 560px; /* À adapter selon vos dimensions */
    height: 315px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    font-family: sans-serif;
}
.cookie-blocked-service button { 
    margin-top: 10px;
    padding: 6px 12px; /* Ou padding: 10px 20px; */
    background: #00b4d8;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    border-radius: 4px;
    transition: background 0.2s;
}

.cookie-blocked-service button:hover {
    background: #0077b6;
}


/*==== for YouTube ===*/


/* Container fluide qui prend 100% de son parent */
.youtube-responsive {
    width: 100%;
    height: 100%;
    min-height: 315px; /* Sécurité pour éviter que le bloc soit invisible si le parent n'a pas de hauteur fixe */
    background: #1a1a1a; /* Fond sombre neutre rappelant un lecteur vidéo */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #333;
}

/* Centrage du texte et du bouton à l'intérieur */
.cookie-blocked-content {
    text-align: center;
    font-family: sans-serif;
    padding: 20px;
}

.cookie-blocked-content p {
    margin: 0 0 12px 0;
    font-size: 14px;
}

.cookie-blocked-content button {
    background: #ff0000; /* Rouge YouTube pour inciter au clic */
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}

.cookie-blocked-content button:hover {
    background: #cc0000;
}


/*=======*/

.cookie-fallback-link {
    margin-top: 15px;
    font-size: 0.9em;
}

.cookie-fallback-link p {
    margin: 5px 0 !important;
    color: #888;
}

.cookie-fallback-link a {
    color: #ff4444; /* Un rouge plus doux pour le lien hypertexte */
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s;
}

.cookie-fallback-link a:hover {
    color: #ff0000; /* Devient rouge vif au survol */
}




/*==== new for google map ===*/


/* Style spécifique pour le lien Maps */
.cookie-blocked-service .cookie-fallback-link a {
    color: #00b4d8; /* #00b4d8 Bleu en harmonie avec le bouton Maps */
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s;
}

.cookie-blocked-service .cookie-fallback-link a:hover {
    color: #0077b6; /* #0077b6 Devient bleu foncé au survol */
}



/*==== footer ===*/


.cookie-footer-link {
    color: #777; /* Couleur grise discrète */
    text-decoration: none;
    /* font-size: 0.9em; */
    font-size: 14px;
    transition: color 0.2s;
}

.cookie-footer-link:hover {
    color: #333; /* S'assombrit au survol */
    text-decoration: underline;
}