.elementor-37 .elementor-element.elementor-element-444ce45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-d12bb3d .elementor-repeater-item-97ef667 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://bar.comm-web.fr/wp-content/uploads/2026/01/ban1.jpg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-d12bb3d .elementor-repeater-item-142beaa .swiper-slide-bg{background-color:#4054b2;background-image:url(https://bar.comm-web.fr/wp-content/uploads/2026/01/ban2.jpg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-d12bb3d .elementor-repeater-item-6a2aa5d .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://bar.comm-web.fr/wp-content/uploads/2026/01/ban3.jpg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-d12bb3d .swiper-slide{transition-duration:calc(5000ms*1.2);height:503px;}body:not(.rtl) .elementor-37 .elementor-element.elementor-element-d12bb3d{left:0px;}body.rtl .elementor-37 .elementor-element.elementor-element-d12bb3d{right:0px;}.elementor-37 .elementor-element.elementor-element-d12bb3d{top:0px;}.elementor-37 .elementor-element.elementor-element-d12bb3d .swiper-slide-contents{max-width:66%;}.elementor-37 .elementor-element.elementor-element-d12bb3d .swiper-slide-inner{text-align:center;}.elementor-37 .elementor-element.elementor-element-b95a7d5{--display:flex;--margin-top:394px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-3a9390f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-3a9390f:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-3a9390f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-814108a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-37 .elementor-element.elementor-element-ca304a6 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.82);}.elementor-37 .elementor-element.elementor-element-b869c6e{--display:flex;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-04d82bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-3a9390f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-b95a7d5{--content-width:100%;}.elementor-37 .elementor-element.elementor-element-814108a{--width:50%;}.elementor-37 .elementor-element.elementor-element-b869c6e{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-b95a7d5 *//* =========================
   PAGE PREMIUM — O'Bar@20
   Brasserie · Bar à vins · Bières
   CSS UNIQUE (sans doublons) — Option B (sous slider)
   ========================= */

/* ===== Base / variables ===== */
.obar-page{
  --ink:#f4f4f2;
  --muted:rgba(244,244,242,.78);
  --muted2:rgba(244,244,242,.62);
  --line:rgba(255,255,255,.10);

  --dark:#0f1012;
  --soft:#121319;
  --soft2:#151722;

  --gold:#b48a3a;
  --wine:#7c2a36;

  --r:24px;
  --shadow:0 22px 70px rgba(0,0,0,.38);
  --shadow2:0 12px 32px rgba(0,0,0,.28);

  --wrap:min(1200px, calc(100% - 40px));

  /* Réglage : espace entre slider et bloc (utilisé par .obar-sec--overlap) */
  --afterSlider: clamp(100px, 150vw, 400px);

  color: var(--ink);
}

/* Sécurité Elementor (évite marges/paddings WYSIWYG autour du HTML) */
.obar-page .elementor-text-editor,
.obar-page .elementor-widget-container{
  margin: 0;
}

/* ===== Sections ===== */
.obar-sec{ padding: clamp(52px, 6vw, 92px) 0; }
.obar-sec--dark{ background: var(--dark); }

.obar-sec--soft{
  background:
    radial-gradient(900px 380px at 15% 0%, rgba(180,138,58,.10), transparent 55%),
    radial-gradient(900px 380px at 85% 10%, rgba(124,42,54,.10), transparent 55%),
    var(--soft);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.obar-sec--line{
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* ===== Wrap (contenu centré) ===== */
.obar-wrap{
  width: var(--wrap);
  margin: 0 auto;
}

/* =========================================================
   SECTION 1 (sous slider) — Option B + fond plein écran
   ========================================================= */

/* La section est sous slider + empilement OK */
.obar-sec--overlap{
  margin-top: 0 !important;
  padding-top: var(--afterSlider) !important;  /* ↓ descend le bloc */
  position: relative;
  z-index: 50;
  isolation: isolate;
}

/* Fond plein écran (100vw) même en conteneur "boxed" */
.obar-sec--overlap::before{
  content:"";
  position:absolute;
  top: 0;
  bottom: 0;

  left: 50%;
  width: 100vw;
  transform: translateX(-50%);

  /* Fond très léger (ne change pas la carte glass) */
  background:
    radial-gradient(1100px 420px at 18% 0%, rgba(180,138,58,.10), transparent 60%),
    radial-gradient(900px 420px at 85% 10%, rgba(124,42,54,.08), transparent 60%),
    rgba(12,12,14,.22);

  z-index: 0;
}

/* Contenu au-dessus du fond */
.obar-sec--overlap > *{
  position: relative;
  z-index: 1;
}

/* ===== Carte premium (glass) ===== */
.obar-overlap{
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 32px;
  align-items: start;

  border-radius: var(--r);
  background:
    radial-gradient(1100px 420px at 18% 0%, rgba(180,138,58,.14), transparent 60%),
    radial-gradient(900px 420px at 85% 10%, rgba(124,42,54,.12), transparent 60%),
    rgba(18,19,25,.72);

  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  padding: clamp(22px, 3vw, 34px);

  position: relative;
  z-index: 2;
}

/* ===== Typo ===== */
.obar-kicker{
  display: inline-flex;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(244,244,242,.85);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  margin: 0 0 14px;
}

.obar-h1{
  margin: 0 0 12px;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.08;
  letter-spacing: .01em;
}

.obar-lead{
  margin: 0 0 16px;
  color: rgba(244,244,242,.84);
  font-size: 16.5px;
  line-height: 1.6;
  max-width: 72ch;
}

.obar-h2{ margin: 0 0 10px; font-size: 18px; letter-spacing: .01em; }
.obar-h2xl{ margin: 0 0 10px; font-size: 22px; letter-spacing: .01em; }

.obar-text{ margin: 0 0 12px; color: var(--muted); line-height: 1.65; }
.obar-sub{ margin: 0; color: var(--muted2); line-height: 1.6; }

/* ===== CTA ===== */
.obar-cta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 14px;
}

.obar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.95);
  text-decoration: none;
  font-weight: 800;
  font-size: 13.5px;
  box-shadow: var(--shadow2);
  transition: transform .16s ease, filter .16s ease, border-color .16s ease, background .16s ease;
}
.obar-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.22);
  filter: brightness(1.06);
}

.obar-btn--primary{
  border: none;
  color: #111;
  background: linear-gradient(135deg, rgba(180,138,58,.96), rgba(245,245,245,.92));
}
.obar-btn--primary:hover{ filter: brightness(1.10); }

.obar-btn--ghost{
  background: transparent;
  border-color: rgba(255,255,255,.22);
}

/* ===== Badges ===== */
.obar-badges{ display:flex; flex-wrap:wrap; gap: 10px; margin-top: 6px; }
.obar-badge{
  font-size: 13px;
  color: rgba(244,244,242,.90);
  background: rgba(0,0,0,.20);
  border: 1px solid rgba(255,255,255,.10);
  padding: 8px 12px;
  border-radius: 999px;
}

/* ===== Aside (essentiel) ===== */
.obar-overlap__right{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  padding: 18px 18px 16px;
}
.obar-miniTitle{
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(244,244,242,.80);
  margin-bottom: 12px;
}

.obar-points{ list-style:none; margin: 0; padding: 0; }
.obar-points li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(244,244,242,.88);
  line-height: 1.4;
}
.obar-points li:last-child{ border-bottom: none; }

.obar-dot{
  width: 8px; height: 8px;
  border-radius: 999px;
  margin-top: 6px;
  background: linear-gradient(135deg, rgba(180,138,58,.95), rgba(124,42,54,.90));
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  flex: 0 0 auto;
}

.obar-miniCtas{ display:flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.obar-chip{
  display:inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(244,244,242,.92);
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
}
.obar-chip:hover{ border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.07); }

/* ===== Section 3 cards ===== */
.obar-grid3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.obar-card{
  border-radius: 20px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  padding: 18px 18px 16px;
  box-shadow: var(--shadow2);
}
.obar-card__icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.12);
  margin-bottom: 12px;
  font-size: 18px;
}

.obar-link{
  display:inline-flex;
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(244,244,242,.92);
  text-decoration:none;
  font-weight: 800;
}
.obar-link:hover{ background: rgba(0,0,0,.26); border-color: rgba(255,255,255,.16); }

/* ===== Split image + texte ===== */
.obar-split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: stretch;
}
.obar-media{
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow2);
  min-height: 320px;
  background:
    radial-gradient(900px 320px at 30% 0%, rgba(180,138,58,.14), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(0,0,0,.20));
}

.obar-copy{
  border-radius: var(--r);
  background: rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow2);
  padding: 22px;
}
.obar-list{ display:grid; gap: 10px; margin: 16px 0; }
.obar-li{ display:flex; gap: 10px; color: rgba(244,244,242,.86); }
.obar-check{
  width: 22px; height: 22px;
  border-radius: 8px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  flex: 0 0 auto;
}

/* ===== Avis ===== */
.obar-head{
  display:flex;
  gap: 16px;
  align-items:flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.obar-rating{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.16);
  border: 1px solid rgba(255,255,255,.10);
}
.obar-stars{ letter-spacing: .18em; color: #f1e6c8; }
.obar-ratingText{ display:flex; flex-direction:column; gap: 2px; font-size: 13.5px; color: rgba(244,244,242,.86); }
.obar-ratingText span{ color: rgba(244,244,242,.65); }

.obar-quotes{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.obar-quote{
  margin: 0;
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(244,244,242,.86);
  line-height: 1.55;
}
.obar-actions{ display:flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }

/* ===== Infos ===== */
.obar-infosGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.obar-infoCard{
  border-radius: var(--r);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow2);
  padding: 20px;
}
.obar-infoRow{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.obar-infoRow:last-child{ border-bottom: none; }
.obar-infoLabel{
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(244,244,242,.65);
}
.obar-infoValue{
  color: rgba(244,244,242,.92);
  font-weight: 800;
}
.obar-tel{
  color: rgba(244,244,242,.92);
  text-decoration: none;
  border-bottom: 1px dotted rgba(244,244,242,.35);
}
.obar-tel:hover{ border-bottom-color: rgba(244,244,242,.70); }

.obar-infoCard--cta{
  background:
    radial-gradient(900px 320px at 15% 0%, rgba(180,138,58,.12), transparent 55%),
    radial-gradient(900px 320px at 85% 10%, rgba(124,42,54,.10), transparent 55%),
    rgba(255,255,255,.04);
}
.obar-ctaBox{ padding: 4px; }
.obar-miniNote{
  margin-top: 14px;
  color: rgba(244,244,242,.60);
  font-size: 13px;
}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .obar-overlap{ grid-template-columns: 1fr; gap: 18px; }
  .obar-grid3{ grid-template-columns: 1fr; }
  .obar-split{ grid-template-columns: 1fr; }
  .obar-quotes{ grid-template-columns: 1fr; }
  .obar-infosGrid{ grid-template-columns: 1fr; }
  .obar-infoRow{ grid-template-columns: 1fr; }
}

/* =========================================================
   FIX BANDE GRISE + RESSERRER ESPACE HERO -> BLOC SUIVANT
   Classe sur le conteneur hero : obar-bandfix
   ========================================================= */

/* 1) Le conteneur hero porte le fond (plein largeur) */
.obar-bandfix{
  background: #0f1012 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  /* ne pas créer de vide en bas */
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) Neutraliser tout fond parasite dans le texte */
.obar-bandfix .elementor-widget-text-editor,
.obar-bandfix .elementor-widget-text-editor .elementor-widget-container,
.obar-bandfix .elementor-text-editor{
  background: transparent !important;
}

/* 3) L’espace “fantôme” est souvent dans l’inner container */
.obar-bandfix > .e-con-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 4) Si un Spacer traîne dans le hero */
.obar-bandfix .elementor-spacer{
  display: none !important;
}

/* 5) Bloc juste après le hero : on RÉDUIT (on n’ajoute pas) */
.obar-bandfix + .e-con,
.obar-bandfix + .elementor-section,
.obar-bandfix + section{
  margin-top: 0 !important;
  padding-top: 0 !important; /* clé : ne pas descendre le bloc du bas */
}

/* 6) Inner du bloc suivant (souvent là que le padding est appliqué) */
.obar-bandfix + .e-con > .e-con-inner,
.obar-bandfix + .elementor-section > .elementor-container{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 7) Gap du bloc suivant (containers flex/grid) */
.obar-bandfix + .e-con{
  gap: 0 !important;
}

/* 8) Sécurité : cartes du dessous ne rajoutent pas de marge inutile */
.obar-grid3{
  margin-top: 0 !important;
}

/* 9) Alléger légèrement le hero glass */
.obar-overlap{
  background:
    radial-gradient(1100px 420px at 18% 0%, rgba(180,138,58,.10), transparent 60%),
    radial-gradient(900px 420px at 85% 10%, rgba(124,42,54,.08), transparent 60%),
    rgba(18,19,25,.64);
}






/* =========================================================
   OVERRIDE FORT — RÉDUIRE LE BAS DU HERO (sans toucher le haut)
   Cible : conteneur hero = .obar-bandfix
   ========================================================= */

/* 1) Si le hero est aussi une section .obar-sec (souvent le cas) */
.obar-bandfix.obar-sec{
  padding-top: clamp(52px, 6vw, 90px) !important;  /* on garde ton haut */
  padding-bottom: 6px !important;                  /* ↓ serrage max */
}

/* 2) Dans tous les cas : réduire le bas du container Elementor */
.obar-bandfix{
  margin-bottom: 0 !important;
  padding-bottom: 6px !important; /* ↓ ajuste à 0/4/8 selon ton goût */
  gap: 0 !important;
}

/* 3) L’espace est souvent dans l’inner */
.obar-bandfix > .e-con-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
}

/* 4) Widgets internes : certains ajoutent une marge basse */
.obar-bandfix .elementor-widget,
.obar-bandfix .elementor-widget-wrap{
  margin-bottom: 0 !important;
}

/* 5) Spacers : on les coupe */
.obar-bandfix .elementor-spacer{
  display: none !important;
}

/* 6) Dernier recours : si Elementor met une marge sur le dernier enfant */
.obar-bandfix > :last-child{
  margin-bottom: 0 !important;
}



/* =========================================================
   FIX BANDE GRISE + CONTRÔLE ESPACES (sans doublons)
   Classe sur le conteneur Elementor hero : obar-bandfix
   ========================================================= */

.obar-bandfix{
  background: #0f1012 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; /* bas du hero */
}

.obar-bandfix .elementor-widget-text-editor,
.obar-bandfix .elementor-widget-text-editor .elementor-widget-container,
.obar-bandfix .elementor-text-editor{
  background: transparent !important;
}

.obar-bandfix > .e-con-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.obar-bandfix .elementor-spacer{
  display: none !important;
}

/* IMPORTANT : ne pas ajouter d'espace au-dessus du bloc suivant */
.obar-bandfix + .e-con,
.obar-bandfix + .elementor-section,
.obar-bandfix + section{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.obar-bandfix + .e-con > .e-con-inner,
.obar-bandfix + .elementor-section > .elementor-container{
  margin-top: 0 !important;
  padding-top: 0 !important;
}





/* =========================================================
   FIX ESPACE SOUS SLIDER / AVANT CARTE (SECTION OVERLAP)
   Cible confirmée : <section class="obar-sec obar-sec--overlap">
   ========================================================= */

/* 1) Réglage principal : espace entre slider et carte */
.obar-page{
  /* avant : clamp(100px, 150vw, 400px) (beaucoup trop) */
  --afterSlider: clamp(12px, 2vw, 32px);
}

/* 2) IMPORTANT : .obar-sec ajoute aussi un padding-top.
      On le neutralise pour cette section uniquement. */
.obar-sec.obar-sec--overlap{
  /* on garde ton mécanisme afterSlider, mais on retire le padding-top hérité */
  padding-top: 0 !important;
}

/* 3) On applique l’espace voulu sur le wrapper interne (même rendu, plus fiable) */
.obar-sec--overlap .obar-wrap{
  padding-top: var(--afterSlider) !important;
}

/* 4) Optionnel : si tu veux aussi réduire l’espace sous la carte (bas de section) */
.obar-sec--overlap{
  padding-bottom: clamp(18px, 3vw, 42px) !important; /* au lieu des 52–92px de .obar-sec */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ef0428 *//* =========================================================
   O’BAR@20 — INTRO 1 COLONNE (premium)
   À coller dans le CSS du conteneur Elementor
   + Classe conteneur : obar-force-center
   ========================================================= */

/* Forçage centrage Elementor (anti “bloc à gauche”) */
.elementor-37 .elementor-element.elementor-element-5ef0428.obar-force-center{
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
}
.elementor-37 .elementor-element.elementor-element-5ef0428.obar-force-center > .e-con-inner,
.elementor-37 .elementor-element.elementor-element-5ef0428.obar-force-center > .elementor-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Section */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro{
  --ink:#1e1f24;
  --muted:#555861;
  --wine:#7c2a36;
  --gold:#b48a3a;

  --bg:#ffffff;
  --bg2:#f7f6f4;

  --r:22px;
  --shadow:0 22px 60px rgba(0,0,0,.10);
  --shadow2:0 12px 32px rgba(0,0,0,.08);

  position:relative;
  color:var(--ink);
  padding: clamp(42px, 5vw, 78px) 0;
  overflow:hidden;
}

/* Fond plein largeur (léger, cohérent avec tes autres blocs) */


/* Inner centré */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__inner{
  width:min(1150px, calc(100% - 40px));
  margin:0 auto;
  position:relative;
  z-index:1;

  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--r);
  box-shadow:var(--shadow2);
  padding: clamp(22px, 3vw, 34px);
  backdrop-filter: blur(8px);
}

/* Kicker */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__kicker{
  display:inline-flex;
  width:fit-content;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--wine);
  border:1px solid rgba(124,42,54,.25);
  background:rgba(124,42,54,.06);
  margin:0 0 12px;
}

/* Title */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__title{
  margin:0 0 12px;
  font-size:clamp(26px, 3.2vw, 44px);
  line-height:1.06;
  letter-spacing:-.02em;
}

/* Lead */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__lead{
  margin:0;
  color:var(--muted);
  line-height:1.75;
  max-width:80ch;
}

/* Liste */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__list{
  margin:18px 0 18px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
  max-width:80ch;
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__list li{
  display:grid;
  grid-template-columns:14px 1fr;
  gap:10px;
  align-items:start;
  line-height:1.55;
  color: rgba(30,31,36,.88);
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__list li::before{
  content:"";
  margin-top:7px;
  width:8px;height:8px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--wine), var(--gold));
}

/* Boutons */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 10px 0 12px;
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 16px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  color:var(--ink) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-btn--primary{
  border:0;
  color:#fff !important;
  background:linear-gradient(90deg, var(--wine), var(--gold));
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-btn--ghost{
  background:transparent;
  color:var(--wine) !important;
  border-color:rgba(124,42,54,.32);
}

/* Note */
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__note{
  margin:0;
  font-size:13px;
  color: rgba(30,31,36,.68);
}
.elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__note a{
  color: var(--wine) !important;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 980px){
  .elementor-37 .elementor-element.elementor-element-5ef0428 .obar-intro__inner{
    width:min(900px, calc(100% - 28px));
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814108a *//* O'BAR@20 — PHOTO (widget image) */
/* O'BAR@20 — PHOTO (widget image) */
.obar-photo img{
  width: 100% !important;
  max-width: 300px;           /* ajuste si besoin */
  height: auto !important;
  display: block;
  margin: 0 auto;             /* centre l’image */
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 24px 60px rgba(0,0,0,.14), 0 6px 16px rgba(0,0,0,.06);
  background: #f7f6f4;
}

/* Option : léger effet “premium” */
.obar-photo{
  position: relative;
}
.obar-photo .elementor-widget-container{
  position: relative;
  display: flex;
  justify-content: center;
}
.obar-photo .elementor-widget-container::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.16) 100%);
  max-width: 520px;
  margin: 0 auto;
}


/* Option : léger effet “premium” */
.obar-photo{
  position: relative;
}
.obar-photo .elementor-widget-container{
  position: relative;
  display: flex;
  justify-content: center;
}
.obar-photo .elementor-widget-container::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.16) 100%);
  max-width: 520px;
  margin: 0 auto;
}
@media (max-width: 1024px){
  .elementor-element[data-id="ca304a6"] img{
    max-width: 300px;
  }
}
@media (max-width: 768px){
  .elementor-element[data-id="ca304a6"] img{
    max-width: 260px;
  }
}
/* =========================
   O’BAR@20 — Photo enrichie
   ========================= */

/* Conteneur image Elementor */
.elementor-element[data-id="ca304a6"]{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Carte autour de la photo */
.elementor-element[data-id="ca304a6"]::before{
  content:"";
  position:absolute;
  inset: -24px;
  border-radius: 26px;
  background:
    radial-gradient(400px 200px at 15% 0%, rgba(180,138,58,.18), transparent 60%),
    radial-gradient(400px 200px at 85% 10%, rgba(124,42,54,.14), transparent 60%),
    #f7f6f4;
  box-shadow: 0 30px 80px rgba(0,0,0,.12);
  z-index: 0;
}

/* Image */
.elementor-element[data-id="ca304a6"] img{
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: 360px;
  height: auto !important;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  background: #eee;
}

/* Légende premium */
.elementor-element[data-id="ca304a6"]::after{
  content:"AMBIANCE • BISTROT • NUITON";
  position:absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
  z-index: 2;
}

/* Responsive */
@media (max-width: 768px){
  .elementor-element[data-id="ca304a6"]::before{
    inset: -16px;
  }
  .elementor-element[data-id="ca304a6"] img{
    max-width: 300px;
  }
}
/* =========================================
   O'BAR@20 — DESCENDRE + CENTRER LE BLOC
   Cible : conteneur Elementor .obar-split-wrap
   ========================================= */

.obar-split-wrap{
  /* descend l’ensemble sous le hero */
  margin-top: clamp(70px, 8vw, 160px) !important;

  /* optionnel : si ton thème met des paddings bizarres */
  padding-top: 0 !important;
}

/* Sécurité : s'assurer que le bloc prend la largeur attendue */
.obar-split-wrap .obar-split{
  width: 100%;
}

/* Centrage interne “à la manière de ton bloc obar-cards” */
.obar-split-wrap .obar-split__inner{
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b869c6e *//* =========================================================
   O’BAR@20 — BLOC "À DÉCOUVRIR" — VERSION FOND BLANC PREMIUM
   ========================================================= */

.elementor-37 .elementor-element.elementor-element-b869c6e{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Reset texte Elementor */
.elementor-37 .elementor-element.elementor-element-b869c6e .elementor-widget-text-editor,
.elementor-37 .elementor-element.elementor-element-b869c6e .elementor-widget-text-editor .elementor-widget-container,
.elementor-37 .elementor-element.elementor-element-b869c6e .elementor-text-editor{
  margin: 0 !important;
  padding: 0 !important;
}

/* ============ Section ============ */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards{
  --ink:#1c1d21;
  --muted:#555861;
  --line:rgba(0,0,0,.08);

  --bg:#f7f6f4;           /* blanc chaud */
  --bg2:#ffffff;
  --panel:#ffffff;       /* cartes blanches */

  --gold:#b48a3a;
  --wine:#7c2a36;

  --r:22px;
  --shadow:0 24px 60px rgba(0,0,0,.10);
  --shadow2:0 14px 34px rgba(0,0,0,.08);

  color: var(--ink);
  position: relative;
  padding: clamp(46px, 5vw, 80px) 0;
  overflow: hidden;
}

/* Fond pleine largeur */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards--full::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(1200px 480px at 10% 0%, rgba(180,138,58,.10), transparent 60%),
    radial-gradient(1200px 480px at 90% 10%, rgba(124,42,54,.08), transparent 60%),
    linear-gradient(180deg, var(--bg2), var(--bg));
  border-top:1px solid rgba(0,0,0,.05);
  border-bottom:1px solid rgba(0,0,0,.05);
  z-index:0;
}

/* Wrap centré */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__wrap{
  width:min(1200px, calc(100% - 40px));
  margin:0 auto;
  position:relative;
  z-index:1;
}

/* Head */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__head{
  max-width:78ch;
  display:grid;
  gap:10px;
  margin-bottom:22px;
}

.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__kicker{
  display:inline-flex;
  width:fit-content;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--wine);
  border:1px solid rgba(124,42,54,.25);
  background:rgba(124,42,54,.06);
}

.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__title{
  margin:0;
  font-size:clamp(22px, 2.4vw, 32px);
}

.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__lead{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}

/* Grid */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:20px;
}

/* ============ Cartes ============ */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX{
  position:relative;
  border-radius:var(--r);
  background:
    radial-gradient(420px 180px at 15% 0%, rgba(180,138,58,.10), transparent 60%),
    radial-gradient(420px 180px at 85% 10%, rgba(124,42,54,.08), transparent 60%),
    var(--panel);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:var(--shadow2);
  padding:20px 20px 18px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Liseré premium */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__bar::before{
  content:"";
  position:absolute;
  left:18px;
  top:16px;
  width:58px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--gold), var(--wine));
}

/* Hover */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
  border-color:rgba(180,138,58,.35);
}

/* Top */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__top{
  display:flex;
  gap:14px;
  margin:14px 0 12px;
}

.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(180,138,58,.12);
  border:1px solid rgba(180,138,58,.35);
  font-size:18px;
}

/* Mini */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__mini{
  margin:0 0 4px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--wine);
}

/* H3 */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__h{
  margin:0;
  font-size:17px;
}

/* Texte */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__text{
  margin:0 0 14px;
  color:#4b4e57;
  line-height:1.65;
}

/* CTA */
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border-radius:14px;
  background:linear-gradient(180deg, var(--wine), #5f1f29);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
}
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__cta::after{
  content:"→";
}
.elementor-37 .elementor-element.elementor-element-b869c6e .obar-cardX__cta:hover{
  filter:brightness(1.05);
}

/* Responsive */
@media (max-width:980px){
  .elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__grid{ grid-template-columns:1fr; }
  .elementor-37 .elementor-element.elementor-element-b869c6e .obar-cards__wrap{ width:min(900px, calc(100% - 28px)); }
}/* End custom CSS */