/* Le Beller & Fils · compléments WordPress (fiches expertises, pages, contenus de l'éditeur) */

/* Hero des fiches expertises */
.hero-sub{min-height:78vh;min-height:78svh}
.hero-sub h1{font-size:clamp(48px,9vw,150px)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 26px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#D9D4CB}
.crumbs a{text-decoration:none;color:#D9D4CB}
.crumbs a:hover{color:var(--red)}
.crumbs span[aria-hidden]{color:var(--red)}
.page-head .crumbs,.light .crumbs{color:var(--mute)}

/* En-tête des pages simples */
.page-head{padding:170px 0 70px;background:var(--ink)}
.page-head h1{font-size:clamp(46px,8vw,120px)}

/* Contenu rédigé dans l'éditeur */
.prose{grid-column:1/span 7;color:#2B2925;font-size:18px;line-height:1.75}
.prose-page{max-width:820px}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.2em}
.prose h2{margin:1.8em 0 .6em;font-stretch:62%;font-weight:850;font-size:clamp(32px,4vw,48px);line-height:.95;text-transform:uppercase;color:var(--ink)}
.prose h3{margin:1.6em 0 .5em;font-size:22px;font-weight:600;line-height:1.3}
.prose a{color:#B81D26;text-underline-offset:3px}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.2em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--red)}
.prose img{height:auto}
.prose blockquote{margin:1.6em 0;padding:0 0 0 24px;border-left:2px solid var(--red);font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:28px;line-height:1.25;color:var(--ink)}
.prose .todo{color:#B81D26}
.post-item{padding:24px 0;border-bottom:1px solid var(--lineD)}
.post-item h2{margin:0 0 8px}

/* Encadré contact des fiches */
.side-card{grid-column:9/span 4;align-self:start;position:sticky;top:40px;padding:36px;background:var(--paper2)}
.side-title{margin:0 0 12px;font-stretch:62%;font-weight:850;font-size:40px;line-height:.95;text-transform:uppercase}
.side-tel{display:block;margin:22px 0;font-stretch:62%;font-weight:850;font-size:34px;text-decoration:none;color:var(--ink)}
.side-tel:hover{color:#B81D26}

/* FAQ : réponses venant de l'éditeur */
.faq-a p{max-width:60ch;margin:0 0 16px;font-size:16px;line-height:1.7;color:var(--mute)}
.faq-a>*:last-child{margin-bottom:30px}

/* Barre d'administration WordPress */
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}

@media (max-width:980px){
  .prose,.side-card{grid-column:1/-1}
  .side-card{position:static;margin-top:40px}
  .page-head{padding:140px 0 50px}
}

/* ===== v1.1 ===== */

/* Logo */
.logo img{display:block;width:clamp(170px,16vw,230px);height:auto}
.hdr{background:linear-gradient(180deg,rgba(10,10,10,.75),rgba(10,10,10,0))}

/* Menu : lien actif et sous-menu Expertises */
.nav a[aria-current="page"]::after{right:0}
.nav-item{position:relative;display:flex;align-items:center;gap:2px}
.sub-toggle{width:28px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;position:relative}
.sub-toggle span{position:absolute;left:9px;top:18px;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .3s}
.has-sub.open .sub-toggle span{transform:translateY(3px) rotate(-135deg)}
.sub{position:absolute;top:100%;left:-24px;min-width:290px;padding:14px 0;background:#0A0A0A;border:1px solid rgba(242,238,231,.12);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s}
.sub a{padding:11px 24px!important;font-size:12px!important;letter-spacing:.14em}
.sub a::after{display:none}
.sub a:hover,.sub a[aria-current="page"]{color:var(--red)}
@media (min-width:1201px){
  .has-sub:hover .sub,.has-sub:focus-within .sub,.has-sub.open .sub{opacity:1;visibility:visible;transform:none}
}
@media (max-width:1200px){
  .nav{overflow-y:auto;justify-content:flex-start;padding-top:110px}
  .nav-item{flex-wrap:wrap;width:100%}
  .sub-toggle{width:48px;height:48px;color:var(--paper)}
  .sub-toggle span{left:18px;top:16px;width:10px;height:10px}
  .sub{position:static;min-width:0;width:100%;padding:4px 0 10px 4px;border:0;background:none;opacity:1;visibility:visible;transform:none;display:none}
  .has-sub.open .sub{display:flex}
  .sub a{font-stretch:100%!important;font-weight:500!important;font-size:15px!important;letter-spacing:.06em!important;text-transform:none;padding:8px 0!important;color:#C9C4BB}
}

/* En-tête des pages intérieures */
.phero{padding:150px 0 clamp(60px,8vw,110px);background:var(--ink)}
.phero .grid12{align-items:center}
.phero-text{grid-column:1/span 6}
.phero-title{font-size:clamp(46px,7vw,112px)}
.phero-intro{max-width:48ch;margin:30px 0 0;font-size:18px;line-height:1.65;color:#D9D4CB}
.phero-photo{grid-column:7/span 6;aspect-ratio:4/5;max-height:72vh;width:100%;justify-self:end}
.phero-photo img{object-position:var(--focus,50% 50%)}
.phero .crumbs{color:var(--mute)}
.ctas-left{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
@media (max-width:980px){
  .phero{padding-top:120px}
  .phero-text,.phero-photo{grid-column:1/-1}
  .phero-photo{aspect-ratio:4/3;max-height:none;margin-top:40px}
}

/* Bandeau final : texte et photo côte à côte */
.band2{padding:clamp(80px,10vw,150px) 0;background:#060606;position:relative;overflow:hidden}
.band2::before{content:"";position:absolute;left:-15%;bottom:-40%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(224,36,46,.14),transparent);pointer-events:none}
.band2 .grid12{position:relative;align-items:center}
.band2-text{grid-column:1/span 6}
.band2-text h2{font-size:clamp(54px,8vw,128px)}
.band2-text .body{margin-top:28px;color:#C9C4BB}
.band2-text .ctas{justify-content:flex-start}
.band2-photo{grid-column:7/span 6;aspect-ratio:4/3}
@media (max-width:980px){
  .band2-text,.band2-photo{grid-column:1/-1}
  .band2-photo{margin-top:50px}
}

/* Page Entreprise */
.story-title{grid-column:1/span 5}
.story-text{grid-column:7/span 6;display:flex;flex-direction:column;gap:22px}
@media (max-width:980px){.story-title,.story-text{grid-column:1/-1}.story-text{margin-top:36px}}

/* Page Engagements */
.eng-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.eng-big li{padding:36px 30px 40px;background:var(--paper2);border-top:2px solid var(--red)}
.eng-big .n{display:block;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:44px;line-height:1;color:var(--red)}
.eng-big b{display:block;margin:26px 0 8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muteD)}
.eng-big h2{margin:0 0 14px;font-stretch:62%;font-weight:850;font-size:34px;line-height:.95;text-transform:uppercase}
.eng-big p{margin:0;font-size:16px;line-height:1.7;color:#4A4640}
@media (max-width:980px){.eng-big{grid-template-columns:minmax(0,1fr)}}

/* Page Contact */
.ct-grid-flush{margin-top:0}
.map-sec .grid12{align-items:center}
.map-info{grid-column:1/span 5}
.map-info address{margin:30px 0 16px;font-style:normal;font-size:20px;line-height:1.6}
.map-frame{grid-column:7/span 6;position:relative;aspect-ratio:4/3;background:#141414 radial-gradient(circle at 50% 45%,rgba(224,36,46,.18),transparent 60%);border:1px solid rgba(242,238,231,.12)}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05)}
.map-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center;color:var(--mute)}
.map-consent svg{color:var(--red)}
.map-consent p{max-width:34ch;margin:0;font-size:14px;line-height:1.6}
@media (max-width:980px){.map-info,.map-frame{grid-column:1/-1}.map-frame{margin-top:40px}}

/* v1.2 : menu des expertises */
.nav{gap:26px}
.nav a{white-space:nowrap}
@media (max-width:1360px) and (min-width:1201px){.nav{gap:18px}.nav a{font-size:12px;letter-spacing:.1em}}
@media (max-width:1200px){.nav a{white-space:normal;font-size:clamp(30px,8vw,56px)}.nav .btn{font-size:13px}}