/* SMQ Clair : compléments de mise en page (les composants du répertoire sont dans l'extension). */

:where(body) { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.wp-site-blocks > main, .wp-site-blocks > .wp-block-group:has(> main) { flex: 1 0 auto; }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* En-tête */
.smq-header .wp-block-site-title a { text-decoration: none; }
.smq-header .wp-block-navigation a { text-decoration: none; color: var(--wp--preset--color--ink); }
.smq-header .wp-block-navigation a:hover { text-decoration: underline; }
.smq-header .smq-nav-strong > a { font-weight: 700; }
.smq-header .smq-nav-outline > a { color: var(--wp--preset--color--primary) !important; font-weight: 700; padding: 10px 16px; border: 1.5px solid var(--wp--preset--color--primary); border-radius: 8px; }
.smq-header .smq-nav-outline > a:hover { background: var(--wp--preset--color--primary-soft); text-decoration: none; }
.smq-logo { display: block; }

/* Accueil */
.smq-hero > * { max-width: 1200px; }
.smq-pill { display: inline-block; width: auto !important; margin-right: auto !important; color: var(--wp--preset--color--ok); background: var(--wp--preset--color--ok-soft); padding: 6px 14px; border-radius: 999px; font-weight: 700; font-size: 15px; }
.smq-hero__title { max-width: 900px !important; margin-top: 20px !important; }
.smq-hero__lead { font-size: 22px; line-height: 1.5; color: var(--wp--preset--color--muted); max-width: 760px !important; }
.smq-hero .smq-search { margin-top: 32px; }
.smq-quick { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px !important; font-size: 15px; }
.smq-quick a { padding: 10px 16px; border-radius: 999px; background: var(--wp--preset--color--surface); border: 1px solid #CFC8BB; color: var(--wp--preset--color--ink); text-decoration: none; }
.smq-quick a:hover { border-color: var(--wp--preset--color--primary); }
.smq-step-num { width: 44px; height: 44px; border-radius: 999px; background: var(--wp--preset--color--primary-soft); color: var(--wp--preset--color--primary); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; margin: 0; }
.smq-step-num--ok { background: var(--wp--preset--color--ok-soft); color: var(--wp--preset--color--ok); }
.smq-steps h3 { margin-top: 12px; }
.smq-rules { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.smq-rules li { padding-left: 38px; position: relative; font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--muted); }
.smq-rules li strong { display: block; color: var(--wp--preset--color--ink); font-size: 18px; margin-bottom: 4px; }
.smq-rules li::before { content: ""; position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 999px; background: var(--wp--preset--color--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%231D4B57' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13.5l3.5 3.5L18 10'/%3E%3C/svg%3E") center/26px no-repeat; }
@media (max-width: 780px) { .smq-rules { grid-template-columns: 1fr; } .smq-trust, .smq-pro-cta { padding: 28px 22px !important; } }

/* Pages */
.smq-back { font-weight: 700; margin-bottom: 20px; }
.smq-back a { text-decoration: none; }

/* Pied de page */
.smq-footer { color: #C9D6D9; font-size: 15px; line-height: 1.6; }
.smq-footer a { color: #FFFFFF; }
.smq-footer__brand { color: #FFFFFF; font-size: 18px; font-weight: 700; margin: 0; }
.smq-footer__disclaimer, .smq-footer__crisis { max-width: 640px; }
.smq-footer__links { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.smq-footer__links a { text-decoration: none; }
.smq-footer__links a:hover { text-decoration: underline; }

/* Accessibilité : focus visible partout */
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #E0A93B; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Alignement à gauche du contenu du héros dans la zone de 1200 px */
.smq-hero > .smq-hero__title, .smq-hero > .smq-hero__lead, .smq-hero > .smq-pill { margin-inline-start: max(0px, calc((100% - 1200px) / 2)) !important; margin-inline-end: auto !important; }