/* Styles de blocs éditables du thème ESMaroc (front et éditeur).
   "Liste à coches" = style du bloc Liste ; "Citation ESMaroc" = style du bloc Citation.
   Ils reproduisent les listes et citations stylées en ligne du site d'origine. */

/* ── Liste à coches ── */
ul.is-style-coches { list-style: none; list-style-type: none; padding-left: 5px; margin: 20px 0; }
ul.is-style-coches li { margin-bottom: 12px; font-size: 1.05rem; color: #4a5568; display: flex; align-items: flex-start; }
ul.is-style-coches li::before { content: "✔"; color: var(--esm-check-color, #ECA344); margin-right: 12px; font-size: 1.1rem; flex-shrink: 0; }
/* Variantes graphiques des fiches événement (mêmes couleurs que les classes *-check-icon du site d'origine) */
.esm-v-ec  { --esm-check-color: #F5C518; }
.esm-v-po  { --esm-check-color: #f4ad4a; }
.esm-v-ed  { --esm-check-color: #01a9a9; }
.esm-v-souk ul.is-style-coches li::before { color: #f29443; margin-right: 10px; }
.esm-v-sec ul.is-style-coches li::before,
.esm-v-afs ul.is-style-coches li::before,
.esm-v-rse ul.is-style-coches li::before {
    color: #ffffff; background-color: #084695; margin-right: 12px; width: 24px; height: 24px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; font-size: 0.8rem; flex-shrink: 0;
}

/* ── Citation ESMaroc : rendu côté site avec le DOM d'origine (.ev-quote, voir inc/blocks.php) ;
   ces règles servent à l'éditeur, où le bloc garde sa structure native. ── */
.editor-styles-wrapper blockquote.is-style-esmaroc {
    border-left: 4px solid #000000; padding: 20px 25px; margin: 40px 0; background-color: #f7fafc;
    font-style: italic; font-size: 1.1rem; color: #2d3748;
}
.editor-styles-wrapper blockquote.is-style-esmaroc::before {
    content: "\f10d"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-style: normal; margin-right: 8px;
}
.editor-styles-wrapper blockquote.is-style-esmaroc cite { display: block; margin-top: 12px; font-size: 0.9rem; color: #718096; font-weight: 700; font-style: normal; }

/* ── Formulaire de contact (Contact Form 7 avec le HTML du site d'origine) ── */
.esmaroc-contact-form .wpcf7-form-control-wrap { display: block; }
.esmaroc-contact-form .wpcf7-response-output { display: none !important; }
.esmaroc-contact-form .wpcf7-not-valid-tip { color: #e53e3e; font-size: 0.85rem; margin-top: 6px; display: block; }
.esmaroc-contact-form .wpcf7-spinner { display: none; }
.esmaroc-contact-form textarea { height: auto; }