/* ==========================================================================
   STYLES SPECIFIQUES : PAGE AIDE / ANNUAIRE
   ========================================================================== */

/* Boîte contenant le formulaire, avec une ombre légère basée sur votre charte */
.wrc-shadow-box {
    border: none;
    border-radius: 12px;
    box-shadow: 0 8px 25px var(--wrc-shadow-plum-large);
    background-color: #ffffff;
}

/* Personnalisation des inputs et textareas pour coller à l'esthétique du site */
.wrc-custom-input, 
.wrc-custom-textarea {
    border: 1px solid var(--wrc-border-gold-medium);
    box-shadow: none;
    background-color: var(--wrc-bg-beige);
    color: var(--wrc-text-dark);
    transition: all 0.3s ease;
}

/* Focus : On met en avant les bordures dorées de la charte */
.wrc-custom-input:focus, 
.wrc-custom-textarea:focus,
.wrc-custom-input:active,
.wrc-custom-textarea:active {
    border-color: var(--wrc-gold);
    box-shadow: 0 0 0 3px var(--wrc-border-gold-ultra-light);
    background-color: #ffffff;
}

/* Ajustement de la hauteur pour correspondre à vos autres champs de formulaire */
.wrc-custom-input {
    height: 2.85rem;
}

/* Bulma n'arrondit pas les textarea par défaut, on adoucit les bords */
.wrc-custom-textarea {
    border-radius: 8px;
    resize: vertical;
    padding: 1rem;
}

/* Ajustement de la couleur et de la position de l'icône pour l'email */
.control.has-icons-left .icon.is-left {
    height: 2.85rem;
    color: var(--wrc-light-plum);
}