/* =============================================================
   Formulaire de Satisfaction — CSS personnalisable
   Ce fichier recense toutes les classes utilisées en front-office.
   Copiez-le dans votre thème enfant via le bouton prévu dans le BO,
   puis surchargez librement les styles ci-dessous.
   Le fichier du thème enfant prend la priorité sur celui du plugin.
   ============================================================= */


/* ---------------------------------------------------------------
   Overlay (fond flouté derrière la modale)
--------------------------------------------------------------- */
#fs-overlay { }
#fs-overlay.fs-visible { }
#fs-overlay.fs-no-blur { }


/* ---------------------------------------------------------------
   Modale — conteneur principal (modes flottants)
--------------------------------------------------------------- */
#fs-modal { }
#fs-modal.fs-visible { }
#fs-modal.fs-anim-slide-up { }
#fs-modal.fs-anim-slide-right { }
#fs-modal.fs-anim-popup { }


/* ---------------------------------------------------------------
   Mode inline (formulaire inséré dans le contenu)
--------------------------------------------------------------- */
#fs-inline-wrapper { }
#fs-inline-wrapper.fs-visible { }


/* ---------------------------------------------------------------
   Carte (conteneur du formulaire à l'intérieur de la modale)
--------------------------------------------------------------- */
.fs-card { }


/* ---------------------------------------------------------------
   Bouton de fermeture (croix)
--------------------------------------------------------------- */
.fs-close { }
.fs-close:hover { }


/* ---------------------------------------------------------------
   Panel Question (écran initial)
--------------------------------------------------------------- */
#fs-panel-question { }
.fs-question { }


/* ---------------------------------------------------------------
   Boutons Oui / Non
--------------------------------------------------------------- */
.fs-actions { }

.fs-btn { }
.fs-btn:active { }

.fs-btn--yes { }
.fs-btn--yes:hover { }

.fs-btn--no { }
.fs-btn--no:hover { }


/* ---------------------------------------------------------------
   Panel des raisons (affichées après clic sur "Non")
--------------------------------------------------------------- */
#fs-panel-no { }

.fs-reasons-hint { }

.fs-reasons-list-fo { }
.fs-reasons-list-fo li { }
.fs-reasons-list-fo li label { }
.fs-reasons-list-fo input[type="checkbox"] { }
.fs-reasons-list-fo input[type="checkbox"]:checked { }
.fs-reasons-list-fo input[type="checkbox"]:checked::after { }


/* ---------------------------------------------------------------
   Commentaire libre (optionnel, sous chaque raison cochée)
--------------------------------------------------------------- */
.fs-reason-comment-wrap { }
.fs-reason-comment { }


/* ---------------------------------------------------------------
   Footer (bouton envoyer + retour + message d'erreur)
--------------------------------------------------------------- */
.fs-no-footer { }

.fs-btn--send { }
.fs-btn--send:hover { }
.fs-btn--send:active { }

.fs-btn--back { }
.fs-btn--back:hover { }

.fs-error-msg { }


/* ---------------------------------------------------------------
   Panel de confirmation (merci)
--------------------------------------------------------------- */
#fs-panel-thanks { }
.fs-thanks { }
.fs-thanks__icon { }
.fs-thanks__message { }


/* ---------------------------------------------------------------
   Overlay de chargement (pendant la soumission AJAX)
--------------------------------------------------------------- */
.fs-loading-overlay { }
.fs-loading-overlay.fs-loading-visible { }
.fs-loading-spinner { }


/* ---------------------------------------------------------------
   Responsive
--------------------------------------------------------------- */
@media (max-width: 560px) {
    /* surcharges responsive ici */
}