/* =========================================================================
   EMBELLIE-TOIT — Design system (Digitalarc)
   Palette : #0f2b42 navy · #fcc135 gold · #ecf0f1 light · #ffffff
   Titres : Bricolage Grotesque · Corps : Mulish
   Signature : transitions de section « pente de toit »
   ========================================================================= */
:root{
  --navy:#0f2b42; --navy-700:#16395a; --navy-600:#1b3e5e; --navy-soft:#1c3e5c;
  --gold:#fcc135; --gold-600:#e9ad1f; --gold-100:#fff3d4;
  --light:#ecf0f1; --light-200:#f5f7f8; --white:#ffffff;
  --ink:#13212e; --muted:#5a6b78; --line:#e2e8ec;
  --maxw:1180px; --radius:16px; --radius-sm:10px;
  --shadow:0 18px 50px -22px rgba(15,43,66,.35); --shadow-sm:0 8px 24px -14px rgba(15,43,66,.3);
  --ff-display:"Bricolage Grotesque",system-ui,sans-serif;
  --ff-body:"Mulish",system-ui,sans-serif;
  --sp:clamp(64px,8vw,116px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.et-site{font-family:var(--ff-body);color:var(--ink);background:var(--white);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.et-site h1,.et-site h2,.et-site h3,.et-site h4{font-family:var(--ff-display);color:var(--navy);line-height:1.08;letter-spacing:-.015em;font-weight:700}
.et-site h2{font-size:clamp(1.9rem,3.6vw,2.85rem);font-weight:800}
.et-site h3{font-size:clamp(1.25rem,2vw,1.55rem)}
.et-site a{color:var(--navy);text-decoration-color:rgba(252,193,53,.5);text-underline-offset:3px}
.et-site p{margin:0 0 1rem}
img{max-width:100%;height:auto}

/* ---------- Topbar urgences ---------- */
.et-topbar{background:linear-gradient(90deg,#0c2438,#16395a);color:#dfe8ee;font-family:var(--ff-body);font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.06)}
.et-topbar__inner{max-width:var(--maxw);margin:0 auto;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.et-topbar__msg{display:inline-flex;align-items:center;gap:9px;font-weight:600;letter-spacing:.01em}
.et-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(252,193,53,.7);animation:etpulse 2s infinite}
@keyframes etpulse{0%{box-shadow:0 0 0 0 rgba(252,193,53,.55)}70%{box-shadow:0 0 0 7px rgba(252,193,53,0)}100%{box-shadow:0 0 0 0 rgba(252,193,53,0)}}
.et-topbar__tel{color:#fff;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.et-topbar__tel svg{color:var(--gold)}
@media(max-width:600px){.et-topbar__msg{font-size:.78rem}.et-topbar__msg .et-hide-xs{display:none}}

/* ---------- Header / navigation GeneratePress ---------- */
.et-site .site-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(8px);box-shadow:0 1px 0 var(--line);transition:box-shadow .25s,padding .25s}
.et-site.et-scrolled .site-header{box-shadow:var(--shadow-sm)}
.et-site .inside-header{padding-top:14px;padding-bottom:14px}
.et-site .site-logo img,.et-site .header-image{max-height:62px;width:auto;transition:max-height .25s}
.et-site.et-scrolled .site-logo img{max-height:52px}
.et-site .main-navigation{background:transparent}
.et-site .main-navigation .main-nav>ul>li>a{font-family:var(--ff-body);font-weight:700;color:var(--navy);font-size:.96rem;text-decoration:none}
.et-site .main-navigation .main-nav>ul>li>a:hover{color:var(--gold-600)}
.et-site .main-navigation .sub-menu{border-top:3px solid var(--gold);box-shadow:var(--shadow);border-radius:0 0 12px 12px}
/* bouton "Devis gratuit" dans le menu */
.et-site .main-navigation .menu-item-devis>a{background:var(--gold);color:var(--navy)!important;border-radius:999px;padding:7px 16px!important;font-size:.9rem;line-height:1.2;font-weight:800;margin-left:6px;transition:transform .15s,box-shadow .15s,background .15s}
.et-site .main-navigation .menu-item-devis>a:hover{background:var(--gold-600);transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(233,173,31,.8)}
/* lien téléphone dans le menu */
.et-site .menu-item-tel>a{color:var(--navy)!important;font-weight:800}
.et-site .menu-item-tel>a::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#19a463;vertical-align:middle}

/* ---------- Boutons ---------- */
.et-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--ff-body);font-weight:800;font-size:1rem;line-height:1;padding:16px 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s,color .15s}
.et-btn--primary{background:var(--gold);color:var(--navy);box-shadow:0 14px 30px -14px rgba(233,173,31,.9)}
.et-btn--primary:hover{background:var(--gold-600);transform:translateY(-2px)}
.et-btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.et-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.et-btn--dark{background:var(--navy);color:#fff}
.et-btn--dark:hover{background:var(--navy-700);transform:translateY(-2px)}
.et-btn--lg{padding:18px 34px;font-size:1.06rem}

/* ---------- Sections & signature « pente de toit » ---------- */
.et-section{padding:var(--sp) 22px;position:relative}
.et-wrap{max-width:var(--maxw);margin:0 auto}
.et-section--light{background:var(--light)}
.et-section--navy{background:var(--navy);color:#e8eef3}
.et-section--navy h2,.et-section--navy h3{color:#fff}
.et-section--navy p{color:#c4d2dd}
.et-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-body);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-600);margin-bottom:14px}
.et-section--navy .et-eyebrow{color:var(--gold)}
.et-eyebrow::before{content:"";width:26px;height:2px;background:var(--gold)}
.et-lead{font-size:1.12rem;color:var(--muted);max-width:62ch}
.et-section--navy .et-lead{color:#bcccd8}
/* découpe diagonale "pente de toit" en haut d'une section */
.et-pente{position:relative}
.et-pente::before{content:"";position:absolute;left:0;right:0;top:-1px;height:clamp(40px,6vw,90px);background:inherit;transform:skewY(-2.4deg);transform-origin:top left;z-index:0}
.et-pente>*{position:relative;z-index:1}
.et-section--navy.et-pente::before{background:var(--navy)}
.et-section--light.et-pente::before{background:var(--light)}

/* ---------- Hero ---------- */
.et-hero{position:relative;color:#fff;background:var(--navy);overflow:hidden}
.et-hero__bg{position:absolute;inset:0;z-index:0}
.et-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.42}
.et-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(10,30,48,.94) 38%,rgba(10,30,48,.5) 100%)}
.et-hero__inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:clamp(56px,8vw,104px) 22px clamp(64px,9vw,112px)}
.et-hero__col{max-width:660px}
.et-hero h1{color:#fff;font-size:clamp(2.3rem,5.1vw,3.7rem);font-weight:800;letter-spacing:-.02em;margin:0 0 18px}
.et-hero h1 em{font-style:normal;color:var(--gold);position:relative}
.et-hero__sub{font-size:1.2rem;color:#cfdbe5;max-width:54ch;margin:0 0 28px}
.et-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.et-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:700;font-size:.95rem;color:#dce6ee}
.et-hero__trust span{display:inline-flex;align-items:center;gap:8px}
.et-hero__trust svg{color:var(--gold);flex:none}

/* ---------- Stats ---------- */
.et-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.et-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:22px 20px;text-align:center}
.et-stat__n{font-family:var(--ff-display);font-weight:800;font-size:2.1rem;color:var(--gold);line-height:1}
.et-stat__l{font-size:.9rem;color:#cdd9e2;margin-top:6px;font-weight:600}
@media(max-width:760px){.et-stats{grid-template-columns:repeat(2,1fr)}}

/* ---------- Cartes services ---------- */
.et-grid{display:grid;gap:22px}
.et-grid--3{grid-template-columns:repeat(3,1fr)}
.et-grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.et-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.et-grid--3,.et-grid--2{grid-template-columns:1fr}}
.et-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.et-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
.et-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--light)}
.et-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.et-card:hover .et-card__media img{transform:scale(1.06)}
.et-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.et-card__body h3{margin:0}
.et-card__body p{color:var(--muted);font-size:.97rem;margin:0}
.et-card__link{margin-top:auto;font-weight:800;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding-top:6px}
.et-card__link::after{content:"→";color:var(--gold-600);transition:transform .2s}
.et-card:hover .et-card__link::after{transform:translateX(4px)}

/* ---------- Liste bénéfices ---------- */
.et-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.et-checks li{position:relative;padding-left:34px;font-weight:600}
.et-checks li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--gold-100);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9ad1f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}

/* ---------- Bloc « answer card » (AEO) ---------- */
.et-answer{background:var(--light-200);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:20px 24px;font-size:1.05rem;color:var(--ink)}
.et-answer strong{color:var(--navy)}

/* ---------- Avis ---------- */
.et-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.et-reviews{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.et-reviews{grid-template-columns:1fr}}
.et-review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
.et-review__stars{color:var(--gold);letter-spacing:2px;font-size:1.05rem}
.et-review__txt{color:#33454f;font-size:.98rem;margin:10px 0 16px}
.et-review__who{display:flex;align-items:center;gap:12px}
.et-review__ini{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--ff-display)}
.et-review__name{font-weight:800;color:var(--navy);font-size:.96rem}
.et-rating-badge{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 20px;box-shadow:var(--shadow-sm);font-weight:700}
.et-rating-badge b{font-family:var(--ff-display);font-size:1.5rem;color:var(--navy)}
.et-rating-badge .et-review__stars{font-size:1rem}

/* ---------- FAQ (accordéon natif) ---------- */
.et-faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.et-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.et-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:var(--ff-display);font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:14px}
.et-faq summary::-webkit-details-marker{display:none}
.et-faq summary::after{content:"+";font-size:1.5rem;color:var(--gold-600);line-height:1;transition:transform .2s}
.et-faq details[open] summary::after{transform:rotate(45deg)}
.et-faq details>div{padding:0 22px 20px;color:var(--muted)}

/* ---------- Bande CTA ---------- */
.et-ctaband{background:linear-gradient(120deg,var(--navy),#16395a);color:#fff;border-radius:22px;padding:clamp(32px,5vw,52px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:var(--shadow)}
.et-ctaband h2{color:#fff;margin:0 0 6px}
.et-ctaband p{color:#c4d2dd;margin:0}
.et-ctaband__actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Zones ---------- */
.et-zones{columns:4;column-gap:24px}
@media(max-width:900px){.et-zones{columns:2}}
@media(max-width:520px){.et-zones{columns:1}}
.et-zones li{list-style:none;padding:7px 0 7px 22px;position:relative;font-weight:600;break-inside:avoid}
.et-zones li::before{content:"";position:absolute;left:0;top:13px;width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}

/* ---------- Footer ---------- */
.et-site .site-footer{background:var(--navy);color:#aebecb}
.et-site .site-footer a{color:#cfdae3;text-decoration:none}
.et-site .site-footer a:hover{color:var(--gold)}
.et-footer{max-width:var(--maxw);margin:0 auto;padding:64px 22px 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
@media(max-width:820px){.et-footer{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.et-footer{grid-template-columns:1fr}}
.et-footer__logo{background:#fff;border-radius:12px;padding:14px 16px;display:inline-block;margin-bottom:16px}
.et-footer__logo img{max-height:54px;width:auto;display:block}
.et-footer h4{color:#fff;font-size:1rem;margin:0 0 14px;font-family:var(--ff-display)}
.et-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.95rem}
.et-footer__nap{font-size:.95rem;line-height:1.7}
.et-footer__nap a{font-weight:700;color:#fff}
.et-footbar{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:18px;color:#8aa0b0;font-size:.85rem}

/* ---------- Barre d'appel flottante (mobile) ---------- */
.et-callbar{position:fixed;left:0;right:0;bottom:0;z-index:200;display:none;gap:0;background:var(--navy);box-shadow:0 -8px 30px -10px rgba(0,0,0,.5)}
.et-callbar__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-family:var(--ff-body);font-weight:800;text-decoration:none;font-size:1rem}
.et-callbar__call{background:#0f2b42;color:#fff}
.et-callbar__devis{background:#fcc135;color:#0f2b42;box-shadow:inset 1px 0 0 rgba(255,255,255,.18)}
@media(max-width:768px){.et-callbar{display:flex}body.et-site{padding-bottom:56px}}

/* ---------- Reveal au scroll (gated par .et-js → contenu visible si pas de JS) ---------- */
.et-js .et-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.et-js .et-reveal.et-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.et-js .et-reveal{opacity:1!important;transform:none!important;transition:none}.et-dot{animation:none}}

/* =========================================================================
   BRIDGE GeneratePress + Gutenberg (pages full-bleed éditables)
   ========================================================================= */
.et-fullwidth .content-area{width:100%!important}
.et-fullwidth .inside-article{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.et-fullwidth .entry-content{margin:0;max-width:100%}
.et-fullwidth .site-main .wp-block-group__inner-container{padding:0}
/* full-bleed réel : les blocs alignfull occupent toute la largeur de l'écran */
.et-fullwidth .entry-content .alignfull{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important}
.et-fullwidth .entry-content>*{margin-top:0;margin-bottom:0}
/* le conteneur principal ne contraint plus la home */
.et-fullwidth .site.grid-container{max-width:100%;padding-left:0;padding-right:0}
/* masquer l'image à la une native du thème (le hero la remplace) — gardée pour l'OG/social */
.et-site .featured-image,.et-site .page-header-image{display:none!important}

/* ---------- Hero via bloc core/cover (éditable) ---------- */
.et-hero.wp-block-cover{min-height:clamp(540px,72vh,690px);align-items:center;color:#fff;padding:0;border-radius:0}
.et-hero.wp-block-cover .wp-block-cover__inner-container{max-width:var(--maxw);margin-inline:auto;width:100%;padding:clamp(44px,6vw,64px) 22px}
.et-hero .et-hero__col{max-width:680px}
.et-hero.wp-block-cover h1{color:#fff;font-size:clamp(2.3rem,5.1vw,3.7rem);font-weight:800;letter-spacing:-.02em;margin:0 0 18px}
.et-hero .et-hero__col>.et-eyebrow{margin-bottom:14px}

/* ---------- Boutons core (éditables) ---------- */
.et-site .wp-block-buttons{gap:14px}
.et-site .wp-block-button__link{font-family:var(--ff-body);font-weight:800;border-radius:999px;padding:15px 28px;font-size:1rem;line-height:1.1;transition:transform .15s,box-shadow .15s,background .15s}
.et-site .wp-block-button__link:hover{transform:translateY(-2px)}
.et-site .wp-block-button.is-style-outline .wp-block-button__link{border:2px solid rgba(255,255,255,.6);color:#fff;background:transparent}
.et-site .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.et-site .et-btn-gold .wp-block-button__link{background:var(--gold);color:var(--navy);box-shadow:0 14px 30px -14px rgba(233,173,31,.9)}
.et-site .et-btn-gold .wp-block-button__link:hover{background:var(--gold-600)}
.et-site .et-btn-navy .wp-block-button__link{background:var(--navy);color:#fff}

/* ---------- Bridge blocs : colonnes, images, groupes ---------- */
.et-site .entry-content{font-size:17px}
.et-fullwidth .entry-content h2{margin-top:0}
.et-site .wp-block-columns{gap:22px}
.et-site .et-imground img{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.et-prose{max-width:760px;margin-inline:auto}
.et-prose h2{margin-top:2.2em}
.et-prose h2:first-child{margin-top:0}

/* ---------- Têtes de section + étapes ---------- */
.et-section__head{text-align:center;max-width:760px;margin:0 auto clamp(34px,4vw,48px)}
.et-section__head .et-eyebrow{justify-content:center}
.et-section__head .et-lead{margin-inline:auto}
.et-site .et-section .wp-block-buttons{margin-top:36px}
.et-grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:6px}
@media(max-width:900px){.et-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.et-grid--4{grid-template-columns:1fr}}
.et-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}
.et-step__n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--ff-display);font-weight:800;font-size:1.15rem;margin-bottom:13px}
.et-step h3{margin:0 0 6px}
.et-step p{color:var(--muted);margin:0;font-size:.95rem}
.et-urg-cta{margin-top:6px}
.et-section--navy .et-step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.et-section--navy .et-step p{color:#bcccd8}
/* image en colonne : coins arrondis homogènes */
.et-site .wp-block-column .et-imground img{width:100%}
/* la 1re colonne (texte) garde une largeur lisible */
.et-section .wp-block-columns{align-items:center;gap:clamp(24px,4vw,48px)}

/* ---------- Utilitaires pages services / contenu ---------- */
.et-checks--2col{columns:2;column-gap:32px}
@media(max-width:620px){.et-checks--2col{columns:1}}
.et-checks--2col li{break-inside:avoid;margin-bottom:4px}
.et-answer-wrap{max-width:820px;margin:0 auto}
.et-prose p{margin:0 0 1.1rem}
.et-prose li{margin:.2rem 0}
.et-breadcrumb{font-size:.86rem;color:#cfdbe5;margin-bottom:6px}
.et-breadcrumb a{color:#cfdbe5;text-decoration:none}
.et-breadcrumb a:hover{color:var(--gold)}

/* ---------- Zones (pôles) ---------- */
.et-poles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:820px){.et-poles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.et-poles{grid-template-columns:1fr}}
.et-pole{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.et-pole h3{margin:0 0 8px;font-size:1.12rem}
.et-pole .et-zones{columns:1}
.et-pole .et-zones li{padding:5px 0 5px 20px}

/* ---------- Galerie réalisations ---------- */
.et-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:820px){.et-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.et-gallery{grid-template-columns:1fr}}
.et-gal{margin:0;border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow-sm)}
.et-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s}
.et-gal:hover img{transform:scale(1.05)}
.et-gal figcaption{position:absolute;inset:auto 0 0 0;padding:34px 18px 14px;background:linear-gradient(transparent,rgba(9,27,44,.88));color:#fff;display:flex;flex-direction:column;gap:2px}
.et-gal figcaption strong{font-family:var(--ff-display);font-weight:700}
.et-gal figcaption span{font-size:.84rem;color:var(--gold)}

/* ---------- Contact ---------- */
.et-contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm)}
.et-contact-card h3{margin:0 0 16px}
.et-contact-line{margin:0 0 12px;font-size:1.02rem}

/* ---------- Aide à choisir ---------- */
.et-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:620px){.et-help-grid{grid-template-columns:1fr}}
.et-help-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.et-help-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.et-help-card h3{margin:0 0 8px}
.et-help-card p{color:var(--muted);margin:0 0 12px}
.et-help-card__go{font-weight:800;color:var(--gold-600)}

/* ---------- Tableau comparatif ---------- */
.et-compare{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.et-compare th,.et-compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}
.et-compare thead th{background:var(--navy);color:#fff;font-family:var(--ff-display)}
.et-compare tbody tr:last-child td{border-bottom:0}
.et-compare td:first-child{font-weight:700;color:var(--navy)}
.et-verdict{background:var(--gold-100);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:20px 24px;margin-top:24px}

/* ---------- Formulaire devis (WPForms) ---------- */
.et-formcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,3vw,34px);box-shadow:var(--shadow)}
.et-formcard .wpforms-field{padding:9px 0}
.et-formcard .wpforms-field-label{font-family:var(--ff-body);font-weight:700;color:var(--navy);font-size:.95rem}
.et-formcard .wpforms-field input,.et-formcard .wpforms-field select,.et-formcard .wpforms-field textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:10px!important;border:1px solid var(--line)!important;background:var(--light-200)!important;padding:14px 16px!important;font-family:var(--ff-body)!important;font-size:1rem!important;height:auto!important;line-height:1.35!important}
.et-formcard textarea{min-height:128px!important}
/* neutralise les largeurs « medium/small » de WPForms */
.et-formcard .wpforms-field-medium,.et-formcard .wpforms-field-small,.et-formcard .wpforms-field-large{max-width:100%!important;width:100%!important}
/* champ Nom : prénom / nom côte à côte, chacun pleine largeur de sa colonne */
.et-formcard .wpforms-field-row{display:flex;gap:14px;flex-wrap:wrap}
.et-formcard .wpforms-field-row .wpforms-field-row-block{flex:1 1 45%;width:auto!important;float:none!important;margin:0!important}
.et-formcard input:focus,.et-formcard select:focus,.et-formcard textarea:focus{border-color:var(--gold)!important;background:#fff!important;outline:none}
.et-formcard ::placeholder{color:#8a9aa6;opacity:1}
.et-formcard .wpforms-field-sublabel{font-size:.82rem;color:var(--muted)}
.et-formcard .wpforms-submit{background:var(--gold)!important;color:var(--navy)!important;border:0!important;border-radius:999px!important;font-weight:800!important;padding:15px 32px!important;font-family:var(--ff-body)!important;font-size:1rem!important;cursor:pointer;transition:background .15s,transform .15s}
.et-formcard .wpforms-submit:hover{background:var(--gold-600)!important;transform:translateY(-2px)}
.et-formcard .wpforms-confirmation-container-full{background:var(--gold-100);border:1px solid var(--gold);border-radius:12px;padding:22px}

/* =========================================================================
   POLISH MOBILE (≤ 768px)
   ========================================================================= */
@media(max-width:768px){
  /* sur mobile, on masque le bouton flottant « rouvrir les cookies » (conflit avec la barre d'appel) ; un lien « Cookies » est dispo dans le footer */
  .cky-btn-revisit-wrapper{display:none!important}
  /* hero plus compact, titre qui respire */
  .et-hero.wp-block-cover{min-height:auto!important}
  .et-hero.wp-block-cover .wp-block-cover__inner-container{padding:84px 18px 40px}
  .et-hero h1{font-size:clamp(1.85rem,7.6vw,2.4rem)}
  .et-hero__sub{font-size:1.04rem}
  .et-hero__trust{font-size:.86rem;gap:6px 14px}
  .et-section{padding-left:18px;padding-right:18px}
  .et-topbar{font-size:.8rem}
  .et-topbar__inner{padding:7px 15px;gap:8px}
  .et-compare th,.et-compare td{padding:11px 12px;font-size:.9rem}
  .et-ctaband{flex-direction:column;text-align:center;align-items:stretch}
  .et-ctaband__actions{justify-content:center}
  .et-footer{padding-bottom:24px}
}
@media(max-width:600px){
  .et-hero .wp-block-buttons,.et-section .wp-block-buttons,.et-ctaband__actions{flex-direction:column;align-items:stretch;width:100%}
  .et-hero .wp-block-button,.et-section .wp-block-button{width:100%}
  .et-hero .wp-block-button__link,.et-section .wp-block-button__link{width:100%;justify-content:center}
  .et-stat__n{font-size:1.8rem}
  .et-section h2{font-size:clamp(1.6rem,6.5vw,2rem)}
}

/* =========================================================================
   REFONTE HOME + CORRECTIONS UX (Digitalarc — juin 2026)
   ========================================================================= */
/* HOME — formulaire WPForms intégré dans le hero */
.et-hero__form{margin:24px 0 16px;max-width:540px;text-align:left}
.et-hero .et-formcard{padding:clamp(18px,2.4vw,26px)}
.et-hero__call .wp-block-button__link{width:auto}
@media(max-width:768px){
  .et-hero__form{display:none}
  .et-hero .et-hero__call .wp-block-button__link{width:100%;justify-content:center}
}
/* HOME — bande de confiance */
.et-trustband{padding-top:26px!important;padding-bottom:26px!important;border-bottom:1px solid var(--line);background:#fff}
.et-trust-line{margin:0;font-weight:700;color:var(--navy);font-size:1.04rem;letter-spacing:.01em}
/* HOME — réassurance sociale 2x2 */
.et-feats{margin-top:6px}
.et-feat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm)}
.et-feat__i{font-size:1.9rem;line-height:1;display:block;margin-bottom:10px}
.et-feat h3{margin:0 0 6px}
.et-feat p{color:var(--muted);margin:0;font-size:.97rem}
/* Section CTA gold */
.et-section--gold{background:var(--gold)}
.et-section--gold h2{color:var(--navy)}
.et-section--gold p{color:#5a4a16}
.et-section--gold .et-eyebrow{color:var(--navy)}

/* CORRECTION 4 — overlay sombre sur les héros des PAGES INTERNES (pas la home) */
body:not(.home) .et-hero.wp-block-cover::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1;pointer-events:none}
body:not(.home) .et-hero.wp-block-cover .wp-block-cover__inner-container{position:relative;z-index:2}
/* CORRECTION 5 — hauteur des héros sur mobile pour les pages internes */
@media(max-width:768px){
  body:not(.home) .et-hero.wp-block-cover{min-height:280px!important;display:flex;align-items:center}
  body:not(.home) .et-hero.wp-block-cover .wp-block-cover__inner-container{padding-top:22px;padding-bottom:22px;text-align:left}
}

/* =========================================================================
   ITÉRATION HOME v2 (Digitalarc — juin 2026)
   ========================================================================= */
/* MOD3 — bouton « Devis gratuit » dans le hero (centré sous le sous-titre) */
.et-hero .wp-block-buttons{justify-content:center}
.et-hero__devis .wp-block-button__link,.et-hero__call .wp-block-button__link{padding:17px 38px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px}
@media(max-width:600px){
  .et-hero .wp-block-buttons{flex-direction:column;align-items:stretch}
  .et-hero .wp-block-button{width:100%}
  .et-hero__devis .wp-block-button__link,.et-hero__call .wp-block-button__link{width:100%}
}
/* MOD5 — la grille reste une vraie grille même quand Gutenberg insère un .wp-block-group__inner-container */
.et-grid>.wp-block-group__inner-container{display:contents}
/* MOD5 — images de cartes à hauteur fixe uniforme */
.et-card__media{height:200px;aspect-ratio:auto}
.et-card__media img{height:100%;width:100%;object-fit:cover}
/* MOD9 — suppression du trait jaune décoratif devant les titres/eyebrows */
.et-eyebrow::before{display:none!important}
.et-eyebrow{margin-bottom:12px}
/* MOD8 — barre « Réalisé par Digitalarc » discrète */
.et-footbar{font-size:10px!important;padding:3px 0!important;line-height:1.45}
/* MOD7 — suppression des traits/bordures blanches entre sections et avant le footer */
.et-site .site-main,.et-site .inside-article,.et-site .entry-content,.et-site .site-footer,.et-site .footer-widgets,.et-site .inside-footer-widgets,.et-site .site-info{border:0!important;box-shadow:none!important}
.et-site .site-footer,.et-site .footer-widgets{margin-top:0!important}
.et-site .site-main{margin:0!important}

/* =========================================================================
   CORRECTIONS LOT 7 (Digitalarc — juin 2026)
   ========================================================================= */
/* C3 — bouton "Appeler" de la barre fixe mobile lisible (texte blanc sur fond navy) */
.et-site .et-callbar__call{color:#fff}
/* C5 — bouton submit du formulaire devis en pleine largeur sur mobile, sans coupure */
@media(max-width:767px){
  .et-formcard .wpforms-submit{width:100%!important;white-space:normal;padding:15px 20px!important}
}
/* C4 — bandeau de réassurance au-dessus du formulaire devis (mobile uniquement) */
.et-form-reassure{display:none}
@media(max-width:767px){
  .et-form-reassure{display:block;background:var(--gold-100);color:#0f2b42;text-align:center;font-weight:700;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.92rem;letter-spacing:.01em}
}

/* Boutons du hero (accueil) cachés sur mobile uniquement (≤767px) — visibles PC + tablette */
@media(max-width:767px){
  .et-hero .wp-block-buttons{display:none!important}
}
/* Bouton "Devis gratuit" gris ajouté dans le hero — gris, texte blanc, visible partout (mobile pleine largeur) */
.et-site .et-btn-grey .wp-block-button__link{background:#fcc135;color:#0f2b42}
.et-site .et-btn-grey .wp-block-button__link:hover{background:#e9ad1f}
@media(max-width:767px){
  .et-hero .et-hero__greycta{display:flex!important}
  .et-hero .et-hero__greycta .wp-block-button{width:100%}
  .et-hero .et-hero__greycta .wp-block-button__link{width:100%;justify-content:center}
}

/* =========================================================================
   GRILLE SERVICES — PAGE D'ACCUEIL UNIQUEMENT (scopé .home)
   Cartes alignées, lien ancré en bas, ombre légère cohérente avec .et-feat
   ========================================================================= */
.home .et-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
/* neutralise le wrapper Gutenberg interne pour que le flex de la carte agisse sur le contenu */
.home .et-card>.wp-block-group__inner-container{display:contents}
.home .et-card .et-card__media{margin:0;height:200px}
.home .et-card .et-card__media img{width:100%;height:100%;object-fit:cover}
.home .et-card>.wp-block-group__inner-container>:not(.et-card__media){padding-left:22px;padding-right:22px}
.home .et-card h3{margin:0 0 6px;padding-top:20px;color:#0f2b42;text-align:left}
.home .et-card>.wp-block-group__inner-container>p:not(.et-card__link){margin:0 0 14px;color:var(--muted)}
.home .et-card .et-card__link{margin-top:auto;padding-bottom:22px}

/* /nos-services/ (page 8) : style des cartes IDENTIQUE a la section "Nos expertises" de l'accueil */
.page-id-8 .et-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.page-id-8 .et-card>.wp-block-group__inner-container{display:contents}
.page-id-8 .et-card .et-card__media{margin:0;height:200px}
.page-id-8 .et-card .et-card__media img{width:100%;height:100%;object-fit:cover}
.page-id-8 .et-card>.wp-block-group__inner-container>:not(.et-card__media){padding-left:22px;padding-right:22px}
.page-id-8 .et-card h3{margin:0 0 6px;padding-top:20px;color:#0f2b42;text-align:left}
.page-id-8 .et-card>.wp-block-group__inner-container>p:not(.et-card__link){margin:0 0 14px;color:var(--muted)}
.page-id-8 .et-card .et-card__link{margin-top:auto;padding-bottom:22px}

/* =========================================================================
   OPTIMISATION MOBILE (≤768px) — Digitalarc juin 2026
   ========================================================================= */
@media(max-width:768px){
  /* sections plus compactes : moins de défilement, lecture plus fluide */
  .et-section{padding-top:48px;padding-bottom:48px}
  .et-section__head{margin-bottom:26px}
  /* hero plus ramassé */
  .et-hero.wp-block-cover .wp-block-cover__inner-container{padding-top:34px;padding-bottom:24px}
  .et-hero h1{margin-bottom:10px}
  .et-hero__sub{margin-bottom:16px}
  .et-hero .et-eyebrow{margin-bottom:8px}
  /* titres de section légèrement resserrés */
  .et-section h2{line-height:1.15}
}

/* Masquer le CTA gris « Devis gratuit sous 48h » du hero sur desktop uniquement (min-width 768px) — Digitalarc 2026-06-14 */
@media(min-width:768px){
  .et-hero .et-hero__greycta{display:none!important}
}

/* MOD8 - supprime le ruban gris (fond GeneratePress separate-containers) entre la derniere section et le footer, page d accueil uniquement */
.home #content{padding-bottom:0}

/* MOD10 - carte zinc (accueil + nos services) : recadrage haut pour inclure les lucarnes, cadrage proche de la page Realisations sans changer la hauteur */
.et-card__media--top img{object-position:center top}

/* MOD11 - boutons des heros alignes a gauche comme le texte (desktop uniquement ; mobile non touche, boutons masques <768) */
@media(min-width:769px){.et-hero .wp-block-buttons{justify-content:flex-start}}
/* MOD12 - reduire l'espace au-dessus de la section Avis clients (desktop uniquement) */
@media(min-width:769px){.et-section--tighttop{padding-top:8px}.et-section--tightbottom{padding-bottom:48px}}