/* public/assets/css/notice-page.css */

/* Styles pour la page .login-register-page et .form-container généraux sont supposés venir de vos CSS globaux. */
/* Exemple si vous voulez forcer un fond sombre pour le conteneur de cette page spécifique : */
/*
.login-register-page .form-container {
    background-color: #2c2c2c; /* Fond sombre pour la boîte */
/* color: #ffffff; /* Couleur de texte par défaut pour la boîte */
/* }
*/

/* Surcharge pour la largeur du .form-container sur cette page spécifique : */
.login-register-page .form-container {
    width: 50%; 
    max-width: 700px; 
    min-width: 320px; 
    margin-left: auto; 
    margin-right: auto;
    padding: 30px 40px; 
    /* Si votre .form-container global n'a pas déjà une couleur de texte blanche par défaut, */
    /* vous pouvez l'ajouter ici pour que les éléments héritent : */
    /* color: #ffffff; */
}

/* Styles spécifiques pour le contenu à l'intérieur du .form-container sur cette page */
.notice-wrapper {
    text-align: center;
    color: var(--ff-white); /* Couleur de texte par défaut pour le contenu du wrapper */
}

.notice-icon {
    margin-bottom: 25px;
    color: var(--ff-white); /* Icône en blanc */
}

.notice-wrapper h1 {
    text-align: center; 
    font-size: 2rem; 
    margin-bottom: 20px; /* Réduction de l'espace sous le titre */
    color: var(--ff-white); /* Titre en blanc */
}

.notice-wrapper p {
    text-align: center; 
    font-size: 1.1rem; 
    line-height: 1.5;  /* Réduction de l'interligne pour rapprocher les lignes de texte */
    margin-top: 0; 
    margin-bottom: 10px; /* Réduction de l'espace par défaut sous les paragraphes */
    color: var(--ff-gray-2); /* Paragraphes en blanc cassé */
}

/* Style spécifique pour le paragraphe contenant l'email pour plus d'espace */
.notice-wrapper p:has(strong#user-email) { 
    margin-top: 25px;    /* Espace spécifique au-dessus de ce paragraphe */
    margin-bottom: 25px; /* Espace spécifique en dessous de ce paragraphe */
    line-height: 1.6; /* Peut garder un interligne légèrement plus grand pour ce paragraphe si souhaité */
}

.notice-wrapper p strong#user-email { 
    color: var(--ff-white); 
    font-weight: 600;
}

.spam-notice {
    text-align: center; 
    font-size: 0.9rem; 
    margin-top: 15px; /* Espace ajusté */
    margin-bottom: 20px; /* Espace avant le feedback */
    color: var(--ff-gray-3); 
}

#resend-feedback {
    text-align: center; 
    margin-top: 15px; /* Espace ajusté */
    margin-bottom: 20px; 
    font-size: 0.95rem;
    font-weight: 500;
    min-height: 1.2em; 
}

.feedback-success {
    color: var(--ff-success); 
}

.feedback-error {
    color: var(--ff-danger); 
}

.feedback-sending {
    color: var(--ff-white); 
}

.notice-actions {
    margin-top: 25px; /* Espace ajusté */
    text-align: center; 
}

#resend-email-btn.btn.btn-secondary {
    background-color: var(--ff-white); /* Fond du bouton en blanc */
    color: var(--ff-black); /* Texte du bouton en noir */
    padding: 10px 20px; 
    border-radius: 5px; 
    text-decoration: none;
    border: 1px solid var(--ff-gray-3); /* Bordure grise claire, optionnelle */
    cursor: pointer;
    font-weight: 500; /* Rendre le texte un peu plus gras */
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

#resend-email-btn.btn.btn-secondary:hover {
    background-color: var(--ff-gray-1); /* Léger gris au survol */
    border-color: var(--ff-gray-3);
    color: var(--ff-black); /* S'assurer que le texte reste noir */
}

#resend-email-btn.btn.btn-secondary:disabled {
    background-color: var(--ff-white); 
    border-color: var(--ff-gray-3); 
    color: var(--ff-gray-4); /* Texte grisé pour l'état désactivé */
    opacity: 0.65; /* Opacité standard pour l'état désactivé */
    cursor: not-allowed;
}