/*
 * Page d'accueil — reproduction de la maquette v7 (thème 1.11.0).
 *
 * Tout est préfixé par « .soeurs-home » : ce CSS ne peut pas déborder sur le
 * reste du site. Seul le bloc :root, qui ne porte que des variables, reste
 * global — ses noms (--foret, --ivoire…) ne croisent aucun nom de Kadence.
 *
 * Couleurs de texte : les variantes « -texte » (contraste AA sur ivoire et
 * blanc) remplacent l'or, la terre et l'or clair de la maquette partout où
 * ils colorent du texte. Le pied de page du site est dans assets/pied.css.
 *
 * Chargé uniquement sur la page d'accueil, voir functions.php.
 */

:root{
    --foret:#2C3B2D;--ivoire:#F5F0E8;--or:#9A7B3C;--or-clair:#b89a5e;
    --terre:#8B7355;--sable:#D4C5A9;--foret-clair:#3a4d3b;--foret-fonce:#243024;
    --or-texte:var(--soeurs-or-texte,#7D6230);--terre-texte:var(--soeurs-terre-texte,#7E694D);--or-clair-texte:var(--soeurs-or-clair-texte,#BA9E64);--or-clair-degrade:var(--soeurs-or-clair-degrade,#CEB684);
  }
.soeurs-home *{margin:0;padding:0;box-sizing:border-box}
.soeurs-home{font-family:Calibri,Carlito,-apple-system,"Segoe UI",sans-serif;color:var(--foret);background:var(--ivoire);line-height:1.75;font-size:17px}
.soeurs-home h1, .soeurs-home h2, .soeurs-home h3, .soeurs-home h4, .soeurs-home .serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.soeurs-home a{color:var(--or-texte);text-decoration:none}
.soeurs-home a:hover{opacity:.8}
.soeurs-home img{display:block;max-width:100%;height:auto}
.soeurs-home .wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.soeurs-home .gold-icon{stroke:var(--or);fill:none;stroke-width:1.25}
.soeurs-home .section-label{text-align:center;color:var(--or-texte);letter-spacing:.28em;font-size:12.5px;text-transform:uppercase;margin-bottom:12px}
.soeurs-home .section-title{text-align:center;font-size:32px;margin-bottom:16px;font-style:italic;line-height:1.25}
.soeurs-home .section-sub{text-align:center;max-width:640px;margin:0 auto 40px;color:var(--terre-texte);font-size:16px}
.soeurs-home .bluf{max-width:720px;margin:0 auto 28px;background:#fff;border-left:2px solid var(--or);padding:14px 20px;font-size:15.5px;color:var(--foret)}

/* BANDEAU DE CONFIANCE */
.soeurs-home .trustbar{background:var(--foret-fonce);color:var(--sable)}
.soeurs-home .trustbar-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap}
.soeurs-home .trust-item{display:flex;align-items:center;gap:10px;padding:16px 26px;font-size:13px;border-right:1px solid rgba(212,197,169,.15)}
.soeurs-home .trust-item:last-child{border-right:none}
.soeurs-home .trust-item svg{flex-shrink:0;stroke:var(--or);fill:none;stroke-width:1.4}
.soeurs-home .trust-item b{color:var(--ivoire);font-weight:600}

/* BANDEAU PRINCIPAL */
.soeurs-home .hero{background:var(--foret);color:var(--ivoire);text-align:center;padding:84px 32px 100px;position:relative;overflow:hidden}
.soeurs-home .hero-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:620px;height:620px;opacity:.45;pointer-events:none}
.soeurs-home .hero-content{position:relative;z-index:2}
.soeurs-home .hero .kicker{color:var(--or-clair-texte);letter-spacing:.3em;font-size:12.5px;text-transform:uppercase;margin-bottom:26px}
.soeurs-home .hero h1{font-size:46px;line-height:1.18;max-width:860px;margin:0 auto 10px;color:#fff;font-style:italic}
.soeurs-home .flourish{margin:20px auto 22px;display:block}
.soeurs-home .hero .motto{font-family:Georgia,serif;font-style:italic;font-size:24px;color:var(--or-clair-texte);margin-bottom:14px;letter-spacing:.02em}
.soeurs-home .hero .lede{max-width:580px;margin:0 auto 38px;font-size:18.5px;color:var(--sable);line-height:1.8}
.soeurs-home .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.soeurs-home .btn{display:inline-block;border:1px solid var(--or);color:var(--ivoire);padding:15px 34px;text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;border-radius:40px;transition:.25s}
.soeurs-home .btn:hover{opacity:1;background:var(--or-clair-degrade);color:var(--foret)}
/* Bouton plein : or clair (et non l'or de la maquette) sous le texte Forêt, pour un contraste AA. */
.soeurs-home .btn-plein{background:var(--or-clair-degrade);border-color:var(--or-clair-degrade);color:var(--foret)}
.soeurs-home .btn-dark{border-color:var(--foret);color:var(--foret)}
.soeurs-home .btn-dark:hover{background:var(--foret);color:var(--ivoire)}
.soeurs-home .wave{display:block;width:100%;height:56px;margin-top:-1px}

/* TIRAGES */
.soeurs-home .tirages{padding:56px 0 40px}
.soeurs-home .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;max-width:880px;margin:0 auto}
.soeurs-home .tool-card{background:#fff;border:1px solid var(--sable);border-radius:60px 60px 14px 14px;padding:40px 30px 34px;text-align:center}
.soeurs-home .tool-card .ic{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;border:1px solid var(--sable);display:flex;align-items:center;justify-content:center;background:var(--ivoire)}
.soeurs-home .tool-card h3{font-size:23px;margin-bottom:10px}
.soeurs-home .tool-card p{font-size:15px;color:var(--terre-texte);line-height:1.6;margin-bottom:22px}

/* APPROCHE */
.soeurs-home .approche{padding:56px 0 40px;text-align:center}
.soeurs-home .approche p{max-width:720px;margin:0 auto 16px;color:var(--terre-texte);font-size:17px}
.soeurs-home .approche .bluf{text-align:left}

/* BANDES */
.soeurs-home .seo-bands{padding:30px 0 50px}
.soeurs-home .band{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:40px 0}
.soeurs-home .band.inverse .band-img{order:2}
.soeurs-home .band-img{background:var(--foret-clair);border-radius:24px;height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.soeurs-home .band-img > img{width:100%;height:100%;object-fit:cover}
/* Bande « La roue de l'année et les plantes » (1.11.6) : le cadre suit le ratio 3:2 de l'image, à toutes
   les largeurs, pour que la roue reste entière (une hauteur fixe la coupait sur ordinateur et tablette). */
.soeurs-home .band .band-img.band-img--entiere{height:auto;aspect-ratio:3/2}
/* Bande tarot : trois cartes du jeu Sœurs en éventail (aucun fichier composé). */
.soeurs-home .band-img.cartes{gap:0;padding:0 24px}
.soeurs-home .band-img.cartes img{width:31%;max-width:150px;height:auto;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.soeurs-home .band-img.cartes img:nth-child(1){transform:rotate(-9deg) translate(14px,10px)}
.soeurs-home .band-img.cartes img:nth-child(2){position:relative;z-index:2;transform:translateY(-6px)}
.soeurs-home .band-img.cartes img:nth-child(3){transform:rotate(9deg) translate(-14px,10px)}
.soeurs-home .band-txt .b-label{color:var(--or-texte);letter-spacing:.2em;font-size:11.5px;text-transform:uppercase;margin-bottom:10px}
.soeurs-home .band-txt h3{font-size:26px;font-style:italic;margin-bottom:14px;line-height:1.3}
.soeurs-home .band-tldr{background:#fff;border-left:2px solid var(--or);padding:14px 18px;margin-bottom:16px;font-size:15px;color:var(--foret)}
.soeurs-home .band-txt p{color:var(--terre-texte);font-size:16px;margin-bottom:12px}
.soeurs-home .band-txt .liens-band{display:flex;flex-wrap:wrap;gap:18px;margin-top:6px}
.soeurs-home .band-txt .liens-band a{font-size:12px;letter-spacing:.1em;text-transform:uppercase}

/* GUIDES ET DERNIERS ARTICLES (mêmes cartes) */
.soeurs-home .guides{padding:64px 0;background:#fff;border-top:1px solid var(--sable);border-bottom:1px solid var(--sable)}
/* Cartes centrées, 340 px au plus : une carte seule (guides pas encore publiés) ne s'étire pas sur toute la largeur (1.11.1). */
.soeurs-home .grid3{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.soeurs-home .art-card{flex:1 1 300px;max-width:340px;background:var(--ivoire);border:1px solid var(--sable);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
/* Bloc « Guides » en 4 cartes (12/10/2026, repris du CSS distant en 1.11.6) : 4 par ligne sur ordinateur,
   2 x 2 sur tablette, 1 colonne sur mobile. Les « Derniers articles » (3 cartes) ne changent pas. */
@media (min-width:1000px){.soeurs-home .guides .grid3 > .art-card{flex:1 1 0;max-width:none}}
@media (min-width:640px) and (max-width:999px){.soeurs-home .guides .grid3 > .art-card{flex:0 1 calc(50% - 12px);max-width:none}}
.soeurs-home .art-thumb{height:170px;background:var(--foret-clair);display:flex;align-items:center;justify-content:center;overflow:hidden}
.soeurs-home .art-thumb img{width:100%;height:100%;object-fit:cover}
.soeurs-home .art-body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.soeurs-home .art-cat{color:var(--or-texte);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;line-height:1.75;min-height:1.75em}
.soeurs-home .art-body h3{font-size:20px;line-height:1.28;margin-bottom:10px}
.soeurs-home .art-body h3 a{color:var(--foret)}
.soeurs-home .art-body p{font-size:14.5px;color:var(--terre-texte);flex:1}
.soeurs-home .art-link{margin-top:16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.soeurs-home .derniers{padding:64px 0;background:#fff;border-top:1px solid var(--sable)}

/* QUI ÉCRIT CES GUIDES ? */
.soeurs-home .about{padding:76px 0}
.soeurs-home .about-inner{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center;max-width:960px;margin:0 auto}
.soeurs-home .about-img{background:#fff;border:1px solid var(--sable);border-radius:18px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;padding:14px}
.soeurs-home .about-img img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.soeurs-home .about .label{color:var(--or-texte);letter-spacing:.24em;font-size:12px;text-transform:uppercase;margin-bottom:12px}
.soeurs-home .about h2{font-size:31px;font-style:italic;margin-bottom:18px}
.soeurs-home .about p{color:var(--terre-texte);margin-bottom:14px;font-size:16.5px}
.soeurs-home .about .signature{font-family:Georgia,serif;font-style:italic;color:var(--foret);font-size:20px;margin:18px 0 10px}

/* FAQ */
.soeurs-home .faq{padding:76px 0}
.soeurs-home .faq-list{max-width:800px;margin:30px auto 0}
.soeurs-home .faq-item{border-bottom:1px solid var(--sable)}
.soeurs-home .faq-q{width:100%;text-align:left;background:none;border:none;padding:22px 4px;font-family:Georgia,serif;font-size:19px;color:var(--foret);cursor:pointer;display:flex;justify-content:space-between;gap:16px}
.soeurs-home .faq-q:hover{color:var(--or-texte)}
.soeurs-home .faq-q .plus{color:var(--or);font-size:24px;transition:transform .2s;line-height:1;flex-shrink:0}
.soeurs-home .faq-item.open .faq-q .plus{transform:rotate(45deg)}
.soeurs-home .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s;color:var(--terre-texte);font-size:15.5px}
.soeurs-home .faq-item.open .faq-answer{max-height:420px}
.soeurs-home .faq-answer p{padding:0 4px 24px}
.soeurs-home .faq-answer a{text-decoration:underline}

/* MANIFESTE */
.soeurs-home .manifesto{background:var(--foret);color:var(--ivoire);text-align:center;padding:84px 32px}
.soeurs-home .manifesto blockquote{max-width:760px;margin:0 auto;font-family:Georgia,serif;font-size:25px;line-height:1.55;font-style:italic}
.soeurs-home .manifesto .sig{margin-top:28px;color:var(--or-clair-texte);letter-spacing:.22em;font-size:12px;text-transform:uppercase}

@media(max-width:820px){
.soeurs-home .hero{padding:64px 16px 80px}
.soeurs-home .hero h1{font-size:32px}
.soeurs-home .hero-rings{width:460px;height:460px}
.soeurs-home .about-inner{grid-template-columns:1fr;gap:28px}
.soeurs-home .band{grid-template-columns:1fr;gap:24px;padding:28px 0}
.soeurs-home .band.inverse .band-img, .soeurs-home .band-img{order:0;height:220px}
.soeurs-home .about-img{max-width:280px;margin:0 auto}
.soeurs-home .trust-item{border-right:none;padding:10px 18px}
.soeurs-home .wrap{padding:0 16px}
.soeurs-home .section-title{font-size:27px}
.soeurs-home .manifesto{padding:64px 16px}
.soeurs-home .manifesto blockquote{font-size:21px}
}


/* --------------------------------------------------------------------------
 * Kadence enferme le contenu dans un conteneur de 1290 px avec des marges
 * latérales. Les bandes de la maquette doivent aller d'un bord à l'autre :
 * on neutralise le conteneur sur la seule page d'accueil.
 * ----------------------------------------------------------------------- */
.home .content-container.site-container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.home .content-area { margin-top: 0; margin-bottom: 0; }
/* Sur mobile, Kadence décale l'article de -16 px de chaque côté (style « boxed ») :
   le contenu débordait de l'écran, masqué. Les bandes vont déjà d'un bord à l'autre. */
body.home .content-container article.entry.content-bg { margin-left: 0; margin-right: 0; }
.home .entry-content-wrap { padding: 0; }
.home .entry-header { display: none; }

/* --------------------------------------------------------------------------
 * Garde-fou sur les citations.
 *
 * Le contenu de l'accueil est rendu dans `.entry-content` : le style de
 * citation d'article de style.css (filet Or Bronze, couleur Forêt) retombait
 * donc sur la citation du manifesto, qui n'en veut pas — la maquette v7 la
 * veut centrée, sans filet, et claire sur fond sombre.
 * ----------------------------------------------------------------------- */
.soeurs-home blockquote {
	border: 0;
	background: transparent;
	padding: 0;
	color: inherit;
}

/* La bande Forêt impose ses propres couleurs plutôt que de compter sur
   l'héritage, qu'une règle plus spécifique peut toujours prendre de vitesse. */
.soeurs-home .manifesto,
.soeurs-home .manifesto blockquote {
	color: var(--ivoire);
}