/* Bulles Bazar - feuille de style fusionnee V27 - 29 juillet 2026 */
/* Ordre de cascade conserve depuis les 24 feuilles precedentes. */

/* ==========================================================================
   SOURCE : light-redesign.css
   ========================================================================== */

/* Bulles Bazar — refonte légère et respirante */
:root{
  --bb-ink:#25211d;
  --bb-soft:#faf6ee;
  --bb-cream:#f6efe4;
  --bb-gold:#c49a5a;
  --bb-gold-dark:#9f7332;
  --bb-line:#eadcc7;
  --bb-muted:#756b60;
  --bb-white:#fff;
}
html{background:var(--bb-soft)}
body{background:var(--bb-soft)!important;color:var(--bb-ink)!important;font-family:Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.01em}
header{background:rgba(255,255,255,.96)!important;box-shadow:0 10px 30px rgba(60,43,22,.08)!important;border-bottom:1px solid var(--bb-line);backdrop-filter:blur(10px)}
.hd-logo{background:#fff!important;border-bottom:0!important;padding:16px 32px 8px!important}
.hd-logo img{height:64px!important;max-width:300px!important;filter:none!important;opacity:1!important}
nav{background:#fff!important;border-top:1px solid rgba(196,154,90,.18)}
.nav-item>a{color:#2f2923!important;font-size:14px!important;letter-spacing:.03em!important;text-transform:none!important;font-weight:400!important;padding:15px 19px!important;position:relative}
.nav-item>a:hover,.nav-item:hover>a{background:transparent!important;color:var(--bb-gold-dark)!important}
.nav-item>a.active{color:var(--bb-gold-dark)!important}
.nav-item>a.active::after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:1px;background:var(--bb-gold)}
.dropdown{background:#fff!important;border:1px solid var(--bb-line)!important;border-top:2px solid var(--bb-gold)!important;box-shadow:0 18px 34px rgba(45,31,16,.12)!important}
.dropdown a{color:#4e443a!important;background:#fff!important;text-transform:none!important;font-size:13px!important;letter-spacing:.02em!important;border-bottom:1px solid #f2e9dc!important}
.dropdown a:hover{color:var(--bb-gold-dark)!important;background:#fbf7ef!important}
.section{background:var(--bb-soft)}
.section-alt{background:#fff!important}
.section-dark{background:#2c2824!important}
.card,.menu-visual-card,.terrasse-value,.terrasse-point,.bobun-ingredient{border:1px solid var(--bb-line);background:#fff!important;box-shadow:0 12px 30px rgba(70,50,25,.06)}
.card:hover,.menu-visual-card:hover{background:#fff!important;box-shadow:0 18px 38px rgba(70,50,25,.10)}
.card::after{background:var(--bb-gold)!important;height:2px!important}
.card-num,.eyebrow,.menu-visual-tag{color:var(--bb-gold-dark)!important}
.sh-line{background:var(--bb-gold)!important;height:2px!important}
.btn{border-radius:3px!important;letter-spacing:.04em!important;text-transform:none!important;font-size:15px!important;font-weight:400!important;padding:13px 28px!important}
.btn-main,.btn-dark,.btn-sauge{background:var(--bb-gold)!important;color:#fff!important;border:1px solid var(--bb-gold)!important}
.btn-main:hover,.btn-dark:hover,.btn-sauge:hover{background:var(--bb-gold-dark)!important;border-color:var(--bb-gold-dark)!important;opacity:1!important}
.btn-ghost{color:var(--bb-gold-dark)!important;border:1px solid var(--bb-gold)!important;background:rgba(255,255,255,.7)!important}
.btn-ghost:hover{background:var(--bb-gold)!important;color:#fff!important}
.band{background:#fff!important;border-top:1px solid var(--bb-line);border-bottom:1px solid var(--bb-line)}
.band p,.band a{color:#655a4e!important;letter-spacing:.06em!important;text-transform:none!important}
.page-hero{background:#fff!important;color:var(--bb-ink)!important;padding:76px 32px 58px!important;border-bottom:1px solid var(--bb-line)}
.page-hero::before{opacity:.08!important;filter:saturate(.7)}
.page-hero-title{color:var(--bb-ink)!important;font-weight:300!important;letter-spacing:-.02em!important}
.page-hero-sub{color:var(--bb-muted)!important}
.page-hero-eyebrow{color:var(--bb-gold-dark)!important}
footer{background:#fbf7ef!important;color:var(--bb-ink)!important;border-top:1px solid var(--bb-line);padding-top:52px!important}
.footer-grid{border-bottom:1px solid var(--bb-line)!important;gap:42px!important}
.footer-logo-img{filter:none!important;opacity:1!important;height:58px!important;max-width:250px!important}
.footer-desc,.footer-links a,.footer-legal,.footer-mention,.footer-col-h,footer li{color:#6b6259!important}
.footer-col-h{color:var(--bb-gold-dark)!important;letter-spacing:.12em!important}
.footer-links a:hover{color:var(--bb-gold-dark)!important}
.social{border-color:var(--bb-line)!important;color:var(--bb-gold-dark)!important;background:#fff!important}
.social:hover{background:var(--bb-gold)!important;color:#fff!important;border-color:var(--bb-gold)!important}
.fab{background:var(--bb-gold)!important;box-shadow:0 8px 24px rgba(150,98,40,.26)!important}
/* Accueil clair */
.home-light{background:linear-gradient(180deg,#fff 0%,#fbf7ef 100%);color:var(--bb-ink)}
.home-shell{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px}
.home-hero-light{padding:78px 0 46px;background:#fff;position:relative;overflow:hidden}
.home-hero-light::before{content:"";position:absolute;inset:auto -8% -18% -8%;height:260px;background:radial-gradient(circle at center,rgba(196,154,90,.10),transparent 62%);pointer-events:none}
.home-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;position:relative;z-index:1}
.home-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bb-gold-dark);font-weight:600;margin-bottom:18px}
.home-title{font-size:clamp(42px,6vw,78px);line-height:1.04;font-weight:300;letter-spacing:-.045em;color:var(--bb-ink);margin-bottom:22px}
.home-title span{display:block;color:var(--bb-gold-dark)}
.home-rule{width:54px;height:2px;background:var(--bb-gold);margin:0 0 26px}
.home-intro{font-size:18px;line-height:1.62;color:#5f564e;max-width:520px;margin-bottom:32px}
.home-actions{display:flex;gap:14px;flex-wrap:wrap}
.home-visual{background:#fff;padding:10px;border:1px solid var(--bb-line);box-shadow:0 22px 48px rgba(75,54,28,.14);position:relative}
.home-visual::after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(196,154,90,.25);z-index:-1}
.home-visual img{width:100%;height:520px;object-fit:cover;display:block}
.home-events{padding:40px 0 34px;background:#fff}
.home-section-title{text-align:center;font-size:clamp(30px,4vw,44px);font-weight:300;letter-spacing:-.025em;line-height:1.15;color:var(--bb-ink);margin-bottom:8px}
.home-section-line{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 26px}
.home-section-line::before,.home-section-line::after{content:"";width:50px;height:1px;background:var(--bb-gold)}
.home-section-line span{width:5px;height:5px;border-radius:50%;background:var(--bb-gold);display:block}
.home-event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:930px;margin:0 auto}
.home-event-card{background:#fff;border:1px solid var(--bb-line);text-align:center;text-decoration:none;color:var(--bb-ink);padding:26px 18px 24px;box-shadow:0 12px 28px rgba(70,50,25,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-event-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(70,50,25,.10);border-color:rgba(196,154,90,.55)}
.home-event-icon{font-size:30px;line-height:1;color:var(--bb-gold-dark);margin-bottom:10px}
.home-event-card b{display:block;font-size:20px;font-weight:400;margin-bottom:4px}
.home-event-card span{font-size:13px;color:var(--bb-muted)}

.home-countdown{margin:16px auto 0;display:inline-flex;flex-direction:row;align-items:baseline;justify-content:center;gap:7px;min-width:218px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(196,154,90,.16),rgba(196,154,90,.06));border:1px solid rgba(196,154,90,.38);color:var(--bb-gold-dark);box-shadow:0 8px 18px rgba(70,50,25,.06)}
.home-countdown strong{font-size:17px;line-height:1.1;font-weight:650;letter-spacing:.03em;color:var(--bb-gold-dark);white-space:nowrap;font-variant-numeric:tabular-nums}
.home-countdown .cd-days{font-size:21px}
.home-countdown .cd-days-label{font-size:14px;text-transform:lowercase;letter-spacing:.02em}
.home-countdown .cd-time{font-size:17px}
.home-countdown small{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.16em;color:var(--bb-muted)}
.home-countdown.is-past{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:var(--bb-muted)}
@media(max-width:600px){.home-countdown{width:100%;max-width:280px;flex-wrap:wrap;gap:6px}.home-countdown strong{font-size:15px}.home-countdown .cd-days{font-size:19px}.home-countdown .cd-time{font-size:15px}}
.home-specialties{padding:38px 0 58px;background:#fff}
.home-special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.home-special-card{background:#fff;border:1px solid var(--bb-line);text-decoration:none;color:var(--bb-ink);box-shadow:0 12px 28px rgba(70,50,25,.05);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}
.home-special-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(70,50,25,.10)}
.home-special-card img{width:100%;height:165px;object-fit:cover;display:block}
.home-special-body{padding:22px 20px 24px;text-align:center}
.home-special-body h3{font-size:21px;font-weight:400;line-height:1.2;margin:0 0 8px;color:var(--bb-ink)}
.home-special-body h3::after{content:"";display:block;width:34px;height:1px;background:var(--bb-gold);margin:9px auto 0}
.home-special-body p{font-size:14px;color:var(--bb-muted);line-height:1.55;margin-top:12px}
.home-terrace-panel{padding:28px 0 64px;background:#fff}
.home-terrace-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#fbf7ef;border:1px solid var(--bb-line);border-radius:10px;padding:40px 42px;box-shadow:0 16px 38px rgba(70,50,25,.06)}
.home-terrace-box h2{font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.15;letter-spacing:-.025em;margin-bottom:16px;color:var(--bb-ink)}
.home-terrace-box p{font-size:16px;color:#62584e;line-height:1.7;max-width:520px;margin-bottom:26px}
.home-terrace-photo{background:#fff;padding:8px;border:1px solid var(--bb-line);box-shadow:0 18px 38px rgba(70,50,25,.10)}
.home-terrace-photo img{width:100%;height:330px;object-fit:cover;display:block}
.home-gallery{padding:26px 0 68px;background:#fff}
.home-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.home-photo-card{overflow:hidden;background:#eee;aspect-ratio:4/3;border:1px solid var(--bb-line)}
.home-photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.home-photo-card:hover img{transform:scale(1.04)}
.home-contact-strip{padding:34px 0;background:#fbf7ef;border-top:1px solid var(--bb-line);border-bottom:1px solid var(--bb-line)}
.home-contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;text-align:center}
.home-contact-grid a,.home-contact-grid span{font-size:15px;color:#554c43;text-decoration:none}.home-contact-grid b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--bb-gold-dark);margin-bottom:5px}
@media(max-width:980px){
  .home-hero-grid,.home-terrace-box{grid-template-columns:1fr;gap:34px}.home-visual img{height:420px}.home-special-grid{grid-template-columns:1fr 1fr}.home-gallery-grid{grid-template-columns:1fr 1fr}.home-event-grid{gap:16px}.home-shell{padding-left:24px;padding-right:24px}
}
@media(max-width:680px){
  .hd-logo img{height:50px!important}.nav-item>a{font-size:13px!important;padding:12px 11px!important}.home-hero-light{padding:46px 0 30px}.home-title{font-size:42px}.home-intro{font-size:16px}.home-visual img{height:300px}.home-event-grid,.home-special-grid,.home-contact-grid{grid-template-columns:1fr}.home-terrace-box{padding:28px 22px}.home-terrace-photo img{height:240px}.home-gallery-grid{grid-template-columns:1fr}.btn{width:auto}.home-actions .btn{flex:1 1 100%;text-align:center}
}
.section-dark .card,.section-dark .card-title{color:var(--bb-ink)!important}
.section-dark .card-desc{color:var(--bb-muted)!important}
.section-dark .card-link{color:var(--bb-gold-dark)!important}

/* Logo Bulles Bazar or — correction header/footer */
.hd-logo a{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:min(360px,78vw)!important;overflow:visible!important}
.hd-logo img[src$="logo-bulles-bazar.png"]{width:min(340px,78vw)!important;height:auto!important;max-width:340px!important;max-height:none!important;object-fit:contain!important;display:block!important;opacity:1!important;filter:none!important}
.footer-brand{overflow:visible!important}
.footer-logo{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:360px!important;overflow:visible!important;margin-bottom:18px!important}
.footer-logo-img[src$="logo-bulles-bazar.png"]{width:min(320px,100%)!important;height:auto!important;max-width:320px!important;max-height:none!important;object-fit:contain!important;display:block!important;opacity:1!important;filter:none!important}
@media(max-width:680px){
  .hd-logo img[src$="logo-bulles-bazar.png"]{width:min(300px,82vw)!important;height:auto!important;max-width:300px!important}
  .footer-logo-img[src$="logo-bulles-bazar.png"]{width:min(285px,90vw)!important;height:auto!important;max-width:285px!important}
}

/* CORRECTION FINALE LOGO OR FOURNI — header + pied de page */
.hd-logo{background:#fff!important;border-bottom:0!important;padding:14px 24px 10px!important;overflow:visible!important}
.hd-logo a{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:min(460px,86vw)!important;overflow:visible!important}
.hd-logo img{width:min(430px,86vw)!important;height:auto!important;max-width:430px!important;max-height:none!important;object-fit:contain!important;display:block!important;opacity:1!important;filter:none!important;transform:none!important}
.footer-brand{overflow:visible!important;min-width:0!important}
.footer-logo{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:470px!important;overflow:visible!important;margin:0 0 18px!important;text-decoration:none!important}
.footer-logo-img{width:min(430px,100%)!important;height:auto!important;max-width:430px!important;max-height:none!important;object-fit:contain!important;display:block!important;opacity:1!important;filter:none!important;transform:none!important}
@media(max-width:680px){
  .hd-logo a{max-width:92vw!important}.hd-logo img{width:min(330px,92vw)!important;max-width:330px!important}
  .footer-logo{max-width:92vw!important}.footer-logo-img{width:min(330px,92vw)!important;max-width:330px!important}
}

/* BB TYPOGRAPHIE — titres modernes et légers, Arial pour les textes */
html body h1,
html body h2,
html body .page-hero-title,
html body .carte-header h1,
html body .home-title,
html body .home-section-title,
html body .danse-title,
html body .bobun-hero h1 {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
}

/* BB COULEUR DES GRANDS TITRES — gris ardoise */
:root{--bb-slate:#4b5563;}
html body h1,
html body h2,
html body .page-hero-title,
html body .carte-header h1,
html body .home-title,
html body .home-title span,
html body .home-section-title,
html body .danse-title,
html body .bobun-hero h1 {
  color:var(--bb-slate) !important;
}

/* ==========================================================================
   SOURCE : language-switcher.css
   ========================================================================== */
/* Sélecteur de langue propre — sans Google Translate */
.bb-lang-switcher{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  margin:8px auto 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:30!important;
}
.bb-lang-btn{
  width:38px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(196,146,74,.38)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.055)!important;
  text-decoration:none!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.bb-lang-btn:hover,.bb-lang-btn:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#C4924A!important;
  box-shadow:0 8px 18px rgba(0,0,0,.09)!important;
  outline:none!important;
}
.bb-lang-btn.is-active{border-color:#C4924A!important;box-shadow:0 0 0 2px rgba(196,146,74,.18)!important}
.bb-lang-btn img{width:24px!important;height:16px!important;display:block!important;object-fit:cover!important;border-radius:2px!important}
.bb-lang-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
@media(max-width:760px){.bb-lang-switcher{margin:6px auto 10px!important;gap:7px!important}.bb-lang-btn{width:36px!important;height:29px!important}.bb-lang-btn img{width:23px!important;height:15px!important}}

.bb-lang-btn span{display:none!important}

/* ==========================================================================
   SOURCE : typography-modern-cards.css
   ========================================================================== */
/* Bulles Bazar — typographie moderne des titres
   Aptos Display / Segoe UI pour les grands titres, Arial pour les textes.
   Graisse volontairement légère et gris ardoise conservé. */
:root { --bb-title-slate: #5C6B78; }

html body {
  font-family: Arial, Helvetica, sans-serif !important;
}

html body h1,
html body h2,
html body .page-hero-title,
html body .carte-header h1,
html body .home-title,
html body .home-title span,
html body .home-section-title,
html body .danse-title,
html body .bobun-hero h1,
html body .next-event-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  color: var(--bb-title-slate) !important;
}

/* Les titres posés sur des aplats sombres restent blancs pour la lisibilité. */
html body h2.sh.white,
html body .section-dark h2.sh.white,
html body .terrasse-cta-title,
html body .hero-events h2,
html body footer h2,
html body footer h3 {
  color: #ffffff !important;
}

/* BB — harmonisation des six titres principaux
   Taille de référence : « Carte Déjeuner ».
   Bleu ardoise et relief discret sur ombre noire. */
html body h1.bb-harmonized-main-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  color: #526B7A !important;
  margin: 0 0 8px !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 2px 0 rgba(0,0,0,.30),
    0 4px 7px rgba(0,0,0,.36) !important;
}

/* BB — correction stricte : Actualité, accueil et terrasse exactement comme Carte Déjeuner.
   Sélecteurs renforcés pour neutraliser les styles propres aux bandeaux et au titre d'accueil. */
html body .bb-fresh-header.carte-header h1.bb-harmonized-main-title,
html body h1.home-title.bb-harmonized-main-title,
html body .carte-header h1.bb-harmonized-main-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #526B7A !important;
  margin: 0 0 8px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 2px 0 rgba(0,0,0,.30),
    0 4px 7px rgba(0,0,0,.36) !important;
}

html body h1.home-title.bb-harmonized-main-title span {
  display: block !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  text-shadow: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

/* BB — cartes harmonisées sur les références « Carte Déjeuner »
   et « Un déjeuner généreux et plein de saveurs à Argentan ». */
html body h1.bb-harmonized-main-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #526B7A !important;
  margin: 0 0 8px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 2px 0 rgba(0,0,0,.30),
    0 4px 7px rgba(0,0,0,.36) !important;
}

html body h2.sh.bb-harmonized-card-subtitle {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(24px, 3.2vw, 38px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #5C6B78 !important;
  margin: 0 0 16px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
}

/* ==========================================================================
   SOURCE : dark-ardoise.css
   ========================================================================== */
:root{
  --noir:#f7f4ec!important;
  --creme:#1b2025!important;
  --blanc:#252c32!important;
  --gris:#20262c!important;
  --muted:#c6cbd0!important;
  --ligne:rgba(212,175,99,.24)!important;
  --or:#d4af63!important;
  --saumon:#d4af63!important;
  --sauge:#a9b7a5!important;
}

html{background:#171b1f!important;color-scheme:dark}
body,
body.home-light,
main,
.home-light{
  background:#171b1f!important;
  color:#f7f4ec!important;
}

header,
nav,
.dropdown{
  background:#20262c!important;
}
.hd-logo{
  background:#20262c!important;
  border-bottom:1px solid rgba(212,175,99,.22)!important;
}
.hd-logo img,
.footer-logo-img{
  filter:brightness(0) saturate(100%) invert(79%) sepia(35%) saturate(784%) hue-rotate(356deg) brightness(91%) contrast(88%)!important;
}
.bb-lang-switcher{background:#20262c!important}
.nav-item>a{color:rgba(255,255,255,.78)!important}
.nav-item>a:hover,.nav-item:hover>a{color:#fff!important;background:rgba(212,175,99,.10)!important}
.nav-item>a.active,.dropdown a:hover{color:#d4af63!important}
.dropdown{border-color:#d4af63!important}

.section,
.home-events,
.home-specialties,
.home-terrace,
.home-gallery,
.home-faq,
.bb-photo-section,
.wine-section,
.rhum-section,
.menu-section{
  background:#171b1f!important;
  color:#f7f4ec!important;
}
.section-alt,
.terrasse-feature,
.home-contact-strip,
.home-intro-section,
.section-light{
  background:#20262c!important;
  color:#f7f4ec!important;
}
.section-dark,
.terrasse-site-cta{
  background:linear-gradient(135deg,#252c32,#171b1f)!important;
}

h1,h2,h3,h4,h5,h6,
.sh,.card-title,.home-section-title,.home-special-card b,
.menu-visual-title,.wine-title,.rhum-title,.formule-title,
.terrasse-point b,.terrasse-value strong,.bobun-ingredient b{
  color:#f4d78f!important;
  text-shadow:none!important;
}
p,li,td,th,label,
.sh-text,.card-desc,.home-intro,.home-special-card span,
.menu-visual-text,.page-hero-sub,.carte-header p,.danse-sub,
.terrasse-point span,.terrasse-value p,.bobun-ingredient span{
  color:#d9dde0!important;
}
a{color:#f4d78f}
.eyebrow,.home-kicker,.page-hero-eyebrow,.menu-visual-tag,
.card-num,.terrasse-kicker{color:#d4af63!important;text-shadow:none!important}
.sh-line,.home-section-line span{background:#d4af63!important}

.card,
.section-alt .card,
.home-event-card,
.home-special-card,
.menu-visual-card,
.wine-row,
.rhum-menu-card,
.formule-box,
.danse-info-panel,
.terrasse-point,
.terrasse-value,
.bobun-ingredient,
.home-faq article,
.faq-item{
  background:#252c32!important;
  color:#f7f4ec!important;
  border-color:rgba(212,175,99,.20)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.card:hover,
.section-alt .card:hover,
.home-event-card:hover,
.home-special-card:hover,
.menu-visual-card:hover{
  background:#303941!important;
  border-color:rgba(212,175,99,.42)!important;
}
.grid2,.grid3,.menu-visual-grid,.terrasse-points,.terrasse-values,
.bb-photo-grid,.home-gallery-grid{background:rgba(212,175,99,.10)!important}

.btn-main,.btn-sauge,.fab{
  background:#d4af63!important;
  color:#171b1f!important;
  border-color:#d4af63!important;
  box-shadow:0 10px 24px rgba(212,175,99,.18)!important;
}
.btn-main:hover,.btn-sauge:hover,.fab:hover{background:#ebcb80!important;color:#111!important}
.btn-dark{
  background:#303941!important;
  color:#fff!important;
  border:1px solid rgba(212,175,99,.30)!important;
}
.btn-ghost{
  color:#f4d78f!important;
  border-color:rgba(212,175,99,.55)!important;
}
.btn-ghost:hover{background:rgba(212,175,99,.12)!important;color:#fff!important}
.band-saumon,.band-sauge{background:#2d353c!important;border-block:1px solid rgba(212,175,99,.28)!important}
.band p,.band a{color:#f4d78f!important}

.page-hero,.carte-header,.danse-hero,.home-hero-light{
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(23,27,31,.96) 0%,rgba(32,38,44,.88) 48%,rgba(23,27,31,.68) 100%),
    var(--carte-visual,var(--page-visual,var(--bg,url('../img/dejeuner-header-frais.webp'))))
    center/cover no-repeat!important;
  border-bottom-color:rgba(212,175,99,.30)!important;
}
.page-hero::before,.carte-header::before,.danse-hero::before,.home-hero-light::before{
  background:rgba(23,27,31,.18)!important;
  border-color:rgba(212,175,99,.42)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.34)!important;
}
.page-hero-title,.carte-header h1,.danse-title,.home-title{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.55)!important;
}
.home-title span{color:#f4d78f!important}
.page-hero-sub,.carte-header p,.danse-sub,.home-intro{color:rgba(255,255,255,.84)!important}
.home-visual{
  background:#252c32!important;
  border-color:rgba(212,175,99,.34)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.34)!important;
}

.bobun-hero{
  background:#171b1f!important;
  color:#fff!important;
}
.bobun-hero::after{
  background:linear-gradient(90deg,rgba(23,27,31,.97),rgba(23,27,31,.72))!important;
}
.bobun-hero-inner{
  background:rgba(32,38,44,.76)!important;
  border-color:rgba(212,175,99,.34)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.36)!important;
}
.bobun-hero h1{color:#f4d78f!important;text-shadow:none!important}
.bobun-hero p{color:#e1e4e6!important}
.bobun-photo,.terrasse-photo-main,.terrasse-photo-small{
  background:#252c32!important;
  border-color:#252c32!important;
}

.h-table tr{border-color:rgba(212,175,99,.22)!important}
.h-jour,.h-time{color:#e6e8e9!important}
.h-closed{color:#929aa0!important}
.menu-visual-meta span,.tag,.badge{
  color:#f4d78f!important;
  background:#303941!important;
}

input,textarea,select{
  background:#252c32!important;
  color:#fff!important;
  border-color:rgba(212,175,99,.32)!important;
}
input::placeholder,textarea::placeholder{color:#9ea5aa!important}

.img-hover-preview,.img-lightbox img,.img-lightbox button{
  background:#252c32!important;
  color:#fff!important;
  border-color:rgba(212,175,99,.24)!important;
}
.img-lightbox{background:rgba(8,10,12,.88)!important}

footer{background:#101316!important;border-top:1px solid rgba(212,175,99,.22)!important}
.footer-desc,.footer-links a,.footer-legal,.footer-mention{color:#aeb4b8!important}
.footer-col-h{color:#d4af63!important}
.social{color:#d4af63!important;border-color:rgba(212,175,99,.32)!important}

@media(max-width:700px){
  .page-hero,.carte-header,.danse-hero,.home-hero-light{
    background:
      linear-gradient(rgba(23,27,31,.90),rgba(23,27,31,.88)),
      var(--carte-visual,var(--page-visual,var(--bg,url('../img/dejeuner-header-frais.webp'))))
      center/cover no-repeat!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v2.css
   ========================================================================== */
/* Affinage visuel demandé — titres blancs, photos plus présentes */
h1,h2,h3,h4,h5,h6,
.sh,.card-title,.home-section-title,.home-special-card b,
.menu-visual-title,.wine-title,.rhum-title,.formule-title,
.terrasse-point b,.terrasse-value strong,.bobun-ingredient b,
.terrasse-cta-title,.danse-title,.carte-header h1,.page-hero-title{
  color:#fff!important;
}

.hd-logo img,
.footer-logo-img{
  filter:brightness(0) invert(1)!important;
}

.page-hero,.carte-header,.danse-hero,.home-hero-light{
  background:
    linear-gradient(90deg,rgba(23,27,31,.70) 0%,rgba(23,27,31,.48) 50%,rgba(23,27,31,.26) 100%),
    var(--carte-visual,var(--page-visual,var(--bg,url('../img/dejeuner-header-frais.webp'))))
    center/cover no-repeat!important;
}
.page-hero::before,.carte-header::before,.danse-hero::before,.home-hero-light::before{
  background:rgba(23,27,31,.06)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.terrasse-site-cta::before{opacity:.46!important}
.bobun-hero::after{background:linear-gradient(90deg,rgba(23,27,31,.78),rgba(23,27,31,.38))!important}

/* Le bouton principal reste or ; tous les autres deviennent ardoise profond. */
.btn:not(.btn-main),
.btn-dark,.btn-ghost,.btn-sauge{
  background:#11171c!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24)!important;
}
.btn:not(.btn-main):hover,
.btn-dark:hover,.btn-ghost:hover,.btn-sauge:hover{
  background:#29323a!important;
  color:#fff!important;
  border-color:rgba(212,175,99,.66)!important;
}
.btn-main{
  background:#d4af63!important;
  color:#171b1f!important;
  border:1px solid #d4af63!important;
}

/* Toutes nos cartes et Terrasse — même langage de mise en page que l'accueil. */
.bb-page-nos-cartes .carte-header,
.bb-page-terrasse .carte-header{
  min-height:460px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:82px 32px 64px!important;
}
.bb-page-nos-cartes .carte-header h1,
.bb-page-terrasse .carte-header h1{
  font-size:clamp(38px,5.5vw,68px)!important;
  line-height:1.05!important;
}
.bb-page-nos-cartes .carte-header p,
.bb-page-terrasse .carte-header p{
  color:rgba(255,255,255,.88)!important;
  max-width:720px!important;
}
.bb-page-nos-cartes .menu-visual-grid{
  gap:22px!important;
  background:transparent!important;
}
.bb-page-nos-cartes .menu-visual-card,
.bb-page-terrasse .terrasse-value,
.bb-page-terrasse .terrasse-point{
  border-radius:18px!important;
  overflow:hidden!important;
}
.bb-page-nos-cartes .menu-visual-img{height:220px!important}
.bb-page-nos-cartes .menu-visual-card:hover img{transform:scale(1.055)!important}
.bb-page-terrasse .terrasse-feature-grid{
  grid-template-columns:1fr 1fr!important;
  gap:44px!important;
}
.bb-page-terrasse .terrasse-photo-main,
.bb-page-terrasse .terrasse-photo-small{
  border-radius:18px!important;
  border-color:#252c32!important;
}
.bb-page-terrasse .terrasse-values{
  gap:18px!important;
  background:transparent!important;
}

@media(max-width:960px){
  .bb-page-nos-cartes .carte-header,
  .bb-page-terrasse .carte-header{min-height:390px!important}
  .bb-page-terrasse .terrasse-feature-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .page-hero,.carte-header,.danse-hero,.home-hero-light{
    background:
      linear-gradient(rgba(23,27,31,.62),rgba(23,27,31,.48)),
      var(--carte-visual,var(--page-visual,var(--bg,url('../img/dejeuner-header-frais.webp'))))
      center/cover no-repeat!important;
  }
  .bb-page-nos-cartes .carte-header,
  .bb-page-terrasse .carte-header{
    min-height:340px!important;
    padding:60px 18px 46px!important;
  }
  .bb-page-nos-cartes .menu-visual-img{height:190px!important}
}

/* ==========================================================================
   SOURCE : dark-ardoise-v3.css
   ========================================================================== */
/* V3 — bandeaux thématiques et cartes produits sombres */

/* Tous les titres restent blancs sur toutes les pages et composants. */
h1,h2,h3,h4,h5,h6,
.page-hero-title,.carte-header h1,.danse-title,.sh,
.home-title,.home-section-title,.card-title,.menu-visual-title,
.plat-nom,.cocktail-name,.wine-main h3,.wine-main b,
.whisky-name,.rhum-name,.bar-item b,.formule-title{
  color:#fff!important;
}

/* Bandeaux communs : proportions, cadre et lisibilité de la page d'accueil. */
.bb-themed-page .carte-header,
.bb-themed-page .page-hero,
.bb-themed-page .danse-hero{
  min-height:480px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:86px 32px 68px!important;
  background:
    linear-gradient(90deg,rgba(18,22,26,.66),rgba(18,22,26,.42),rgba(18,22,26,.25)),
    var(--carte-visual,var(--page-visual,var(--event-visual,var(--bg))))
    center/cover no-repeat!important;
  border-bottom:1px solid rgba(212,175,99,.34)!important;
  color:#fff!important;
}
.bb-themed-page .carte-header::before,
.bb-themed-page .page-hero::before,
.bb-themed-page .danse-hero::before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:24px!important;
  background:rgba(18,22,26,.04)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.30)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.bb-themed-page .carte-header>*,
.bb-themed-page .page-hero>*,
.bb-themed-page .danse-hero>*{position:relative!important;z-index:1!important}
.bb-themed-page .carte-header h1,
.bb-themed-page .page-hero-title,
.bb-themed-page .danse-title{
  font-size:clamp(38px,5.6vw,70px)!important;
  line-height:1.04!important;
  color:#fff!important;
  text-shadow:0 3px 22px rgba(0,0,0,.60)!important;
  max-width:960px!important;
}
.bb-themed-page .carte-header p,
.bb-themed-page .page-hero-sub,
.bb-themed-page .danse-sub{
  color:rgba(255,255,255,.90)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.50)!important;
  max-width:760px!important;
}
.bb-themed-page .eyebrow-h,
.bb-themed-page .page-hero-eyebrow{
  color:#f4d78f!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}

/* Images thématiques explicites pour les cartes et événements. */
.bb-page-dejeuner .carte-header{--carte-visual:url('../img/dejeuner-header-frais.webp')!important}
.bb-page-diner .carte-header{--carte-visual:url('../img/menu/tapas.webp')!important}
.bb-page-nos-cartes .carte-header{--carte-visual:url('../img/nos-cartes/cocktails-001.webp')!important}
.bb-page-bar .carte-header{--carte-visual:url('../img/lieu/bar-002.webp')!important}
.bb-page-cocktails .carte-header{--carte-visual:url('../img/nos-cartes/cocktails-001.webp')!important}
.bb-page-vins .carte-header{--carte-visual:url('../img/nos-cartes/vins-001.webp')!important}
.bb-page-whisky .carte-header{--carte-visual:url('../img/nos-cartes/whisky-001.webp')!important}
.bb-page-rhum .carte-header{--carte-visual:url('../img/nos-cartes/rhum-001.webp')!important}
.bb-page-actualite .carte-header{--carte-visual:url('../img/personnes/people-001.webp')!important}
.bb-page-danse-latine .carte-header{--carte-visual:url('../img/personnes/people-002.webp')!important}
.bb-page-diner-dansant .carte-header{--carte-visual:url('../img/personnes/people-003.webp')!important}
.bb-page-groupes .carte-header{--carte-visual:url('../img/personnes/people-004.webp')!important}

/* Toutes nos cartes : même rythme visuel et mêmes cartes que l'accueil. */
.bb-page-nos-cartes .section>.container{max-width:1160px!important}
.bb-page-nos-cartes .menu-visual-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  background:transparent!important;
}
.bb-page-nos-cartes .menu-visual-card{
  border-radius:18px!important;
  background:#252c32!important;
  border:1px solid rgba(212,175,99,.20)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.bb-page-nos-cartes .menu-visual-img{height:225px!important}
.bb-page-nos-cartes .menu-visual-body{padding:26px!important}
.bb-page-nos-cartes .menu-visual-card:hover{
  background:#303941!important;
  transform:translateY(-4px)!important;
  border-color:rgba(212,175,99,.48)!important;
}

/* Cartes produits : ardoise, gris ou noir avec typographie adaptée. */
.plat-row,.bar-item,.cocktail-card,.wine-row,.whisky-card,.rhum-row,
.weekly-menu-card,.rhum-menu-card,.fiche-card,.formule-box,
.menu-visual-card,.card,.home-event-card,.home-special-card,
.danse-info-panel,.event-card,.next-event-card{
  background:#252c32!important;
  color:#fff!important;
  border-color:rgba(212,175,99,.20)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.plat-row:hover,.bar-item:hover,.cocktail-card:hover,.wine-row:hover,
.whisky-card:hover,.rhum-row:hover,.menu-visual-card:hover,.card:hover{
  background:#303941!important;
  border-color:rgba(212,175,99,.46)!important;
}
.plat-text,.plat-desc,.cocktail-desc,.cocktail-meta,.wine-info,
.whisky-detail,.rhum-detail,.menu-visual-text,.card-desc,
.bar-item span,.weekly-menu-note{
  color:#d9dde0!important;
}
.plat-prix,.plat-price-wrap,.cocktail-price,.wine-price,.whisky-price,
.rhum-price,.bar-price,.card-link,.whisky-kicker,.wine-color,
.menu-visual-tag,.plat-badge{
  color:#f4d78f!important;
}
.cocktail-recette,.whisky-side,.wine-list,.rhum-menu-list{
  background:#1b2025!important;
  color:#e8eaec!important;
  border-color:rgba(212,175,99,.18)!important;
}
.cocktail-toggle,.whisky-tab,.wine-filter button{
  background:#11171c!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
.cocktail-toggle:hover,.whisky-tab:hover,.wine-filter button:hover,
.whisky-tab.active,.wine-filter button.active{
  background:#303941!important;
  color:#f4d78f!important;
  border-color:rgba(212,175,99,.58)!important;
}

@media(max-width:960px){
  .bb-page-nos-cartes .menu-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .bb-themed-page .carte-header,
  .bb-themed-page .page-hero,
  .bb-themed-page .danse-hero{
    min-height:360px!important;
    padding:62px 18px 48px!important;
    background:
      linear-gradient(rgba(18,22,26,.58),rgba(18,22,26,.42)),
      var(--carte-visual,var(--page-visual,var(--event-visual,var(--bg))))
      center/cover no-repeat!important;
  }
  .bb-themed-page .carte-header::before,
  .bb-themed-page .page-hero::before,
  .bb-themed-page .danse-hero::before{inset:10px!important;border-radius:18px!important}
  .bb-page-nos-cartes .menu-visual-grid{grid-template-columns:1fr!important}
  .bb-page-nos-cartes .menu-visual-img{height:195px!important}
}

/* ==========================================================================
   SOURCE : dark-ardoise-v4.css
   ========================================================================== */
/* V4 — bandeaux plus compacts et typographie entièrement blanche */
.bb-themed-page .carte-header,
.bb-themed-page .page-hero,
.bb-themed-page .danse-hero{
  min-height:315px!important;
  padding:48px 32px 40px!important;
}

.bb-themed-page .carte-header h1,
.bb-themed-page .page-hero-title,
.bb-themed-page .danse-title{
  font-size:clamp(34px,4.7vw,58px)!important;
  color:#fff!important;
}

.bb-themed-page .carte-header p,
.bb-themed-page .carte-header span,
.bb-themed-page .carte-header strong,
.bb-themed-page .carte-header b,
.bb-themed-page .carte-header a,
.bb-themed-page .page-hero p,
.bb-themed-page .page-hero span,
.bb-themed-page .page-hero strong,
.bb-themed-page .page-hero b,
.bb-themed-page .page-hero a,
.bb-themed-page .danse-hero p,
.bb-themed-page .danse-hero span,
.bb-themed-page .danse-hero strong,
.bb-themed-page .danse-hero b,
.bb-themed-page .danse-hero a,
.bb-themed-page .eyebrow-h,
.bb-themed-page .page-hero-eyebrow,
.bb-themed-page .home-kicker{
  color:#fff!important;
}

.bb-themed-page .carte-header::before,
.bb-themed-page .page-hero::before,
.bb-themed-page .danse-hero::before{
  inset:12px!important;
  border-radius:18px!important;
}

@media(max-width:700px){
  .bb-themed-page .carte-header,
  .bb-themed-page .page-hero,
  .bb-themed-page .danse-hero{
    min-height:255px!important;
    padding:38px 18px 32px!important;
  }
  .bb-themed-page .carte-header h1,
  .bb-themed-page .page-hero-title,
  .bb-themed-page .danse-title{
    font-size:clamp(30px,10vw,44px)!important;
  }
  .bb-themed-page .carte-header::before,
  .bb-themed-page .page-hero::before,
  .bb-themed-page .danse-hero::before{
    inset:8px!important;
    border-radius:14px!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v5.css
   ========================================================================== */
/* V5 — grands titres blancs avec relief élégant */
.home-title,
.page-hero-title,
.carte-header h1,
.danse-title,
.bobun-hero h1,
.home-hero-light h1,
.page-hero h1,
.danse-hero h1{
  color:#fff!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.38),
    0 2px 0 rgba(8,11,14,.92),
    0 4px 8px rgba(0,0,0,.66),
    0 10px 28px rgba(0,0,0,.38)!important;
}

.home-title span{
  color:#fff!important;
  text-shadow:inherit!important;
}

@media(max-width:700px){
  .home-title,
  .page-hero-title,
  .carte-header h1,
  .danse-title,
  .bobun-hero h1{
    text-shadow:
      0 1px 0 rgba(255,255,255,.30),
      0 2px 0 rgba(8,11,14,.90),
      0 4px 10px rgba(0,0,0,.58)!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v6.css
   ========================================================================== */
/* V6 — neutralisation complète des anciens titres bleu ardoise */
:root{--bb-title-slate:#fff!important}

html body h1,
html body h2,
html body .page-hero-title,
html body .carte-header h1,
html body .home-title,
html body .home-title span,
html body .home-section-title,
html body .danse-title,
html body .bobun-hero h1,
html body .next-event-title,
html body h1.bb-harmonized-main-title,
html body .bb-fresh-header.carte-header h1.bb-harmonized-main-title,
html body h1.home-title.bb-harmonized-main-title,
html body .carte-header h1.bb-harmonized-main-title,
html body h1.home-title.bb-harmonized-main-title span,
html body h2.sh.bb-harmonized-card-subtitle{
  color:#fff!important;
}

html body h1.bb-harmonized-main-title,
html body .bb-fresh-header.carte-header h1.bb-harmonized-main-title,
html body h1.home-title.bb-harmonized-main-title,
html body .carte-header h1.bb-harmonized-main-title{
  text-shadow:
    0 1px 0 rgba(255,255,255,.34),
    0 2px 0 rgba(8,11,14,.92),
    0 4px 8px rgba(0,0,0,.66),
    0 10px 28px rgba(0,0,0,.38)!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v7.css
   ========================================================================== */
/* V7 — accueil, réseaux sociaux et annonces événementielles */

/* "Notre atout majeur" reprend exactement le gris de l'en-tête. */
.home-terrace-panel,
.home-terrace-box{
  background:#20262c!important;
  color:#fff!important;
}
.home-terrace-panel{
  border-block:1px solid rgba(212,175,99,.20)!important;
}
.home-terrace-box{
  border-color:rgba(212,175,99,.22)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
.home-terrace-box h2,
.home-terrace-box p,
.home-terrace-box .home-kicker{color:#fff!important}

/* Icônes officielles locales à la place des abréviations texte. */
.footer-socials .social{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:#20262c!important;
  border-color:rgba(255,255,255,.24)!important;
}
.footer-socials .social img{
  width:18px!important;
  height:18px!important;
  display:block!important;
  filter:brightness(0) invert(1)!important;
}
.footer-socials .social:hover{
  background:#303941!important;
  border-color:#d4af63!important;
  transform:translateY(-2px)!important;
}

/* Les annonces de soirées deviennent des bandeaux photo assombris. */
.home-event-card[href*="danse-latine"]{
  background:
    linear-gradient(rgba(17,21,25,.68),rgba(17,21,25,.76)),
    url('../img/personnes/people-002.webp') center/cover no-repeat!important;
}
.home-event-card[href*="diner-dansant"]{
  background:
    linear-gradient(rgba(17,21,25,.68),rgba(17,21,25,.76)),
    url('../img/personnes/people-003.webp') center/cover no-repeat!important;
}
.home-event-card[href*="danse-latine"],
.home-event-card[href*="diner-dansant"]{
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.26)!important;
}
.home-event-card[href*="danse-latine"] *,
.home-event-card[href*="diner-dansant"] *{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.home-event-card[href*="danse-latine"]:hover,
.home-event-card[href*="diner-dansant"]:hover{
  border-color:rgba(212,175,99,.68)!important;
  transform:translateY(-3px)!important;
}

/* Terrasse et Toutes nos cartes utilisent strictement le bandeau commun. */
.bb-page-terrasse .carte-header,
.bb-page-nos-cartes .carte-header{
  min-height:315px!important;
  padding:48px 32px 40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.bb-page-terrasse .carte-header h1,
.bb-page-nos-cartes .carte-header h1{
  font-size:clamp(34px,4.7vw,58px)!important;
  color:#fff!important;
}

@media(max-width:700px){
  .home-event-card[href*="danse-latine"],
  .home-event-card[href*="diner-dansant"]{min-height:190px!important}
  .bb-page-terrasse .carte-header,
  .bb-page-nos-cartes .carte-header{
    min-height:255px!important;
    padding:38px 18px 32px!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v8.css
   ========================================================================== */
/* V8 — normalisation structurelle de Terrasse et Toutes nos cartes */
html body.bb-page-terrasse,
html body.bb-page-nos-cartes{
  background:#171b1f!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

html body.bb-page-terrasse .carte-header.bb-standard-rubric-header,
html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header{
  position:relative!important;
  min-height:315px!important;
  padding:48px 32px 40px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(18,22,26,.66),rgba(18,22,26,.42),rgba(18,22,26,.25)),
    var(--carte-visual) center/cover no-repeat!important;
  border-bottom:1px solid rgba(212,175,99,.34)!important;
  box-shadow:none!important;
}
html body.bb-page-terrasse .carte-header.bb-standard-rubric-header::before,
html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header::before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:18px!important;
  background:rgba(18,22,26,.04)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.30)!important;
  opacity:1!important;
  pointer-events:none!important;
}
html body.bb-page-terrasse .carte-header.bb-standard-rubric-header>*,
html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header>*{
  position:relative!important;
  z-index:1!important;
  color:#fff!important;
}
html body.bb-page-terrasse .carte-header.bb-standard-rubric-header h1,
html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header h1{
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:clamp(34px,4.7vw,58px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
  margin:0 0 10px!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.34),
    0 2px 0 rgba(8,11,14,.92),
    0 4px 8px rgba(0,0,0,.66),
    0 10px 28px rgba(0,0,0,.38)!important;
}
html body.bb-page-terrasse .carte-header.bb-standard-rubric-header p,
html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header p{
  max-width:760px!important;
  color:rgba(255,255,255,.90)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.50)!important;
}

html body.bb-page-terrasse main>.section,
html body.bb-page-nos-cartes main>.section{
  background:#171b1f!important;
  color:#fff!important;
  padding:72px 0!important;
}
html body.bb-page-terrasse main>.section:nth-of-type(even),
html body.bb-page-nos-cartes main>.section:nth-of-type(even){
  background:#20262c!important;
}
html body.bb-page-terrasse .container,
html body.bb-page-nos-cartes .container{
  max-width:1160px!important;
}

html body.bb-page-nos-cartes .menu-visual-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  background:transparent!important;
}
html body.bb-page-nos-cartes .menu-visual-card,
html body.bb-page-terrasse .terrasse-value,
html body.bb-page-terrasse .terrasse-point{
  background:#252c32!important;
  color:#fff!important;
  border:1px solid rgba(212,175,99,.20)!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
html body.bb-page-nos-cartes .menu-visual-title,
html body.bb-page-terrasse .terrasse-value strong,
html body.bb-page-terrasse .terrasse-point b{color:#fff!important}
html body.bb-page-nos-cartes .menu-visual-text,
html body.bb-page-terrasse .terrasse-value p,
html body.bb-page-terrasse .terrasse-point span{color:#d9dde0!important}

@media(max-width:960px){
  html body.bb-page-nos-cartes .menu-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  html body.bb-page-terrasse .carte-header.bb-standard-rubric-header,
  html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header{
    min-height:255px!important;
    padding:38px 18px 32px!important;
  }
  html body.bb-page-terrasse .carte-header.bb-standard-rubric-header::before,
  html body.bb-page-nos-cartes .carte-header.bb-standard-rubric-header::before{
    inset:8px!important;
    border-radius:14px!important;
  }
  html body.bb-page-nos-cartes .menu-visual-grid{grid-template-columns:1fr!important}
}

/* ==========================================================================
   SOURCE : dark-ardoise-v9.css
   ========================================================================== */
/* V9 — bandeaux Prochain rendez-vous + photo terrasse garantie */

/* Photo locale explicite : ne dépend plus d'une variable héritée. */
html body.bb-page-terrasse .carte-header.bb-standard-rubric-header{
  background:
    linear-gradient(90deg,rgba(18,22,26,.66),rgba(18,22,26,.42),rgba(18,22,26,.25)),
    url('../img/lieu/terrasse-002.webp') center/cover no-repeat!important;
}

/* Prochains rendez-vous conçus comme les bandeaux de rubrique. */
html body.bb-page-danse-latine .next-event-box,
html body.bb-page-diner-dansant .next-event-box{
  position:relative!important;
  min-height:250px!important;
  padding:46px 52px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:34px!important;
  overflow:hidden!important;
  border:1px solid rgba(212,175,99,.30)!important;
  border-radius:22px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30)!important;
  color:#fff!important;
}
html body.bb-page-danse-latine .next-event-box{
  background:
    linear-gradient(90deg,rgba(18,22,26,.74),rgba(18,22,26,.52),rgba(18,22,26,.38)),
    url('../img/personnes/people-002.webp') center/cover no-repeat!important;
}
html body.bb-page-diner-dansant .next-event-box{
  background:
    linear-gradient(90deg,rgba(18,22,26,.74),rgba(18,22,26,.52),rgba(18,22,26,.38)),
    url('../img/personnes/people-003.webp') center/cover no-repeat!important;
}
html body.bb-page-danse-latine .next-event-box::before,
html body.bb-page-diner-dansant .next-event-box::before{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:15px!important;
  background:rgba(18,22,26,.04)!important;
  pointer-events:none!important;
}
html body.bb-page-danse-latine .next-event-box>*,
html body.bb-page-diner-dansant .next-event-box>*{
  position:relative!important;
  z-index:1!important;
}
html body.bb-page-danse-latine .next-event-label,
html body.bb-page-diner-dansant .next-event-label,
html body.bb-page-danse-latine .next-event-title,
html body.bb-page-diner-dansant .next-event-title,
html body.bb-page-danse-latine .next-event-text,
html body.bb-page-diner-dansant .next-event-text,
html body.bb-page-danse-latine .next-event-text strong,
html body.bb-page-diner-dansant .next-event-text strong{
  color:#fff!important;
}
html body.bb-page-danse-latine .next-event-label,
html body.bb-page-diner-dansant .next-event-label{
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  margin-bottom:10px!important;
}
html body.bb-page-danse-latine .next-event-title,
html body.bb-page-diner-dansant .next-event-title{
  font-size:clamp(26px,3.5vw,44px)!important;
  line-height:1.12!important;
  margin-bottom:12px!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.28),
    0 2px 0 rgba(8,11,14,.90),
    0 5px 16px rgba(0,0,0,.62)!important;
}
html body.bb-page-danse-latine .next-event-text,
html body.bb-page-diner-dansant .next-event-text{
  max-width:760px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.62)!important;
}

@media(max-width:760px){
  html body.bb-page-danse-latine .next-event-box,
  html body.bb-page-diner-dansant .next-event-box{
    min-height:230px!important;
    padding:38px 26px!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v10.css
   ========================================================================== */
/* V10 — restauration des photos originelles des prochains rendez-vous */

html body.bb-page-danse-latine .next-event-box{
  background:
    linear-gradient(90deg,rgba(18,22,26,.74),rgba(18,22,26,.52),rgba(18,22,26,.38)),
    var(--event-bg,url('../img/danse-latine/danse-latine-ambiance-2026.webp')) center/cover no-repeat!important;
}

html body.bb-page-diner-dansant .next-event-box{
  background:
    linear-gradient(90deg,rgba(18,22,26,.74),rgba(18,22,26,.52),rgba(18,22,26,.38)),
    var(--event-bg,url('../img/diner-dansant/diner-dansant-boule-facettes.webp')) center/cover no-repeat!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v11.css
   ========================================================================== */
/* V11 — arrière-plans photo explicites, sans variable CSS */

html body.bb-page-danse-latine .next-event-box{
  background-color:#1b2025!important;
  background-image:
    linear-gradient(90deg,rgba(18,22,26,.58),rgba(18,22,26,.38),rgba(18,22,26,.24)),
    url('../img/danse-latine/danse-latine-ambiance-2026.webp')!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
}

html body.bb-page-diner-dansant .next-event-box{
  background-color:#1b2025!important;
  background-image:
    linear-gradient(90deg,rgba(18,22,26,.58),rgba(18,22,26,.38),rgba(18,22,26,.24)),
    url('../img/diner-dansant/diner-dansant-boule-facettes.webp')!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v12.css
   ========================================================================== */
/* V12 — diaporama de la page d'accueil */

.home-terrace-photo.bb-home-slideshow{
  position:relative!important;
  height:330px!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#171c21!important;
  border:8px solid rgba(255,255,255,.10)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34)!important;
}

.home-terrace-photo.bb-home-slideshow .bb-home-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  opacity:0;
  transform:scale(1.04);
  animation:bbHomeSlideshow 35s infinite;
  animation-delay:calc(var(--bb-slide) * 5s);
  will-change:opacity,transform;
}

.home-terrace-photo.bb-home-slideshow::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(14,18,22,.16),rgba(14,18,22,.02) 54%,rgba(14,18,22,.22));
}

@keyframes bbHomeSlideshow{
  0%,11.5%{opacity:1;transform:scale(1)}
  14.3%,100%{opacity:0;transform:scale(1.04)}
}

@media(max-width:700px){
  .home-terrace-photo.bb-home-slideshow{
    height:240px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-terrace-photo.bb-home-slideshow .bb-home-slide{
    animation:none!important;
    opacity:0!important;
    transform:none!important;
  }
  .home-terrace-photo.bb-home-slideshow .bb-home-slide:first-child{
    opacity:1!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v13.css
   ========================================================================== */
/* V13 — diaporama piloté par JavaScript */

.home-terrace-photo.bb-home-slideshow .bb-home-slide{
  animation:none!important;
  opacity:0!important;
  transform:scale(1.035)!important;
  transition:opacity 1.05s ease,transform 5.2s ease!important;
}

.home-terrace-photo.bb-home-slideshow:not(.is-ready) .bb-home-slide:first-child,
.home-terrace-photo.bb-home-slideshow .bb-home-slide.is-active{
  opacity:1!important;
  transform:scale(1)!important;
}

.bb-home-slideshow-dots{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:15px;
  display:flex;
  gap:7px;
  align-items:center;
  transform:translateX(-50%);
  padding:7px 10px;
  border-radius:999px;
  background:rgba(12,16,20,.58);
  backdrop-filter:blur(5px);
}

.bb-home-slideshow-dot{
  width:8px;
  height:8px;
  padding:0;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transition:width .25s ease,background .25s ease,border-color .25s ease;
}

.bb-home-slideshow-dot.is-active{
  width:24px;
  border-radius:999px;
  border-color:#d4af63;
  background:#d4af63;
}

.bb-home-slideshow-dot:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}

@media(max-width:700px){
  .bb-home-slideshow-dots{
    bottom:10px;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v14.css
   ========================================================================== */
/* V14 — diaporama thématique placé dans le visuel principal de l'accueil */

.home-visual.bb-home-topic-slideshow{
  position:relative!important;
  height:544px!important;
  min-height:544px!important;
  padding:12px!important;
  isolation:isolate;
}

.bb-home-topic-slide{
  position:absolute;
  inset:12px;
  z-index:1;
  display:block;
  overflow:hidden;
  border-radius:16px;
  opacity:0;
  pointer-events:none;
  transform:scale(1.025);
  transition:opacity 1.05s ease,transform 5.6s ease;
}

.bb-home-topic-slide.is-active{
  z-index:2;
  opacity:1;
  pointer-events:auto;
  transform:scale(1);
}

.bb-home-topic-slide img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:16px!important;
}

.bb-home-topic-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(10,13,16,.04) 32%,rgba(10,13,16,.86) 100%);
  pointer-events:none;
}

.bb-home-topic-copy{
  position:absolute;
  z-index:2;
  right:clamp(22px,4vw,46px);
  bottom:clamp(42px,6vw,70px);
  left:clamp(22px,4vw,46px);
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.72);
}

.bb-home-topic-title{
  display:block;
  max-width:94%;
  font-size:clamp(32px,4.4vw,58px);
  font-weight:750;
  line-height:1.02;
  letter-spacing:-.025em;
  color:#fff;
}

.bb-home-topic-cta{
  display:inline-block;
  margin-top:13px;
  padding-bottom:4px;
  border-bottom:2px solid #d4af63;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.bb-home-topic-dots{
  position:absolute;
  z-index:5;
  right:28px;
  bottom:26px;
  display:flex;
  gap:7px;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(10,14,18,.64);
  backdrop-filter:blur(5px);
}

.bb-home-topic-dot{
  width:8px;
  height:8px;
  padding:0;
  border:1px solid rgba(255,255,255,.76);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transition:width .25s ease,background .25s ease,border-color .25s ease;
}

.bb-home-topic-dot.is-active{
  width:24px;
  border-radius:999px;
  border-color:#d4af63;
  background:#d4af63;
}

.bb-home-topic-dot:focus-visible,
.bb-home-topic-slide:focus-visible{
  outline:3px solid #fff;
  outline-offset:-5px;
}

@media(max-width:960px){
  .home-visual.bb-home-topic-slideshow{
    height:444px!important;
    min-height:444px!important;
  }
}

@media(max-width:600px){
  .home-visual.bb-home-topic-slideshow{
    height:324px!important;
    min-height:324px!important;
  }
  .bb-home-topic-title{
    font-size:clamp(29px,10vw,42px);
  }
  .bb-home-topic-copy{
    bottom:52px;
  }
  .bb-home-topic-dots{
    right:20px;
    bottom:18px;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v17.css
   ========================================================================== */
/* V17 — nouveaux visuels des annonces de soirées sur l'accueil */

.home-event-card[href*="danse-latine"]{
  background:
    linear-gradient(rgba(17,21,25,.48),rgba(17,21,25,.72)),
    url('../img/evenements/danse-latine-002.webp') center 42%/cover no-repeat!important;
}

.home-event-card[href*="diner-dansant"]{
  background:
    linear-gradient(rgba(17,21,25,.48),rgba(17,21,25,.72)),
    url('../img/evenements/diner-dansant-002.webp') center 44%/cover no-repeat!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v18.css
   ========================================================================== */
/* V18 — affiche du menu de la semaine dans le carré de l'accueil */

.home-event-card[href*="dejeuner.html#menu-semaine"]{
  position:relative!important;
  min-height:220px!important;
  aspect-ratio:1/1;
  padding:0!important;
  overflow:hidden!important;
  background:#15212a!important;
  border-color:rgba(255,255,255,.25)!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] .home-weekly-menu-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > .home-event-icon,
.home-event-card[href*="dejeuner.html#menu-semaine"] > b,
.home-event-card[href*="dejeuner.html#menu-semaine"] > span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"]:hover{
  border-color:rgba(212,175,99,.72)!important;
  transform:translateY(-3px)!important;
}

@media(max-width:700px){
  .home-event-card[href*="dejeuner.html#menu-semaine"]{
    min-height:190px!important;
  }
}

/* ==========================================================================
   SOURCE : dark-ardoise-v19.css
   ========================================================================== */
/* V19 — finition du diaporama d'accueil et libellé de la carte déjeuner */

.home-visual.bb-home-topic-slideshow{
  padding:0!important;
  background:transparent!important;
  border:1px solid #fff!important;
  border-radius:18px!important;
}

.home-visual.bb-home-topic-slideshow::after{
  display:none!important;
}

.bb-home-topic-slide{
  inset:0!important;
  border-radius:17px!important;
}

.bb-home-topic-slide img{
  border-radius:17px!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"]::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(10,17,23,.88) 100%);
  pointer-events:none;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > .home-event-icon{
  position:absolute!important;
  z-index:2!important;
  right:auto!important;
  bottom:54px!important;
  left:50%!important;
  display:flex!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  clip:auto!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;
  background:rgba(19,31,40,.72)!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  text-shadow:0 2px 8px rgba(0,0,0,.65)!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > b{
  position:absolute!important;
  z-index:2!important;
  right:14px!important;
  bottom:20px!important;
  left:14px!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  color:#fff!important;
  font-size:clamp(17px,2vw,21px)!important;
  font-weight:700!important;
  line-height:1.1!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.82)!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v20.css
   ========================================================================== */
/* V20 — finition sombre de la page Cocktail Paradise */

.bb-page-cocktails .carte-tabs{
  background:#0b1014!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 26px rgba(0,0,0,.22)!important;
}

.bb-page-cocktails .tab-btn{
  background:#151c22!important;
  color:rgba(255,255,255,.82)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}

.bb-page-cocktails .tab-btn:hover{
  background:#202a32!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
}

.bb-page-cocktails .tab-btn.active{
  background:#05080a!important;
  color:#f4d78f!important;
  border-color:rgba(212,175,99,.72)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}

.bb-page-cocktails .cocktail-recette{
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
}

.bb-page-cocktails .cocktail-card.open .cocktail-recette{
  max-height:1400px!important;
  margin-top:16px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(212,175,99,.18)!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v21.css
   ========================================================================== */
/* V21 — visuels finaux et réellement visibles des trois bandeaux événements */

body.bb-page-actualite .bb-fresh-header.carte-header{
  background:
    linear-gradient(90deg,rgba(7,11,15,.78) 0%,rgba(7,11,15,.58) 48%,rgba(7,11,15,.42) 100%),
    url("../img/evenements/bandeau-actualites-evenements-v24.webp") center 48%/cover no-repeat!important;
}

body.bb-page-danse-latine .bb-fresh-header.carte-header{
  background:
    linear-gradient(90deg,rgba(7,11,15,.78) 0%,rgba(7,11,15,.56) 48%,rgba(7,11,15,.40) 100%),
    url("../img/evenements/bandeau-danse-latine-v24.webp") center 44%/cover no-repeat!important;
}

body.bb-page-diner-dansant .bb-fresh-header.carte-header{
  background:
    linear-gradient(90deg,rgba(7,11,15,.78) 0%,rgba(7,11,15,.56) 48%,rgba(7,11,15,.40) 100%),
    url("../img/evenements/bandeau-diner-dansant-v24.webp") center 46%/cover no-repeat!important;
}

body.bb-page-actualite .bb-fresh-header.carte-header::before,
body.bb-page-danse-latine .bb-fresh-header.carte-header::before,
body.bb-page-diner-dansant .bb-fresh-header.carte-header::before{
  background:rgba(5,8,11,.12)!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26)!important;
}

body.bb-page-actualite .bb-fresh-header.carte-header h1,
body.bb-page-danse-latine .bb-fresh-header.carte-header h1,
body.bb-page-diner-dansant .bb-fresh-header.carte-header h1{
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.86)!important;
}

body.bb-page-actualite .bb-fresh-header.carte-header p,
body.bb-page-danse-latine .bb-fresh-header.carte-header p,
body.bb-page-diner-dansant .bb-fresh-header.carte-header p{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
}

body.bb-page-actualite .bb-fresh-header.carte-header .eyebrow-h,
body.bb-page-danse-latine .bb-fresh-header.carte-header .eyebrow-h,
body.bb-page-diner-dansant .bb-fresh-header.carte-header .eyebrow-h{
  color:#f4d78f!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v22.css
   ========================================================================== */
/* V22 — bandeau Groupes & soirées privées */

body.bb-page-groupes .bb-fresh-header.carte-header{
  background:
    linear-gradient(90deg,rgba(7,10,14,.78) 0%,rgba(7,10,14,.52) 50%,rgba(7,10,14,.34) 100%),
    url("../img/evenements/bandeau-groupes-prives-v25.webp") center 48%/cover no-repeat!important;
}

body.bb-page-groupes .bb-fresh-header.carte-header::before{
  background:rgba(5,8,11,.10)!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}

body.bb-page-groupes .bb-fresh-header.carte-header h1{
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.88)!important;
}

body.bb-page-groupes .bb-fresh-header.carte-header p{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
}

body.bb-page-groupes .bb-fresh-header.carte-header .eyebrow-h{
  color:#f4d78f!important;
}

/* ==========================================================================
   SOURCE : dark-ardoise-v24.css
   ========================================================================== */
/* V24 — Carte Déjeuner alignée sur les cartes Danse Latine et Dîner Dansant */

.home-event-card[href*="dejeuner.html#menu-semaine"]{
  min-height:220px!important;
  aspect-ratio:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:26px 18px 24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(rgba(17,21,25,.50),rgba(17,21,25,.76)),
    url("../img/dejeuner-visuel.webp") center 46%/cover no-repeat!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.26)!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"]::after,
.home-event-card[href*="dejeuner.html#menu-semaine"] .home-weekly-menu-image{
  display:none!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > .home-event-icon,
.home-event-card[href*="dejeuner.html#menu-semaine"] > b,
.home-event-card[href*="dejeuner.html#menu-semaine"] > span{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.76)!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > .home-event-icon{
  margin-bottom:10px!important;
  font-size:30px!important;
  line-height:1!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > b{
  margin-bottom:4px!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1.2!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"] > span{
  font-size:13px!important;
}

.home-event-card[href*="dejeuner.html#menu-semaine"]:hover{
  border-color:rgba(212,175,99,.68)!important;
  transform:translateY(-3px)!important;
}

@media(max-width:700px){
  .home-event-card[href*="dejeuner.html#menu-semaine"]{
    min-height:190px!important;
  }
}

/* ========================================================================== 
   V28 — harmonisation typographique Terrasse et pages Événements
   Référence : titres Carte Déjeuner / Carte Dîner / Toutes nos Cartes.
   ========================================================================== */
:is(body.bb-page-terrasse,body.bb-page-actualite,body.bb-page-danse-latine,body.bb-page-diner-dansant,body.bb-page-groupes) :is(h1,h2,.sh,.next-event-title,.terrasse-cta-title){
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

:is(body.bb-page-terrasse,body.bb-page-actualite,body.bb-page-danse-latine,body.bb-page-diner-dansant,body.bb-page-groupes) .carte-header h1.bb-harmonized-main-title{
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:clamp(28px,4vw,44px)!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  margin:0 0 8px!important;
}
/* ========================================================================== 
   V29 — contraste de la seconde ligne du pavé Contact
   ========================================================================== */
.home-contact-grid > :is(a,span){
  color:#d9dde0!important;
}
.home-contact-grid > :is(a,span) > b{
  color:#d4af63!important;
}
/* ========================================================================== 
   V30 — calendriers Danse Latine et Dîner Dansant
   ========================================================================== */
.danse-dates{
  gap:2px!important;
  background:rgba(212,175,99,.20)!important;
}
.danse-date{
  position:relative!important;
  background:#252c32!important;
  color:#f7f4ec!important;
  border:1px solid rgba(255,255,255,.06)!important;
  transition:opacity .2s ease,filter .2s ease!important;
}
.danse-date strong{
  color:#f4d78f!important;
}
.danse-date.is-past{
  opacity:.48!important;
  filter:saturate(.45)!important;
  text-decoration-line:line-through!important;
  text-decoration-color:rgba(255,255,255,.78)!important;
  text-decoration-thickness:2px!important;
}
.danse-date.is-past::after{
  content:"Date passée";
  display:block;
  margin-top:7px;
  color:#d9dde0;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-decoration:none!important;
  text-transform:uppercase;
}
html[lang="en"] .danse-date.is-past::after{content:"Past date"}
html[lang="es"] .danse-date.is-past::after{content:"Fecha pasada"}
html[lang="de"] .danse-date.is-past::after{content:"Vergangener Termin"}