/*
Theme Name: Distrieau
Theme URI: https://www.distrieau.com
Author: Distrieau
Description: Thème Distrieau — reprend la direction artistique du site d'origine (assets/site.css), optimisé SEO.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: distrieau
*/
/* Ajouts WordPress uniquement : le design d'origine est dans assets/site.css */
.page.active{display:block}
body.admin-bar header#hdr{top:32px}
@media(max-width:782px){body.admin-bar header#hdr{top:46px}}
header#hdr .logo img{display:block}
.content-page .article-container{padding-top:48px}
.page-hero .breadcrumb a{cursor:pointer}
.article-body h2{font-family:'DM Serif Display',serif;font-size:1.7rem;color:var(--navy);margin:36px 0 14px;line-height:1.15}
.article-body h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin:26px 0 10px}
.article-body img{border-radius:12px;margin:18px 0}
.article-body figure{margin:22px 0}
.article-body details{border:1.5px solid var(--gray2);border-radius:12px;padding:14px 18px;margin:0 0 10px}
.article-body details summary{font-weight:700;color:var(--navy);cursor:pointer}
.article-body .wp-block-button__link,.article-body .btn-devis{display:inline-block;background:linear-gradient(135deg,#1ABAFF,#0E5CA5);color:#fff!important;padding:12px 24px;border-radius:10px;font-weight:600;text-decoration:none}
.blog-pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}
.blog-pagination .page-numbers{padding:8px 14px;border:1.5px solid var(--gray2);border-radius:8px;text-decoration:none;color:var(--navy)}
.blog-pagination .current{background:var(--blue2);color:#fff;border-color:var(--blue2)}
#cc-banner{position:fixed;left:20px;bottom:20px;z-index:99999;max-width:420px;background:#040F1F;color:#fff;border:1px solid rgba(26,186,255,.25);border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35);font-family:'Sora',sans-serif}
#cc-banner[hidden]{display:none}
#cc-banner .cc-title{font-weight:700;font-size:.98rem;margin-bottom:8px}
#cc-banner p{font-size:.8rem;line-height:1.6;color:rgba(255,255,255,.72);margin:0 0 16px}
#cc-banner p a{color:#1ABAFF;text-decoration:underline}
#cc-banner .cc-actions{display:flex;gap:10px}
#cc-banner button{flex:1;cursor:pointer;font:600 .84rem 'Sora',sans-serif;padding:11px 14px;border-radius:9px;border:1.5px solid #1ABAFF}
#cc-banner .cc-refuse{background:transparent;color:#fff}
#cc-banner .cc-accept{background:#1ABAFF;color:#040F1F}
@media(max-width:600px){#cc-banner{left:12px;right:12px;bottom:12px;max-width:none}}

/* body.page = classe WordPress, ne doit pas être masquée */
body.page{display:block}

.article-container .breadcrumb span{color:var(--gray3)}
.article-container .breadcrumb{display:flex;gap:8px}

/* Le calque d'animation des cartes ne doit pas bloquer les clics */
.sol-card::before{pointer-events:none}
.sol-card>*{position:relative}


/* === Correctifs SEO / mise en page (nov. 2026) === */
.client-selector-title h1{animation:none;color:#fff;margin:0;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.2}
.client-selector-title h1 em{color:var(--aqua);font-style:italic}
header .logo{margin-right:1.5rem}
@media(max-width:1400px){nav{gap:1.1rem}}
@media(max-width:1280px) and (min-width:961px){nav{gap:.85rem}nav a{font-size:.78rem}.header-ctas .btn-primary{display:none}}
.av-card p a{color:#0A7CC4;font-weight:600;text-decoration:none}
.av-card p a:hover{text-decoration:underline}
.page-hero h2{color:#fff}
@media(max-width:600px){.gamme-imgs{flex-wrap:wrap}.gamme-img-main,.gamme-img-side{flex:1 1 100%;min-width:0}.gamme-imgs img{max-width:100%;height:auto}}
@media(max-width:600px){.modeles-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.header-ctas .btn-outline{display:none}header .logo img{height:30px!important}}