/*
Theme Name: Imparfaites
Theme URI: https://imparfaites.be
Author: Chrystelle Charlier
Description: Thème bloc léger d'Imparfaites, charte graphique v1 (octobre 2026) : Fraunces + Inter auto-hébergées, rouge, rose, crème, motif au trait.
Version: 1.3.4
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: imparfaites
*/

/* Petits ajustements que theme.json ne couvre pas */
.wp-block-post-title em, h1 em, h2 em, h3 em, .imp-accent em { font-weight: 400; font-style: italic; color: var(--wp--preset--color--anthracite); }
.has-rouge-background-color h1 em, .has-rouge-background-color h2 em, .has-rouge-background-color p em { color: var(--wp--preset--color--rose); }
.imp-eyebrow { font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--rouge); margin: 0; }
.imp-header { border-bottom: 1px solid var(--wp--preset--color--filet); }
.imp-hero { background-image: url("assets/images/motif.jpg"); background-size: cover; background-position: center; }
.imp-hero .imp-hero-card { background: rgba(252,249,244,.93); }
.imp-card .wp-block-post-featured-image img { aspect-ratio: 4/3; object-fit: cover; border-radius: 3px; transition: opacity .2s; }
.imp-card .wp-block-post-featured-image a:hover img { opacity: .88; }
.imp-card .wp-block-post-title a:hover { color: var(--wp--preset--color--rouge); }
.imp-pilier + .imp-pilier { border-top: 1px solid var(--wp--preset--color--filet); }
.imp-footer a { color: inherit; }
.wp-block-button.is-style-outline > .wp-block-button__link { border: 1.5px solid currentColor; background: transparent; color: var(--wp--preset--color--rouge); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--rouge); color: #fff; }
.has-rouge-background-color .wp-block-button__link { background: #fff; color: var(--wp--preset--color--rouge); }
.has-rouge-background-color .wp-block-button__link:hover { background: var(--wp--preset--color--anthracite); color: #fff; }
.wp-block-comment-template { padding-left: 0; }
.wp-block-comment-template li { list-style: none; }
.wp-block-post-content img { border-radius: 3px; }
:where(.wp-block-post-content) a { text-underline-offset: .15em; }
:focus-visible { outline: 2px solid var(--wp--preset--color--rouge); outline-offset: 2px; }

/* Espace pro : liste presse */
.imp-press a { text-decoration: none; }
.imp-press a:hover { color: var(--wp--preset--color--anthracite); }
.imp-press-card img { object-position: top center; border: 1px solid var(--wp--preset--color--filet); border-radius: 3px; transition: opacity .2s; }
.imp-press-card a:hover img { opacity: .85; }

/* FAQ et illustration */
.wp-block-details summary { font-weight: 600; font-size: 1.05rem; cursor: pointer; }
.wp-block-details[open] summary { color: var(--wp--preset--color--rouge); }
.imp-illu img { border-radius: 4px; width: 100%; height: auto; }

/* ===== Accueil v2 (épurée, inspiration magazine) ===== */
/* Pastilles de rubriques */
.imp-chips p { margin: 0; }
.imp-chips a { display: inline-block; padding: .45rem 1rem; border: 1.5px solid var(--wp--preset--color--anthracite); border-radius: 999px; font-size: .8rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; color: var(--wp--preset--color--anthracite); transition: background .2s, color .2s; }
.imp-chips a:hover { background: var(--wp--preset--color--rouge); border-color: var(--wp--preset--color--rouge); color: #fff; }

/* Article à la une */
.imp-une { background: #fff; border-radius: 4px; overflow: hidden; }
.imp-une .wp-block-post-featured-image { margin: 0; height: 100%; }
.imp-une .wp-block-post-featured-image img { border-radius: 0; }
.imp-une .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--anthracite); }
.imp-une .wp-block-post-title a:hover { color: var(--wp--preset--color--rouge); }

/* Cartes du fil : fond blanc, pastille de rubrique qui chevauche l'image */
.imp-card--fil { background: #fff; border-radius: 4px; overflow: hidden; height: 100%; }
.imp-card--fil .wp-block-post-featured-image { margin: 0; }
.imp-card--fil .wp-block-post-featured-image img { border-radius: 0; }
.imp-card--fil .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--anthracite); }
.imp-card--fil .wp-block-post-title a:hover { color: var(--wp--preset--color--rouge); }
.imp-sticker { position: relative; margin-top: -1rem !important; margin-left: -.4rem; display: inline-block; transform: rotate(-2deg); }
.imp-sticker a { display: inline-block; background: var(--wp--preset--color--rouge); color: #fff; padding: .25rem .65rem; font-family: var(--wp--preset--font-family--fraunces); font-style: italic; font-weight: 700; font-size: .95rem; text-decoration: none; }
.wp-block-post-template > li:nth-child(3n+2) .imp-sticker a { background: var(--wp--preset--color--rose); color: var(--wp--preset--color--rouge); }
.imp-sticker a:not(:first-of-type), .imp-sticker .wp-block-post-terms__separator { display: none; }
@media (max-width: 781px) { .imp-une .wp-block-column { flex-basis: 100% !important; } }

/* Encart coaching (rubrique S'aimer enfin) */
.imp-encart-coaching { margin-top: var(--wp--preset--spacing--50); padding: 1.6rem 1.8rem; background: var(--wp--preset--color--rose); border-left: 4px solid var(--wp--preset--color--rouge); border-radius: 4px; }
.imp-encart-coaching p { margin: 0 0 .6rem; }
.imp-encart-coaching .imp-encart-titre { font-family: var(--wp--preset--font-family--fraunces); font-weight: 700; font-size: 1.5rem; line-height: 1.2; color: var(--wp--preset--color--rouge); }
.imp-encart-coaching .imp-encart-lien { font-weight: 600; text-decoration: none; }

/* Formulaire liste d'attente (Mailchimp, sans extension) */
.imp-form { display: grid; gap: 1rem; }
.imp-form__ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.imp-form label { display: grid; gap: .35rem; font-size: .85rem; font-weight: 600; letter-spacing: .04em; }
.imp-form input[type=text], .imp-form input[type=email] { font: inherit; font-weight: 400; padding: .8rem 1rem; border: 1.5px solid var(--wp--preset--color--anthracite); border-radius: 2px; background: #fff; }
.imp-form input:focus { outline: 2px solid var(--wp--preset--color--rouge); outline-offset: 1px; }
.imp-form .imp-form__accord { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; letter-spacing: 0; font-size: .85rem; }
.imp-form .imp-form__accord input { margin-top: .2rem; accent-color: var(--wp--preset--color--rouge); }
.imp-form button { justify-self: start; border: 0; cursor: pointer; }
@media (max-width: 600px) { .imp-form__ligne { grid-template-columns: 1fr; } }

/* Réseaux sociaux */
.imp-social-header { margin: 0; }
.imp-social-header .wp-social-link svg { width: 20px; height: 20px; }
.imp-social-footer { margin-top: 1rem; }
.imp-social-footer .wp-social-link svg { width: 22px; height: 22px; }
.wp-block-social-links .wp-social-link a:hover { opacity: .7; }
@media (max-width: 781px) { .imp-social-header { display: none; } }