/* ============================================================
   Bru Bennes — feuille de styles centralisee (mu-plugin)
   Palette creme/teal/vert eco · Montserrat + Nunito Sans
   ============================================================ */
:root{
  --cream:#F2EEE5; --teal:#1F6E7A; --green:#6BAB45; --ink:#15191A;
  --ink-soft:#2A3334; --muted:#4A5658; --light:#C7CFCF; --line:rgba(21,25,26,.12);
  --wrap:1480px; --wrap-md:1240px; --wrap-sm:1000px; --cities:880px;
}
@media(min-width:1700px){ :root{ --wrap:1660px; --wrap-md:1380px; --wrap-sm:1060px; --cities:1040px; } }
@media(min-width:2100px){ :root{ --wrap:1880px; --wrap-md:1560px; --wrap-sm:1140px; --cities:1180px; } }

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
strong{font-weight:700;}
table{border-collapse:collapse;width:100%;}

.bb-page{font-family:'Nunito Sans',sans-serif;color:var(--ink);background:var(--cream);overflow-x:clip;font-size:clamp(1rem,0.95rem + 0.2vw,1.125rem);line-height:1.62;}

.bb-wrap{max-width:var(--wrap);margin:0 auto;}
.bb-wrap-md{max-width:var(--wrap-md);margin:0 auto;}
.bb-wrap-sm{max-width:var(--wrap-sm);margin:0 auto;}
.bb-pad{padding:clamp(56px,7vw,112px) clamp(20px,5vw,72px);}
.bb-pad-sm{padding:clamp(48px,6vw,96px) clamp(20px,5vw,72px);}

.bb-eyebrow{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;}
.bb-eyebrow--teal{color:var(--teal);}
.bb-eyebrow--green{color:var(--green);}
.bb-eyebrow--light{color:#BCE3A6;}
.bb-h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.9rem,1.3rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:16px 0 0;}

/* ===== Boutons / CTA (CTA vert = texte blanc) ===== */
.bb-btn{display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;border-radius:7px;}
.bb-btn--green{background:var(--green);color:#FFFFFF;font-size:15px;padding:11px 18px;white-space:nowrap;}
.bb-btn--teal{background:var(--teal);color:#FFFFFF;font-size:17px;padding:16px 26px;}
.bb-btn--outline{background:transparent;color:var(--ink);font-size:17px;padding:16px 26px;border:2px solid var(--ink);}
.bb-btn--dark{background:var(--ink);color:#FFFFFF;font-size:clamp(1.1rem,1rem + 0.5vw,1.45rem);padding:20px 32px;border-radius:9px;}

/* ===== Header ===== */
.bb-header{position:sticky;top:0;z-index:50;background:#FFFFFF;border-bottom:1px solid var(--line);}
.bb-header__inner{max-width:var(--wrap);margin:0 auto;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;}
.bb-logo{display:flex;align-items:center;}
.bb-logo img{height:48px;width:auto;}
.bb-nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px;}
.bb-nav > a, .bb-nav__item > a{color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:6px 0;}
.bb-nav > a, .bb-nav__item > a{transition:color .18s ease;}
.bb-nav > a:hover, .bb-nav__item > a:hover{color:var(--teal);}
.bb-nav__item{position:relative;}
.bb-nav__item > a::after{content:"";width:7px;height:7px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);margin-left:4px;margin-top:-3px;}
.bb-nav__sub{position:absolute;top:100%;left:0;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;padding:8px;min-width:320px;display:flex;flex-direction:column;gap:2px;z-index:60;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;}
.bb-nav__item:hover .bb-nav__sub, .bb-nav__item:focus-within .bb-nav__sub{opacity:1;visibility:visible;transform:none;}
.bb-nav__sub a{padding:11px 13px;border-radius:7px;font-weight:600;color:var(--ink);transition:background .18s ease,color .18s ease;}
.bb-nav__sub a:hover{background:var(--cream);color:var(--teal);}
.bb-header__right{display:flex;align-items:center;gap:12px;}
.bb-burger{display:none;background:var(--ink);border:0;color:#fff;width:44px;height:44px;border-radius:7px;align-items:center;justify-content:center;cursor:pointer;}
.bb-mobnav{display:none;flex-direction:column;gap:2px;padding:8px clamp(20px,5vw,72px) 18px;border-top:1px solid rgba(21,25,26,.1);background:#FFFFFF;}
.bb-mobnav a{padding:12px 0;font-weight:700;border-bottom:1px solid rgba(21,25,26,.08);}
.bb-mobnav a.sub{padding-left:16px;font-weight:600;color:var(--muted);}
.bb-mobnav a:last-child{border-bottom:0;}
@media(max-width:920px){ .bb-nav{display:none;} .bb-burger{display:inline-flex;} }
@media(max-width:600px){
  .bb-header__inner{gap:10px;padding-left:16px;padding-right:16px;}
  .bb-logo img{height:46px;}
  /* numero reduit a l'icone seule sur mobile -> le logo gagne en largeur */
  .bb-header__right .bb-btn--green{font-size:0;gap:0;padding:11px;}
}

/* ===== Hero banniere (image en fond, texte centre) ===== */
.bb-hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;min-height:clamp(460px,64vh,700px);
  background:#15191A url('https://location-benne-brumath.fr/wp-content/uploads/2026/06/16rmdo.jpg') center/cover no-repeat;}
.bb-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,25,26,.70),rgba(21,25,26,.58));}
.bb-hero__inner{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:clamp(56px,9vw,120px) clamp(20px,5vw,72px);display:flex;flex-direction:column;align-items:center;animation:bbHeroIn .8s ease both;}
@keyframes bbHeroIn{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
.bb-hero h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(2.3rem,1.4rem + 3.4vw,4.1rem);line-height:1.03;letter-spacing:-.02em;margin:18px 0 0;color:#fff;text-wrap:balance;}
.bb-hero h1 .accent{color:#BCE3A6;}
.bb-hero__lead{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.55;margin:24px auto 0;max-width:62ch;color:#EDEFEF;}
.bb-hero__sub{margin:16px auto 0;max-width:62ch;color:#EDEFEF;}
.bb-hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;justify-content:center;}
.bb-hero .bb-btn--outline{color:#fff;border-color:#fff;}
.bb-hero__nap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin-top:30px;}
.bb-hero__nap-item{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:9px 15px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.9rem;color:#fff;line-height:1.2;}
.bb-hero__nap-item svg{flex:0 0 auto;color:#BCE3A6;}
a.bb-hero__nap-item{transition:background .18s ease,border-color .18s ease;}
a.bb-hero__nap-item:hover{background:rgba(255,255,255,.18);border-color:rgba(188,227,166,.6);}
.bb-hero__stats{display:flex;flex-wrap:wrap;gap:24px 40px;margin-top:38px;justify-content:center;}
.bb-stat__num{font-family:'Montserrat',sans-serif;font-weight:900;font-size:30px;color:var(--green);line-height:1;}
.bb-hero .bb-stat__num{color:#9BD17A;}
.bb-stat__lbl{font-size:14px;font-weight:600;color:var(--light);margin-top:5px;}

/* ===== Sections deux colonnes (image = hauteur du texte) ===== */
.bb-split{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;align-items:stretch;gap:clamp(30px,2.8vw,48px);padding:0 clamp(20px,5vw,72px);}
.bb-split__media{flex:1 1 440px;position:relative;padding:clamp(48px,6vw,100px) 0;}
.bb-split__pic{position:absolute;inset:clamp(48px,6vw,100px) 0;border-radius:14px;overflow:hidden;}
.bb-split__pic img{width:100%;height:100%;object-fit:cover;display:block;}
.bb-split__body{flex:1 1 500px;padding:clamp(48px,6vw,100px) 0;}
@media(max-width:940px){
  .bb-split{gap:clamp(16px,4vw,26px);}
  .bb-split__media{position:static;order:-1;padding:clamp(20px,6vw,40px) 0 0;}
  .bb-split__pic{position:static;}
  .bb-split__pic img{height:auto;aspect-ratio:16/10;}
}
/* pages internes : l'image epouse la hauteur de la colonne texte (comme l'accueil) — comportement de base .bb-split (align-items:stretch) */

.bb-section--white{background:#FFFFFF;}
.bb-section--cream{background:var(--cream);}
.bb-lead{margin:18px 0 0;color:var(--ink-soft);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);}
.bb-p{margin:14px 0 0;color:var(--ink-soft);}

/* about */
.bb-checks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:14px;}
.bb-checks li{display:flex;gap:14px;align-items:flex-start;}
.bb-checks span.ic{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--green);display:inline-flex;align-items:center;justify-content:center;margin-top:2px;}
.bb-checks span.tx{color:var(--ink-soft);}
.bb-note{margin:26px 0 0;padding:22px 24px;background:var(--cream);border-radius:8px;color:var(--ink-soft);}
.bb-note--teal{background:rgba(255,255,255,.10);color:#fff;}
/* Callout "Le bon plan" (about) */
.bb-tip{margin:28px 0 0;display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:14px;background:linear-gradient(135deg,#E9F3DF 0%,#F3EFE6 100%);border:1px solid rgba(107,171,69,.40);}
.bb-tip__ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.bb-tip__label{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#4E8230;margin-bottom:4px;}
.bb-tip p{margin:0;color:var(--ink-soft);}
.bb-tip strong{color:var(--ink);}

/* ===== Services (sombre) — grille 3 colonnes ===== */
.bb-services{background:var(--ink);color:var(--cream);}
.bb-services .bb-h2{color:#fff;}
.bb-services__intro{max-width:60ch;}
.bb-services__lead{margin:18px 0 0;color:var(--light);font-size:clamp(1.05rem,1rem + .3vw,1.25rem);}
.bb-services strong{color:#fff;}
.bb-cards{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
@media(max-width:1040px){ .bb-cards{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:680px){ .bb-cards{grid-template-columns:1fr;} }
.bb-card{background:#1E2426;border:1px solid rgba(255,255,255,.10);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}
.bb-card__media{flex:0 0 auto;overflow:hidden;}
.bb-card__media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
.bb-card__body{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1;}
.bb-card h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.14rem;line-height:1.28;margin:0;color:#fff;min-height:2.56em;}
.bb-card p{margin:12px 0 0;color:var(--light);font-size:.94rem;line-height:1.55;}
.bb-card p + p{margin-top:10px;}
.bb-badge{align-self:flex-start;margin-top:auto;padding-top:18px;}
.bb-badge span{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--ink);background:var(--green);padding:6px 12px;border-radius:5px;}

/* ===== Tarifs (image a gauche) ===== */
.bb-tarifs{background:var(--cream);}
.bb-table-wrap{margin-top:30px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.bb-table{font-size:clamp(.95rem,.9rem + .2vw,1.05rem);}
.bb-table thead tr{background:var(--ink);color:#fff;text-align:left;font-family:'Montserrat',sans-serif;}
.bb-table th{padding:16px 20px;font-weight:700;}
.bb-table th:last-child{text-align:right;}
.bb-table tbody tr{border-bottom:1px solid rgba(21,25,26,.10);}
.bb-table tbody tr:last-child{border-bottom:0;}
.bb-table tbody tr:nth-child(even){background:#FAF8F3;}
.bb-table td{padding:15px 20px;}
.bb-table td:first-child{font-weight:700;}
.bb-table td:nth-child(2){color:var(--muted);}
.bb-table td:last-child{text-align:right;font-family:'Montserrat',sans-serif;font-weight:700;color:var(--teal);}
.bb-foot-note{margin:20px 0 0;color:var(--ink-soft);}
.bb-tarifs__cta{margin-top:22px;}

/* ===== Processus (teal) — etapes en accordeon ===== */
.bb-processus{background:var(--teal);color:var(--cream);}
.bb-processus .bb-h2{color:#fff;}
.bb-processus__lead{margin:18px 0 0;max-width:54ch;color:#E2F0F0;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);}
.bb-processus strong{color:#fff;}
.bb-steps{margin:30px 0 0;display:flex;flex-direction:column;gap:14px;}
.bb-step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden;}
.bb-step > summary{display:flex;align-items:center;gap:16px;padding:15px 18px;font-family:'Montserrat',sans-serif;font-weight:800;color:#fff;font-size:clamp(.95rem,.9rem + .2vw,1.08rem);}
.bb-step__n{flex:0 0 auto;width:44px;height:44px;border-radius:9px;background:var(--green);color:var(--ink);font-family:'Montserrat',sans-serif;font-weight:900;font-size:20px;display:inline-flex;align-items:center;justify-content:center;}
.bb-step__t{flex:1;}
.bb-step .bb-faq__plus{color:#BCE3A6;}
.bb-step__body{padding:2px 18px 18px 78px;}
.bb-step__body p{margin:0;color:#E2F0F0;}
.bb-step[open] .bb-faq__plus{transform:rotate(45deg);}
@media(max-width:520px){ .bb-step__body{padding-left:18px;} }

/* ===== Zone (image a gauche) ===== */
.bb-zone{background:#FFFFFF;}
.bb-cities{margin:34px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px;}
.bb-city{padding:12px 10px;background:var(--cream);border-radius:8px;font-weight:700;font-size:.86rem;text-align:center;}
.bb-city--main{background:var(--teal);color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;}
.bb-zone__foot{margin:28px 0 0;color:var(--muted);font-weight:700;}
.bb-zone__foot strong{color:var(--ink);}

/* ===== FAQ (image a gauche) ===== */
.bb-faq{background:var(--cream);}
.bb-faq .bb-h2{margin:16px 0 28px;}
summary{outline:none!important;border:0!important;cursor:pointer;list-style:none;}
summary::-webkit-details-marker{display:none;}
summary:focus,summary:focus-visible{outline:none!important;}
.bb-faq details{border:1px solid rgba(21,25,26,.14);border-radius:10px;margin-bottom:14px;overflow:hidden;background:#FFFFFF;}
.bb-faq details:last-child{margin-bottom:0;}
.bb-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(.9rem,.86rem + .2vw,1.02rem);line-height:1.35;background:#FFFFFF;}
.bb-faq__plus{flex:0 0 auto;color:var(--teal);font-size:24px;line-height:1;transition:transform .2s;}
.bb-faq details[open] .bb-faq__plus{transform:rotate(45deg);}
.bb-faq__body{padding:14px 18px 20px;}
.bb-faq__body p{margin:0;color:var(--ink-soft);}
.bb-faq__body p.intro{margin:0 0 12px;}
.bb-faq__body ul{margin:0;padding-left:20px;color:var(--ink-soft);display:flex;flex-direction:column;gap:8px;}
/* FAQ integree dans une colonne (fond transparent) */
.bb-faq--plain{background:transparent;margin-top:26px;}
.bb-faq--plain details{background:transparent;}
.bb-faq--plain summary{background:transparent;}

/* ===== CTA final (vert = texte blanc) ===== */
.bb-cta{background:var(--green);}
.bb-cta__inner{max-width:var(--wrap);margin:0 auto;padding:clamp(48px,6vw,96px) clamp(20px,5vw,72px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;}
.bb-cta__head{flex:1 1 440px;}
.bb-cta h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem);line-height:1.06;letter-spacing:-.02em;margin:0;color:#FFFFFF;}
.bb-cta__lead{margin:16px 0 0;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);color:#FFFFFF;font-weight:600;max-width:48ch;}
.bb-cta strong{color:#FFFFFF;}
.bb-cta .bb-btn--dark{flex:0 0 auto;}

/* ===== Callout "Bon a savoir" (processus, sur teal) ===== */
.bb-callout{margin:28px 0 0;display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(188,227,166,.50);}
.bb-callout__ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--green);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;}
.bb-callout__label{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#BCE3A6;margin-bottom:4px;}
.bb-callout p{margin:0;color:#EAF4EA;}
.bb-callout strong{color:#fff;}

/* ===== Contact (2 colonnes : NAP+carte / formulaire) ===== */
.bb-contact{background:#FFFFFF;}
.bb-contact__head{max-width:62ch;}
.bb-contact__grid{margin-top:42px;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(26px,3vw,52px);align-items:start;}
@media(max-width:900px){ .bb-contact__grid{grid-template-columns:1fr;} }
.bb-contact__info{display:flex;flex-direction:column;gap:24px;}
.bb-nap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.bb-nap li{display:flex;gap:14px;align-items:flex-start;}
.bb-nap__ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--cream);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;}
.bb-nap__k{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1px;}
.bb-nap__v{font-weight:700;color:var(--ink);}
.bb-nap a.bb-nap__v:hover{color:var(--teal);}
.bb-map{border-radius:14px;overflow:hidden;border:1px solid var(--line);}
.bb-map iframe{display:block;width:100%;height:300px;border:0;}
.bb-form{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:14px;}
.bb-form__row{display:flex;gap:14px;flex-wrap:wrap;}
.bb-form__row > .bb-field{flex:1 1 180px;}
.bb-field{display:flex;flex-direction:column;gap:6px;}
.bb-field label{font-weight:700;font-size:14px;color:var(--ink-soft);}
.bb-field input,.bb-field select,.bb-field textarea{font-family:inherit;font-size:1rem;padding:12px 14px;border:1px solid rgba(21,25,26,.20);border-radius:9px;background:#fff;color:var(--ink);width:100%;}
.bb-field textarea{min-height:120px;resize:vertical;}
.bb-field input:focus,.bb-field select:focus,.bb-field textarea:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal);}
.bb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.bb-form button{margin-top:6px;border:0;cursor:pointer;justify-content:center;}
.bb-form__ok{background:#E9F3DF;border:1px solid rgba(107,171,69,.55);color:#2F5D1C;padding:14px 16px;border-radius:10px;font-weight:700;margin:0;}
.bb-form__err{background:#FBE7E4;border:1px solid #E0A99F;color:#8A2B2B;padding:14px 16px;border-radius:10px;font-weight:700;margin:0;}

/* ===== Banniere des pages internes (trame accueil) ===== */
.bb-pagehero{position:relative;display:flex;align-items:center;min-height:clamp(240px,32vh,360px);color:#fff;background:#15191A;overflow:hidden;}
.bb-pagehero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.bb-pagehero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,25,26,.66),rgba(21,25,26,.62));z-index:1;}
.bb-pagehero__inner{position:relative;z-index:2;max-width:var(--wrap);width:100%;margin:0 auto;padding:clamp(44px,6vw,84px) clamp(20px,5vw,72px);text-align:center;}
.bb-pagehero .bb-eyebrow{color:#BCE3A6;}
.bb-pagehero h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem);line-height:1.05;letter-spacing:-.02em;margin:12px auto 0;color:#fff;max-width:24ch;text-wrap:balance;}
.bb-crumb{font-size:14px;color:var(--light);margin:16px 0 0;}
.bb-crumb a{color:#fff;}
.bb-crumb a:hover{color:#BCE3A6;}
.bb-page-content h1{display:none;} /* le titre est porte par la banniere */
/* CTA bas de page interne */
.bb-pagecta{background:var(--teal);}
.bb-pagecta__in{max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,72px) clamp(20px,5vw,72px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;}
.bb-pagecta__txt{flex:1 1 320px;}
.bb-pagecta h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);line-height:1.1;margin:0;color:#fff;max-width:24ch;}
.bb-pagecta p{margin:8px 0 0;color:#E2F0F0;}
.bb-pagecta .bb-btn--green{font-size:17px;padding:16px 26px;}

/* ===== Chiffres cles (page A propos) ===== */
.bb-facts{margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:720px){ .bb-facts{grid-template-columns:repeat(2,minmax(0,1fr));} }
.bb-fact{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 18px;text-align:center;}
.bb-fact__n{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(1.5rem,1.2rem + 0.8vw,1.9rem);color:var(--teal);line-height:1;}
.bb-fact__l{font-size:.9rem;font-weight:600;color:var(--muted);margin-top:6px;}

/* ===== Infos pratiques (accueil) ===== */
.bb-infos-sec{background:var(--teal);color:#fff;}
.bb-infos-sec .bb-h2{color:#fff;}
.bb-infos-sec .bb-lead{color:#E2F0F0;}
.bb-infos-head{max-width:62ch;}
.bb-infos{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
@media(max-width:860px){ .bb-infos{grid-template-columns:1fr;} }
.bb-info{background:#fff;border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;}
.bb-info__ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--cream);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;}
.bb-info h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.15rem;margin:0 0 8px;color:var(--ink);}
.bb-info p{margin:0;color:var(--ink-soft);}
.bb-info__weather{font-family:'Montserrat',sans-serif;font-weight:900;font-size:2rem;color:var(--ink);line-height:1;margin:2px 0 6px;}
.bb-info__wstatus{margin:2px 0 0;color:var(--muted);font-size:.9rem;}
.bb-week{margin:4px 0 0;display:flex;flex-direction:column;gap:7px;}
.bb-week__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.92rem;border-bottom:1px solid var(--line);padding-bottom:7px;}
.bb-week__row:last-child{border-bottom:0;padding-bottom:0;}
.bb-week__d{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--ink);text-transform:capitalize;min-width:40px;}
.bb-week__c{flex:1;color:var(--muted);font-size:.82rem;}
.bb-week__t{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--teal);white-space:nowrap;}
.bb-week__t .min{color:var(--muted);font-weight:600;}
.bb-info__links{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px;}
.bb-info__links a{font-family:'Montserrat',sans-serif;font-weight:800;font-size:.95rem;color:var(--teal);display:inline-flex;align-items:center;gap:6px;}
.bb-info__links a:hover{color:var(--green);}

/* ===== Pages internes ===== */
.bb-page-main{background:var(--cream);}
.bb-page-content{max-width:var(--wrap-sm);margin:0 auto;padding:clamp(48px,6vw,96px) clamp(20px,5vw,72px);}
.bb-page-content h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);line-height:1.06;letter-spacing:-.02em;margin:0 0 10px;}
.bb-page-content h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);margin:34px 0 8px;}
.bb-page-content h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.15rem;margin:22px 0 6px;}
.bb-page-content p,.bb-page-content li{color:var(--ink-soft);}
.bb-page-content ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;}
.bb-page-content a{color:var(--teal);font-weight:700;}
.bb-page-content .bb-placeholder{color:var(--muted);font-style:italic;}

/* ===== Footer ===== */
.bb-footer{background:var(--ink);color:var(--light);}
.bb-footer__grid{max-width:var(--wrap);margin:0 auto;padding:clamp(48px,6vw,80px) clamp(20px,5vw,72px) 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:36px;}
.bb-footer__brand{display:inline-block;margin-bottom:20px;}
.bb-footer__brand img{height:54px;width:auto;background:#fff;border-radius:8px;padding:8px 12px;}
.bb-footer p{margin:0;max-width:34ch;}
.bb-footer strong{color:#fff;}
.bb-foot-h{font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 16px;}
.bb-footer__col p{margin:0;}
.bb-footer__col p + p{margin-top:10px;}
.bb-foot-legal{margin-top:16px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;line-height:1.7;color:#8A9495;}
.bb-tel-lg{color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;}
.bb-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
.bb-footer__links a{color:var(--light);transition:color .18s ease;}
.bb-footer__links a:hover{color:#fff;}
.bb-footer__bar{border-top:1px solid rgba(255,255,255,.12);}
.bb-footer__bar div{max-width:var(--wrap);margin:0 auto;padding:22px clamp(20px,5vw,72px);font-size:14px;color:#8A9495;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;}
.bb-footer__bar a{color:#A7B0B1;}
.bb-footer__bar a:hover{color:#fff;}

/* ===== Animations ===== */
.bb-card{transition:transform .25s ease,border-color .25s ease;}
.bb-card:hover{transform:translateY(-4px);border-color:rgba(107,171,69,.55);}
.bb-card:hover .bb-card__media img{transform:scale(1.05);}
.bb-card__media img{transition:transform .5s ease;}
.bb-btn{transition:transform .15s ease,filter .15s ease;}
.bb-btn:hover{transform:translateY(-2px);filter:brightness(1.07);}
.bb-city{transition:transform .2s ease,background .2s ease,color .2s ease;}
.bb-city:hover{transform:translateY(-3px);background:var(--teal);color:#fff;}
.bb-anim .bb-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.bb-anim .bb-reveal.is-in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .bb-hero__inner{animation:none;}
  .bb-anim .bb-reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .bb-card:hover,.bb-btn:hover,.bb-city:hover,.bb-card:hover .bb-card__media img{transform:none!important;}
}