/* Compléments à app.css : remplacent les styles injectés par WordPress et ses extensions. */

/* Formulaire de contact (ex Contact Form 7) */
.contact-form .contact--group__field,
.contact-form .contact--single__field { position: relative; }
.wpcf7-not-valid-tip { color: #dc3232; font-size: 12px; display: block; }
.contact-form .wpcf7-not-valid { border-color: #dc3232 !important; }
.wpcf7-response-output { margin: 2em auto 1em; padding: .6em 1em; border: 2px solid #00a0d2; border-radius: 8px; color: #fff; width: 80%; }
.wpcf7-response-output.is-sent { border-color: #46b450; }
.wpcf7-response-output.is-invalid { border-color: #ffb900; }
@media (max-width: 905px) { .wpcf7-response-output { width: 100%; } }
.contact-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.cf-turnstile { margin: 0 0 1rem 0; }

/* Accessibilité */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: #fff; color: #000; clip: auto !important; clip-path: none; display: block; height: auto; left: 5px; top: 5px; padding: 15px 23px 14px; width: auto; z-index: 100000; }

/* Pages de texte (mentions légales, cookies) */
.mentions { margin: 8rem auto 0 auto; padding: 0 1rem 5rem 1rem; width: 100%; max-width: 1200px; color: #fff; }
.mentions p, .mentions li { color: #fff; }
.mentions h3, .mentions h4 { color: #fff; margin: 2rem 0 1rem; }
.mentions a { color: #fff; text-decoration: underline; }
.mentions-legales .hero-image { background-position: 65% 50%; }
.cookie-settings { cursor: pointer; font: inherit; }

/* Actualités : texte riche */
.ma-selection .selection--text p + p { margin-top: .8rem; }
.ma-selection .selection--text a { color: #fff; text-decoration: underline; }

/* 404 */
main.error-404 { display: flex; justify-content: center; align-items: center; }
.error--container__content { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 2rem; }

/* Bandeau de consentement aux couleurs du site */
#cc-main { --cc-font-family: "Poppins", sans-serif; --cc-bg: #111; --cc-primary-color: #fff; --cc-secondary-color: #c0c0c0; --cc-btn-primary-bg: #f9fafb; --cc-btn-primary-color: #000; --cc-btn-primary-hover-bg: #fff; --cc-btn-secondary-bg: #222; --cc-btn-secondary-color: #fff; --cc-btn-secondary-hover-bg: #333; --cc-separator-border-color: #333; --cc-toggle-on-bg: #fff; --cc-toggle-off-bg: #555; --cc-toggle-on-knob-bg: #000; --cc-cookie-category-block-bg: #1a1a1a; --cc-cookie-category-block-hover-bg: #222; }