/* ========================================
   PERSONNALISATION COMPLIANZ - EVERDATA
   Couleurs bleu marine (#1E2C52)
   v1.3.0
   ======================================== */

/* ========================================
   PAGES DOCUMENTS COMPLIANZ - PLEINE LARGEUR
   ======================================== */

/* Supprime la limitation de largeur sur les documents */
#cmplz-document,
.cmplz-document {
    max-width: 100% !important;
    width: 100% !important;
}

/* Accordéons Complianz - Assure quils sont cliquables */
#cmplz-document .cmplz-dropdown,
#cmplz-cookies-overview .cmplz-dropdown,
.cmplz-document details,
details.cmplz-dropdown {
    cursor: pointer !important;
    pointer-events: auto !important;
}

#cmplz-document .cmplz-dropdown summary,
#cmplz-cookies-overview .cmplz-dropdown summary,
.cmplz-document details summary,
details.cmplz-dropdown summary {
    cursor: pointer !important;
    pointer-events: auto !important;
    list-style: none !important;
    user-select: none !important;
}

/* Assure que le chevron est visible et cliquable */
#cmplz-document .cmplz-dropdown summary div:after,
#cmplz-cookies-overview .cmplz-dropdown summary div:after {
    display: block !important;
    pointer-events: auto !important;
}

/* Style pour les accordéons ouverts */
#cmplz-document .cmplz-dropdown[open],
#cmplz-cookies-overview .cmplz-dropdown[open],
details.cmplz-dropdown[open] {
    padding-bottom: 15px !important;
}

/* Contenu des accordéons */
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cookies-per-purpose {
    display: block !important;
    width: 100% !important;
}

/* ========================================
   BANNIÈRE COOKIES
   ======================================== */

/* Bannière principale */
.cmplz-cookiebanner {
    background-color: #ffffff !important;
    border-top: 3px solid #1E2C52 !important;
    box-shadow: 0 -4px 16px rgba(30, 44, 82, 0.15) !important;
}

/* Texte de la bannière */
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-categories-wrap,
.cmplz-cookiebanner .cmplz-links {
    color: #2d3748 !important;
}

/* Titres */
.cmplz-cookiebanner h2,
.cmplz-cookiebanner h3 {
    color: #1E2C52 !important;
    font-weight: 700 !important;
}

/* Bouton Accepter - Bleu marine Everdata */
.cmplz-cookiebanner .cmplz-accept,
.cmplz-cookiebanner button.cmplz-accept {
    background-color: #1E2C52 !important;
    color: #ffffff !important;
    border: 2px solid #1E2C52 !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.cmplz-cookiebanner .cmplz-accept:hover,
.cmplz-cookiebanner button.cmplz-accept:hover {
    background-color: #2a3d6b !important;
    border-color: #2a3d6b !important;
    transform: translateY(-2px) !important;
}

/* Bouton Refuser - Gris clair */
.cmplz-cookiebanner .cmplz-deny,
.cmplz-cookiebanner button.cmplz-deny {
    background-color: #f7fafc !important;
    color: #2d3748 !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.cmplz-cookiebanner .cmplz-deny:hover,
.cmplz-cookiebanner button.cmplz-deny:hover {
    background-color: #e2e8f0 !important;
    border-color: #cbd5e0 !important;
}

/* Bouton Paramètres - Outline bleu marine */
.cmplz-cookiebanner .cmplz-manage-options,
.cmplz-cookiebanner .cmplz-view-preferences,
.cmplz-cookiebanner button.cmplz-manage-options,
.cmplz-cookiebanner button.cmplz-view-preferences {
    background-color: #ffffff !important;
    color: #1E2C52 !important;
    border: 2px solid #1E2C52 !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.cmplz-cookiebanner .cmplz-manage-options:hover,
.cmplz-cookiebanner .cmplz-view-preferences:hover,
.cmplz-cookiebanner button.cmplz-manage-options:hover,
.cmplz-cookiebanner button.cmplz-view-preferences:hover {
    background-color: #f7fafc !important;
    border-color: #1E2C52 !important;
}

/* Toggles/Switches */
.cmplz-cookiebanner input[type="checkbox"]:checked + label::before,
.cmplz-cookiebanner .cmplz-toggle input:checked + label,
.cmplz-cookiebanner .cmplz-switch input:checked + .cmplz-slider {
    background-color: #1E2C52 !important;
}

/* Liens */
.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-links a {
    color: #1E2C52 !important;
    text-decoration: underline !important;
}

.cmplz-cookiebanner a:hover,
.cmplz-cookiebanner .cmplz-links a:hover {
    color: #2a3d6b !important;
}

/* Badge flottant (bouton réglages cookies) */
.cmplz-floating-button {
    background-color: #1E2C52 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(30, 44, 82, 0.3) !important;
    transition: all 0.3s ease !important;
}

.cmplz-floating-button:hover {
    background-color: #2a3d6b !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(30, 44, 82, 0.4) !important;
}

/* Modal de paramètres détaillés */
.cmplz-modal-content {
    border-top: 4px solid #1E2C52 !important;
}

.cmplz-modal .cmplz-header {
    background-color: #f7fafc !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

/* Boutons dans le modal */
.cmplz-modal .cmplz-save-preferences,
.cmplz-modal .cmplz-accept-all {
    background-color: #1E2C52 !important;
    color: #ffffff !important;
    border: 2px solid #1E2C52 !important;
}

.cmplz-modal .cmplz-save-preferences:hover,
.cmplz-modal .cmplz-accept-all:hover {
    background-color: #2a3d6b !important;
    border-color: #2a3d6b !important;
}

/* Catégories de cookies */
.cmplz-categories .cmplz-category {
    border-left: 4px solid #1E2C52 !important;
    margin-bottom: 16px !important;
}

.cmplz-categories .cmplz-category.cmplz-active {
    background-color: #f7fafc !important;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .cmplz-cookiebanner {
        padding: 20px 15px !important;
    }

    .cmplz-cookiebanner .cmplz-buttons button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/* ========================================
   FIX ACCORDEONS COMPLIANZ - DETAILS/SUMMARY
   ======================================== */

/* Force le contenu a etre visible quand ouvert */
#cmplz-document details[open] > *:not(summary),
#cmplz-cookies-overview details[open] > *:not(summary),
.cmplz-dropdown[open] > *:not(summary) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Assure que le summary est bien un element bloc cliquable */
#cmplz-document summary,
#cmplz-cookies-overview summary,
.cmplz-dropdown summary {
    display: block !important;
    cursor: pointer !important;
}

/* Override body.cmplz-document si present */
body.cmplz-document {
    max-width: none !important;
    width: 100% !important;
}

body.cmplz-document .site-header,
body.cmplz-document .site-footer {
    width: 100% !important;
    max-width: none !important;
}
