/* /public/assets/css/policy-modal.css */

/* --- AJOUT POUR LE POSITIONNEMENT DE LA MODALE --- */
/* Style pour l'arrière-plan assombri */
#policy-update-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9998; /* Augmenté pour être au-dessus de la navbar */
}

/* Style pour le conteneur principal de la modale */
#policy-update-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 91.666667%; /* Correspond à w-11/12 */
    max-width: 42rem; /* Correspond à max-w-2xl */
    z-index: 9999; /* Augmenté pour être au-dessus de tout */
}

/* Classe utilitaire pour cacher/montrer les éléments via JavaScript */
.hidden {
    display: none;
}
/* --- FIN DE L'AJOUT --- */


#policy-update-modal .policy-update-content {
    background-color: #252525;
    color: #e0e0e0;
    text-align: left;
    border-radius: 8px; /* Ajout pour arrondir les bords du contenu */
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4); /* Ajout d'une ombre */
    padding: 2rem; /* Utilisation de rem pour le padding */
}

#policy-update-modal h1#modal-policy-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.2em;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

#policy-update-modal p#modal-policy-intro {
    text-align: center;
    color: #a0a0a0;
    margin-bottom: 30px;
}

#modal-error-message {
    background-color: #dc3545;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 0.9em;
    text-align: center;
}

#policy-update-modal .policy-item {
    margin-bottom: 25px;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 20px;
    background-color: #1e1e1e;
}

#policy-update-modal h2#modal-item-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1.4em;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 15px;
}

#modal-policy-scrollbox {
    max-height: 250px;
    overflow-y: scroll;
    border: 1px solid #333;
    padding: 15px;
    border-radius: 4px;
    background-color: #121212;
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 0.9em;
    color: #e0e0e0;
}

#modal-policy-scrollbox::-webkit-scrollbar { width: 8px; }
#modal-policy-scrollbox::-webkit-scrollbar-track { background: #333; border-radius: 4px; }
#modal-policy-scrollbox::-webkit-scrollbar-thumb { background-color: #666; border-radius: 4px; }

#policy-update-modal .checkbox-group {
    display: flex;
    align-items: flex-start;
}

#policy-update-modal .checkbox-group input[type="checkbox"] {
    margin-top: 0.2em;
    margin-right: 12px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    accent-color: #ffffff;
}

#policy-update-modal .checkbox-group label {
    font-size: 0.95em;
    color: #cccccc;
    line-height: 1.5;
}

#policy-update-modal .checkbox-group .required-star {
    color: #ff6b6b;
    font-weight: bold;
    margin-left: 3px;
}

#modal-submit-button {
    display: block;
    width: auto;
    padding: 12px 20px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    color: #000000;
}

#modal-submit-button:hover {
    background-color: #e0e0e0;
}

#modal-logout-link {
    color: #a0a0a0;
    font-size: 0.9em;
    text-decoration: underline;
}

#modal-logout-link:hover {
    color: #ffffff;
}