@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap');

/* ══════════════════════════════════════════════════════════
   WONDERGUIDE — DESIGN B & C
   Réinitialisation totale Hello Elementor
   ══════════════════════════════════════════════════════════ */

body.wg-guide-page { margin:0!important; padding:0!important; }
body.wg-guide-page .elementor,body.wg-guide-page .elementor-section-wrap,
body.wg-guide-page .e-container,body.wg-guide-page .elementor-container,
body.wg-guide-page .elementor-column-wrap,body.wg-guide-page .elementor-widget-wrap,
body.wg-guide-page article,body.wg-guide-page .entry-content,
body.wg-guide-page .site-content,body.wg-guide-page .wg-single-guide-main,
body.wg-guide-page main { padding:0!important;margin:0!important;max-width:none!important;width:100%!important; }

/* ── Containers WordPress natifs (Hello Elementor) ─────── */
body.wg-guide-page #page,
body.wg-guide-page #content,
body.wg-guide-page #primary,
body.wg-guide-page #main,
body.wg-guide-page .site,
body.wg-guide-page .content-area,
body.wg-guide-page .site-main,
body.wg-guide-page .container { padding:0!important;margin:0!important;max-width:none!important;width:100%!important; }

/* ── FULL-BLEED : s'évader de n'importe quel container ───── */
body.wg-guide-page { overflow-x:hidden!important; }
html.wg-guide-page { overflow-x:visible!important; }
.wg-guide--b,
.wg-guide--c {
    width:100vw!important;
    max-width:100vw!important;
    position:relative!important;
    left:50%!important;
    margin-left:-50vw!important;
    box-sizing:border-box!important;
    /* Pas de z-index ici — évite de bloquer le visitor bar fixed */
    isolation:auto!important;
}

body.wg-theme-dark,body.wg-theme-dark main,body.wg-theme-dark .site-main,
body.wg-theme-dark #content,body.wg-theme-dark .entry-content,
body.wg-theme-dark .wg-single-guide-main { background:#04080F!important; }

.wg-guide { font-family:'Space Grotesk',system-ui,sans-serif; }
.wg-guide *,.wg-guide *::before,.wg-guide *::after { box-sizing:border-box; }
.wg-guide a { text-decoration:none; }
.wg-guide p { margin:0 0 8px; } .wg-guide p:last-child { margin:0; }

/* ══════════════════════════════════════════════════════════
   DESIGN B — NUIT VIVANTE
   Fond quasi-noir · Lumière or · Typographie cinématique
   ══════════════════════════════════════════════════════════ */

:root {
  --b-bg: #04080F;
  --b-surface: #0B1120;
  --b-border: rgba(200,184,154,.1);
  --b-gold: #C8B89A;
  --b-white: #FAF9F7;
  --b-muted: rgba(250,249,247,.45);
}

.wg-guide--b { background:var(--b-bg); color:var(--b-white); min-height:100vh; width:100%; overflow-x:hidden; }

/* ── HERO ──────────────────────────────────────────────── */
.wgb-hero {
  position:relative; height:100vh; min-height:500px;
  display:flex; flex-direction:column; justify-content:flex-end;
  overflow:hidden;
}
.wgb-hero__bg {
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transform:scale(1.06);
  animation: wgb-breathe 20s ease-in-out infinite alternate;
}
@keyframes wgb-breathe { from{transform:scale(1.06)} to{transform:scale(1.0)} }

.wgb-hero__vignette {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 110%, rgba(4,8,15,.95) 0%, rgba(4,8,15,.0) 70%),
    linear-gradient(to bottom, rgba(4,8,15,.3) 0%, rgba(4,8,15,.0) 35%, rgba(4,8,15,.6) 65%, rgba(4,8,15,1) 100%);
}

.wgb-hero__content {
  position:relative; z-index:2;
  padding:0 60px 70px;
}
.wgb-hero__eyebrow {
  font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  color:var(--b-gold); margin-bottom:20px;
  display:flex; align-items:center; gap:14px;
  animation: wgb-fadein .8s ease both;
}
.wgb-hero__eyebrow::before { content:''; width:30px; height:1px; background:var(--b-gold); }
.wgb-hero__title {
  font-size:clamp(40px,7vw,96px)!important; font-weight:800!important;
  color:#FFFFFF!important; letter-spacing:-.04em!important; line-height:.92!important;
  margin:0!important;
  animation: wgb-slideup .9s cubic-bezier(.16,1,.3,1) .1s both;
}
.wgb-hero__scroll {
  position:absolute; bottom:28px; left:50%; transform:translateX(-50%);
  z-index:2; display:flex; flex-direction:column; align-items:center; gap:8px;
  color:rgba(250,249,247,.7); font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  animation: wgb-bounce 2s ease-in-out infinite;
}
.wgb-hero__scroll::after { content:''; width:1px; height:32px; background:rgba(200,184,154,.3); }

@keyframes wgb-fadein  { from{opacity:0} to{opacity:1} }
@keyframes wgb-slideup { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes wgb-bounce  { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-6px)} }

/* ── INFO STRIP ────────────────────────────────────────── */
.wgb-strip {
  position:relative; z-index:10;
  display:flex; overflow-x:auto; scrollbar-width:none;
  border-top:1px solid var(--b-border); border-bottom:1px solid var(--b-border);
  background:rgba(11,17,32,.8); backdrop-filter:blur(20px);
}
.wgb-strip::-webkit-scrollbar { display:none; }
.wgb-strip__item {
  flex:1; min-width:140px; padding:22px 28px;
  border-right:1px solid var(--b-border);
  display:flex; flex-direction:column; gap:5px;
}
.wgb-strip__item:last-child { border-right:none; }
.wgb-strip__label {
  font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:var(--b-gold);
}
.wgb-strip__val { font-size:16px; font-weight:600; color:var(--b-white); line-height:1.2; }

/* ── TABS NAV ──────────────────────────────────────────── */
.wgb-tabs {
  position:sticky; top:0; z-index:100;
  background:rgba(4,8,15,.95)!important; backdrop-filter:blur(24px)!important;
  border-bottom:1px solid var(--b-border)!important;
  display:flex!important; padding:0 60px!important;
  gap:0; overflow-x:auto; scrollbar-width:none;
  border-radius:0!important; box-shadow:none!important;
}
.wgb-tabs::-webkit-scrollbar { display:none; }
.wgb-tab {
  flex-shrink:0; padding:18px 24px; position:relative;
  background:none!important; border:none!important; border-radius:0!important;
  font-family:'Space Grotesk',sans-serif!important; font-size:11px!important;
  font-weight:600!important; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(250,249,247,.7)!important; cursor:pointer; white-space:nowrap;
  transition:color .2s!important; outline:none!important; box-shadow:none!important;
}
.wgb-tab::after {
  content:''; position:absolute; bottom:0; left:50%; right:50%;
  height:1px; background:var(--b-gold); transition:all .3s cubic-bezier(.16,1,.3,1);
}
.wgb-tab:hover { color:rgba(250,249,247,.7)!important; }
.wgb-tab.is-active { color:var(--b-gold)!important; }
.wgb-tab.is-active::after { left:24px; right:24px; }

/* ── PANELS ────────────────────────────────────────────── */
.wgb-panels { max-width:860px; margin:0 auto; padding:0 60px 120px; }
.wgb-panel { display:none; padding-top:56px; }
.wgb-panel.is-active { display:block; animation: wgb-fadein .4s ease; }

/* ── MESSAGE ───────────────────────────────────────────── */
.wgb-message {
  font-size:17px; line-height:1.8; color:rgba(250,249,247,.55);
  font-style:italic; padding:0 0 0 28px;
  border-left:2px solid var(--b-gold); margin-bottom:52px;
}

/* ── SECTIONS NUMÉROTÉES ───────────────────────────────── */
.wgb-section { display:grid; grid-template-columns:60px 1fr; gap:0; margin-bottom:48px; }
.wgb-section__num {
  font-size:11px; font-weight:700; color:rgba(200,184,154,.3);
  letter-spacing:.08em; padding-top:3px; font-variant-numeric:tabular-nums;
}
.wgb-section__inner {}
.wgb-section__title {
  font-size:9px!important; font-weight:800!important; letter-spacing:.22em;
  text-transform:uppercase; color:var(--b-gold)!important;
  margin:0 0 20px!important;
}

/* ── PILL / CHIPS ──────────────────────────────────────── */
.wgb-pill {
  display:inline-block; padding:6px 16px;
  border:1px solid rgba(200,184,154,.25); color:var(--b-gold);
  font-size:11px; font-weight:600; letter-spacing:.05em;
}
.wgb-pills,.wgb-chips { display:flex; flex-wrap:wrap; gap:6px; }
.wgb-chip {
  padding:6px 14px; font-size:11px; font-weight:500;
  color:rgba(250,249,247,.6);
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06);
  transition:all .18s;
}
.wgb-chip:hover { color:var(--b-gold); border-color:rgba(200,184,154,.25); background:rgba(200,184,154,.05); }
.wgb-text { font-size:14px; line-height:1.75; color:rgba(250,249,247,.5); margin-top:12px; }
.wgb-lock { font-size:13px; color:rgba(250,249,247,.7); padding:12px 0; }
.wgb-lock a { color:var(--b-gold); }

/* ── WIFI TERMINAL ─────────────────────────────────────── */
.wgb-wifi {
  background:#0B1120; border:1px solid rgba(200,184,154,.12);
  font-family:'SF Mono','Fira Code',monospace;
}
.wgb-wifi__row {
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 22px; color:rgba(250,249,247,.7); font-size:12px;
}
.wgb-wifi__row + .wgb-wifi__row { border-top:1px solid rgba(200,184,154,.07); }
.wgb-wifi__row code { color:var(--b-gold); font-size:13px; letter-spacing:.06em; }

/* ── CHAMBRES ──────────────────────────────────────────── */
.wgb-chambres { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:1px; background:var(--b-border); }
.wgb-chambre {
  background:var(--b-surface); padding:22px 24px;
  display:flex; flex-direction:column; gap:8px;
  transition:background .2s;
}
.wgb-chambre:hover { background:#111827; }
.wgb-chambre__num { font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(200,184,154,.4); }
.wgb-chambre__lit { font-size:15px; font-weight:600; color:var(--b-white); }

/* ── CONTACT ───────────────────────────────────────────── */
.wgb-contact-card {
  display:flex; justify-content:space-between; align-items:center;
  padding:28px 32px; background:var(--b-gold);
}
.wgb-contact-card__name { font-size:18px; font-weight:800; color:#04080F; letter-spacing:-.02em; }
.wgb-contact-card__tel {
  font-size:13px; font-weight:700; color:var(--b-gold);
  background:#04080F; padding:11px 24px; letter-spacing:.04em;
  transition:background .2s;
}
.wgb-contact-card__tel:hover { background:#111827; }
.wgb-pro-contact {
  display:grid; grid-template-columns:1.4fr 1fr auto;
  gap:12px; align-items:center; padding:14px 0;
  border-bottom:1px solid var(--b-border); font-size:13px;
}
.wgb-pro-contact__label { font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(200,184,154,.4); }
.wgb-pro-contact__nom { color:rgba(250,249,247,.7); }
.wgb-pro-contact__tel { color:var(--b-gold); font-weight:600; }


/* ══════════════════════════════════════════════════════════
   DESIGN C — PORTRAIT ÉDITORIAL
   Blanc ivoire · Navy profond · Or · Typo magazine
   ══════════════════════════════════════════════════════════ */

:root {
  --c-ink:   #00133B;
  --c-paper: #F8F6F1;
  --c-gold:  #C8B89A;
  --c-rule:  rgba(0,19,59,.1);
  --c-muted: rgba(0,19,59,.5);
}

.wg-guide--c { background:var(--c-paper); color:var(--c-ink); min-height:100vh; width:100%; }

/* ── LAYOUT ────────────────────────────────────────────── */
.wgc-layout {
  display:grid; grid-template-columns:1fr 480px;
  min-height:100vh; align-items:start; position:relative;
}
.wgc-left {
  padding:72px 64px 120px; background:var(--c-paper);
  animation: wgc-fadein .7s ease;
}
@keyframes wgc-fadein { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

/* ── HEADER ÉDITORIAL ──────────────────────────────────── */
.wgc-header { margin-bottom:52px; }
.wgc-eyebrow {
  font-size:10px; font-weight:700; letter-spacing:.26em; text-transform:uppercase;
  color:var(--c-gold); display:flex; align-items:center; gap:14px; margin-bottom:24px;
}
.wgc-eyebrow::before { content:''; width:24px; height:1px; background:var(--c-gold); }
.wgc-title {
  font-size:clamp(44px,5.5vw,80px)!important; font-weight:800!important;
  color:var(--c-ink)!important; letter-spacing:-.05em!important;
  line-height:.9!important; margin:0!important;
}

/* ── MESSAGE EN PULL-QUOTE ─────────────────────────────── */
.wgc-message {
  margin:40px 0; padding:36px 0;
  border-top:1px solid var(--c-rule); border-bottom:1px solid var(--c-rule);
  font-size:18px; line-height:1.72; color:var(--c-muted);
  font-style:italic; position:relative;
}
.wgc-message::before {
  content:'\201C'; position:absolute; top:-20px; left:-8px;
  font-size:80px; color:var(--c-gold); opacity:.3; line-height:1;
  font-family:Georgia,serif;
}

/* ── FICHE EN CHIFFRES ─────────────────────────────────── */
.wgc-infos { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; margin-bottom:52px; }
.wgc-info { display:flex; flex-direction:column; gap:6px; }
.wgc-info span {
  font-size:9px; font-weight:800; letter-spacing:.22em; text-transform:uppercase;
  color:var(--c-gold);
}
.wgc-info strong { font-size:clamp(24px,2.5vw,36px); font-weight:800; color:var(--c-ink); letter-spacing:-.03em; line-height:1; }

/* ── SÉPARATEURS ÉDITORIAUX ────────────────────────────── */
.wgc-section { margin-bottom:44px; padding-bottom:44px; border-bottom:1px solid var(--c-rule); }
.wgc-section:last-child { border-bottom:none; margin-bottom:0; }
.wgc-section__title {
  display:flex!important; align-items:center; gap:16px;
  font-size:9px!important; font-weight:800!important; letter-spacing:.24em;
  text-transform:uppercase; color:var(--c-gold)!important; margin:0 0 24px!important;
}
.wgc-section__title::before,.wgc-section__title::after { content:''; flex:1; height:1px; background:var(--c-rule); }

/* ── CONTENU ───────────────────────────────────────────── */
.wgc-text { font-size:14px; line-height:1.8; color:var(--c-muted); }
.wgc-lock { font-size:13px; color:rgba(0,19,59,.68); padding:10px 0; }
.wgc-lock a { color:var(--c-ink); text-decoration:underline; }
.wgc-pill {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--c-ink); color:var(--c-gold);
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:6px 16px; margin-bottom:12px;
}

/* ── WIFI ÉLÉGANT ──────────────────────────────────────── */
.wgc-wifi {
  display:flex; justify-content:space-between; align-items:center;
  background:var(--c-ink); padding:22px 28px;
}
.wgc-wifi > div { display:flex; flex-direction:column; gap:4px; }
.wgc-wifi span { font-size:9px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:rgba(200,184,154,.5); }
.wgc-wifi div strong { font-size:15px; font-weight:600; color:#F8F6F1; }
.wgc-wifi code {
  font-family:'SF Mono','Fira Code',monospace; font-size:16px;
  color:var(--c-gold); letter-spacing:.08em;
}

/* ── CHAMBRES TIMELINE ─────────────────────────────────── */
.wgc-chambres { display:flex; flex-direction:column; gap:0; }
.wgc-chambre {
  display:flex; justify-content:space-between; align-items:baseline;
  padding:14px 0; border-bottom:1px solid var(--c-rule);
  transition:padding .18s;
}
.wgc-chambre:last-child { border-bottom:none; }
.wgc-chambre:hover { padding:14px 12px; }
.wgc-chambre span { font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--c-gold); }
.wgc-chambre strong { font-size:14px; font-weight:600; color:var(--c-ink); }

/* ── CHIPS ─────────────────────────────────────────────── */
.wgc-chips { display:flex; flex-wrap:wrap; gap:6px; }
.wgc-chip {
  padding:5px 13px; font-size:11px; font-weight:600;
  color:var(--c-ink); border:1px solid rgba(0,19,59,.15);
  transition:all .16s;
}
.wgc-chip:hover { background:var(--c-ink); color:var(--c-gold); border-color:var(--c-ink); }
.wgc-equip-cat { margin-bottom:18px; }
.wgc-equip-cat__label { display:block; font-size:9px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--c-gold); margin-bottom:10px; }

/* ── CONTACT ───────────────────────────────────────────── */
.wgc-contact {
  display:flex; justify-content:space-between; align-items:center; padding:20px 0;
}
.wgc-contact span { font-size:17px; font-weight:800; color:var(--c-ink); letter-spacing:-.02em; }
.wgc-contact a {
  font-size:14px; font-weight:700; color:var(--c-gold);
  background:var(--c-ink); padding:11px 22px; letter-spacing:.03em;
  transition:background .18s;
}
.wgc-contact a:hover { background:#0D2252; }

/* ── COLONNE DROITE — GALERIE ÉDITORIALE ──────────────── */
.wgc-right {
  position:sticky; top:0; height:100vh;
  display:grid;
  grid-template-rows:60% 40%;
  background:var(--c-ink)!important;
  overflow:hidden;
}

.wgc-mosaic__main {
  position:relative; overflow:hidden;
}
.wgc-mosaic__main::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(0,19,59,0) 60%, rgba(0,19,59,.6) 100%);
  pointer-events:none;
}
.wgb-hero__bg-img,.wgc-mosaic__main-img {
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transition:transform .6s ease;
}
.wgc-mosaic__main:hover .wgc-mosaic__main-img { transform:scale(1.04); }

.wgc-mosaic__grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
  background:var(--c-ink); overflow:hidden;
}
.wgc-mosaic__thumb {
  background-size:cover; background-position:center;
  transition:opacity .25s, transform .4s;
}
.wgc-mosaic__thumb:hover { opacity:.75; transform:scale(1.03); }

.wgc-map-sticky {
  grid-row:2; grid-column:1/-1;
  height:100%; overflow:hidden;
}

/* ── ADMIN BAR ─────────────────────────────────────────── */
.wg-admin-bar {
  position:fixed!important; bottom:24px!important; left:50%!important;
  transform:translateX(-50%)!important; z-index:99999!important;
  background:#00133B!important; box-shadow:0 12px 48px rgba(0,0,0,.5)!important;
  padding:0 4px!important; border-radius:0!important;
}
.wg-admin-bar__inner { display:flex!important; align-items:center!important; height:48px!important; }
.wg-admin-bar__label {
  font-family:'Space Grotesk',sans-serif!important; font-size:9px!important;
  font-weight:800!important; color:rgba(200,184,154,.35)!important;
  text-transform:uppercase!important; letter-spacing:.2em!important;
  padding:0 18px!important; white-space:nowrap!important;
  border-right:1px solid rgba(200,184,154,.1)!important;
}
.wg-admin-bar__btn {
  font-family:'Space Grotesk',sans-serif!important; font-size:11px!important;
  font-weight:600!important; color:rgba(250,249,247,.7)!important;
  background:transparent!important; border:none!important;
  padding:0 16px!important; height:48px!important; cursor:pointer!important;
  white-space:nowrap!important; border-radius:0!important; box-shadow:none!important;
  outline:none!important; letter-spacing:.05em!important; text-transform:uppercase!important;
  transition:color .16s!important;
}
.wg-admin-bar__btn:hover { color:#FAF9F7!important; }
.wg-admin-bar__btn.is-active { background:#C8B89A!important; color:#04080F!important; font-weight:800!important; }
.wg-admin-bar__edit {
  font-family:'Space Grotesk',sans-serif!important; font-size:9px!important;
  font-weight:700!important; color:rgba(200,184,154,.3)!important;
  text-decoration:none!important; padding:0 18px!important; height:48px!important;
  display:flex!important; align-items:center!important;
  border-left:1px solid rgba(200,184,154,.1)!important;
  text-transform:uppercase!important; letter-spacing:.14em!important;
  transition:color .16s!important; white-space:nowrap!important;
}
.wg-admin-bar__edit:hover { color:#C8B89A!important; }

/* ── RESPONSIVE ────────────────────────────────────────── */
@media(max-width:1024px) {
  .wgb-hero__content { padding:0 28px 52px; }
  .wgb-tabs { padding:0 28px!important; }
  .wgb-panels { padding:0 28px 100px; }
  .wgb-section { grid-template-columns:1fr; }
  .wgb-section__num { display:none; }
  .wgc-layout { grid-template-columns:1fr; }
  .wgc-right { position:static; height:80vw; min-height:320px; grid-template-rows:55% 45%; }
  .wgc-map-sticky { display:none; }
  .wgc-left { padding:44px 28px 80px; }
  .wgc-infos { grid-template-columns:1fr 1fr; gap:20px; }
}
@media(max-width:640px) {
  .wgb-hero__content { padding:0 20px 44px; }
  .wgb-tabs { padding:0 16px!important; }
  .wgb-panels { padding:0 20px 80px; }
  .wgb-strip__item { min-width:120px; padding:16px 20px; }
  .wgc-left { padding:36px 20px 60px; }
  .wgc-infos { grid-template-columns:1fr; gap:16px; }
  .wgc-mosaic__grid { grid-template-columns:repeat(3,1fr); }
}

/* ── Desktop / Tablette ───────────────────────────────── */
@media(min-width:1025px) {
  .wgb-panels { padding:0 60px 120px; }
  .wgb-strip { display:flex; }
}

@media(max-width:1024px) {
  .wgb-hero__content { padding:0 28px 48px; }
  .wgb-tabs { padding:0 28px!important; }
  .wgb-panels { padding:0 28px 100px; }
  .wgb-section__num { display:none; }
  .wgb-section { grid-template-columns:1fr; }
  .wgc-layout { grid-template-columns:1fr; }
  .wgc-right { position:static; height:70vw; min-height:400px; }
  .wgc-mosaic { display:grid; grid-template-rows:1fr; height:100%; }
  .wgc-mosaic__main { min-height:220px; }
  .wgc-mosaic__grid { grid-template-columns:repeat(3,1fr); }
  .wgc-left { padding:48px 32px 80px; }
  .wgc-map-sticky { height:220px; }
  .wgc-infos { gap:20px; }
}

@media(max-width:640px) {
  .wgb-hero { height:85vh; min-height:380px; }
  .wgb-hero__content { padding:0 20px 44px; }
  .wgb-hero__title { font-size:clamp(28px,9vw,48px)!important; }
  .wgb-tabs { padding:0 16px!important; }
  .wgb-panels { padding:0 16px 80px; }
  .wgb-strip { overflow-x:auto; }
  .wgb-strip__item { min-width:110px; padding:14px 16px; }
  .wgc-left { padding:32px 20px 60px; }
  .wgc-right { height:60vw; }
  .wgc-mosaic__grid { grid-template-columns:repeat(3,1fr); }
  .wgc-infos { grid-template-columns:1fr 1fr; gap:14px; }
}
/* ══════════════════════════════════════════════════════════
   BOUTON NAVIGATION GPS
   ══════════════════════════════════════════════════════════ */
.wg-nav-btn{
    display:inline-flex;align-items:center;gap:7px;
    padding:8px 14px;background:#C8B89A;color:#04080F;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
    letter-spacing:.04em;text-decoration:none;white-space:nowrap;
    border:none;transition:background .16s;
}
.wg-nav-btn:hover{background:#B8A888;color:#04080F;}
.wg-nav-btn svg{flex-shrink:0;}
.wgb-strip__item--nav{justify-content:center;gap:8px;}
.wgc-navrow{margin:-24px 0 40px;}

/* ══════════════════════════════════════════════════════════
   ICÔNES DANS LES CHIPS
   ══════════════════════════════════════════════════════════ */
.wgb-chip,.wgc-chip{display:inline-flex;align-items:center;gap:7px;}
.wg-chip-ico{display:inline-flex;align-items:center;justify-content:center;
    width:16px;height:16px;flex-shrink:0;}
.wg-chip-ico svg{width:16px;height:16px;stroke-width:1;
    stroke:currentColor;fill:none;}
.wg-chip-ico:empty{display:none;}
.wg-chip-txt{line-height:1.2;}

/* ══════════════════════════════════════════════════════════
   PANNEAU RECOMMANDATIONS
   ══════════════════════════════════════════════════════════ */
.wg-reco-tabs{display:flex;gap:2px;margin-bottom:18px;}
.wg-reco-tab{
    flex:1;padding:11px 0;border:none;background:#F5F3EE;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
    letter-spacing:.06em;text-transform:uppercase;color:rgba(0,19,59,.68);
    cursor:pointer;transition:all .16s;
}
.wg-reco-tab.is-active{background:#00133B;color:#C8B89A;}

.wg-reco-view{display:none;}
.wg-reco-view.is-active{display:block;}

.wg-reco-label{
    display:block;font-size:9px;font-weight:800;letter-spacing:.16em;
    text-transform:uppercase;color:#C8B89A;margin:14px 0 6px;
}
.wg-reco-input{
    width:100%;padding:11px 14px;background:#F8F6F1;
    border:1px solid rgba(0,19,59,.12);border-radius:0;
    font-family:'Space Grotesk',sans-serif;font-size:14px;color:#00133B;
    outline:none;box-sizing:border-box;transition:border-color .16s;
}
.wg-reco-input:focus{border-color:#00133B;background:#fff;}
.wg-reco-textarea{resize:vertical;min-height:60px;line-height:1.5;}
.wg-reco-save{
    width:100%;margin-top:18px;padding:13px 0;border:none;
    background:#00133B;color:#C8B89A;
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;
    letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
    transition:background .16s;
}
.wg-reco-save:hover{background:#0D2252;}
.wg-reco-hint{font-size:11px;color:rgba(0,19,59,.68);margin-top:10px;line-height:1.5;}

.wg-reco-empty{
    text-align:center;padding:28px 12px;font-size:14px;color:#00133B;line-height:1.6;
}
.wg-reco-empty span{font-size:12px;color:rgba(0,19,59,.68);}

.wg-reco-card{
    display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
    padding:14px 0;border-bottom:1px solid rgba(0,19,59,.08);
}
.wg-reco-card__main{display:flex;flex-direction:column;gap:3px;min-width:0;}
.wg-reco-card__cat{
    font-size:9px;font-weight:800;letter-spacing:.14em;
    text-transform:uppercase;color:#C8B89A;
}
.wg-reco-card__nom{font-size:15px;font-weight:700;color:#00133B;}
.wg-reco-card__adr{font-size:12px;color:rgba(0,19,59,.5);}
.wg-reco-card__note{font-size:12px;color:rgba(0,19,59,.65);font-style:italic;margin-top:2px;}
.wg-reco-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.wg-reco-del{
    width:28px;height:28px;border:none;background:rgba(0,19,59,.06);
    color:rgba(0,19,59,.5);font-size:12px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:all .16s;
}
.wg-reco-del:hover{background:rgba(220,38,38,.1);color:#DC2626;}

/* Urgences : adresse + actions */
.wg-urg-contact__addr{font-size:12px;color:rgba(0,19,59,.5);line-height:1.4;}
.wg-urg-contact__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.wg-urg-navbien{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,19,59,.08);}

/* ── Panneau Vue : note + section admin ─────────────────── */
.wg-vue-note{
    font-size:11px;color:rgba(0,19,59,.68);margin:10px 0 0;line-height:1.5;
}
.wg-vue-admin{
    margin-top:20px;padding-top:18px;border-top:1px solid rgba(0,19,59,.1);
}
.wg-vue-admin__title{
    display:block;font-size:9px;font-weight:800;letter-spacing:.18em;
    text-transform:uppercase;color:#C8B89A;margin-bottom:4px;
}
.wg-vue-admin__desc{
    font-size:11px;color:rgba(0,19,59,.68);margin:0 0 12px;line-height:1.5;
}
.wg-vue-admin__row{display:flex;gap:2px;flex-wrap:wrap;}
.wg-vue-admin__btn{
    flex:1;min-width:92px;padding:10px 8px;text-align:center;
    background:#F5F3EE;color:#00133B;text-decoration:none;
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
    letter-spacing:.03em;transition:background .16s;
}
.wg-vue-admin__btn:hover{background:#ECE9E2;color:#00133B;}
.wg-vue-admin__btn.is-default{background:#00133B;color:#C8B89A;}
.wg-vue-admin__btn em{
    display:block;font-style:normal;font-size:8px;font-weight:600;
    letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:2px;
}
.wg-vue-admin__edit{
    display:inline-block;margin-top:12px;font-size:11px;
    color:rgba(0,19,59,.5);text-decoration:underline;
}
.wg-vue-admin__edit:hover{color:#00133B;}

/* ══════════════════════════════════════════════════════════
   FORÇAGE DES COULEURS — contre Hello Elementor / thème
   Toute règle de couleur sur un bouton ou lien est verrouillée.
   ══════════════════════════════════════════════════════════ */

/* --- Fond navy, texte beige --- */
body .wg-vue-option.is-active,
body .wg-vue-option.is-active *,
body .wg-vue-admin__btn.is-default,
body .wg-vue-admin__btn.is-default *,
body .wg-reco-tab.is-active,
body .wg-reco-save,
body .wg-urg-contact__cta,
body .wg-urg-contact__cta *,
body .wgb-contact-card__tel,
body .wgc-contact a,
body .wgc-pill,
body .wg-admin-bar__btn.is-active,
body .wg-admin-bar__btn.is-active *{
    background-color:#00133B !important;
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}
body .wg-reco-save:hover,
body .wg-urg-contact__cta:hover,
body .wgb-contact-card__tel:hover,
body .wgc-contact a:hover{
    background-color:#0D2252 !important;
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}

/* --- Fond beige, texte navy --- */
body .wg-nav-btn,
body .wg-nav-btn *,
body .wgb-contact-card,
body .wgb-contact-card__name,
body .wg-vbar__tab.is-active,
body .wg-vbar__tab.is-active *{
    color:#04080F !important;
    -webkit-text-fill-color:#04080F !important;
}
body .wg-nav-btn{ background-color:#C8B89A !important; }
body .wg-nav-btn:hover{
    background-color:#B8A888 !important;
    color:#04080F !important;
    -webkit-text-fill-color:#04080F !important;
}
body .wgb-contact-card{ background-color:#C8B89A !important; }

/* --- Fond clair, texte navy --- */
body .wg-vue-option,
body .wg-vue-option *,
body .wg-vue-admin__btn,
body .wg-vue-admin__btn *,
body .wg-reco-tab,
body .wg-urg-num,
body .wg-urg-num *,
body .wgc-chip,
body .wg-reco-input,
body .wg-vbar__close{
    color:#00133B !important;
    -webkit-text-fill-color:#00133B !important;
}
body .wg-vue-option,
body .wg-vue-admin__btn,
body .wg-reco-tab,
body .wg-urg-num{ background-color:#F5F3EE !important; }

body .wg-vue-option:hover,
body .wg-vue-admin__btn:hover,
body .wg-urg-num:hover{
    background-color:#ECE9E2 !important;
    color:#00133B !important;
    -webkit-text-fill-color:#00133B !important;
}
/* Chip claire qui s'inverse au survol */
body .wgc-chip:hover,
body .wgc-chip:hover *{
    background-color:#00133B !important;
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}

/* --- Tabbar : fond navy, libellés beige --- */
body .wg-vbar__tabs{ background-color:#00133B !important; }
body .wg-vbar__tab,
body .wg-vbar__tab *{
    color:rgba(200,184,154,.45) !important;
    -webkit-text-fill-color:rgba(200,184,154,.45) !important;
}
body .wg-vbar__tab:hover,
body .wg-vbar__tab:hover *,
body .wg-vbar__tab.is-active,
body .wg-vbar__tab.is-active *{
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}
body .wg-vbar__tab svg{ stroke:currentColor !important; }

/* --- Design B : chips et pills sur fond sombre --- */
body .wg-guide--b .wgb-chip,
body .wg-guide--b .wgb-chip *{
    color:rgba(250,249,247,.7) !important;
    -webkit-text-fill-color:rgba(250,249,247,.7) !important;
}
body .wg-guide--b .wgb-chip:hover,
body .wg-guide--b .wgb-chip:hover *,
body .wg-guide--b .wgb-pill,
body .wg-guide--b .wgb-pill *{
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}

/* --- En-têtes de panneaux --- */
body .wg-vbar__panel{ background-color:#FFFFFF !important; }
body .wg-vbar__panel-header,
body .wg-vbar__panel-header span{
    color:#00133B !important;
    -webkit-text-fill-color:#00133B !important;
}

/* ══════════════════════════════════════════════════════════
   HARMONISATION FINALE
   Zéro arrondi · Zéro contour parasite · Angles nets partout
   ══════════════════════════════════════════════════════════ */

/* --- Reset global de la tabbar et de ses panneaux --- */
body .wg-vbar,
body .wg-vbar *,
body .wg-vbar *::before,
body .wg-vbar *::after,
body .wg-guide,
body .wg-guide *{
    border-radius:0 !important;
    box-shadow:none !important;
    outline:none !important;
}
/* Aucun contour sauf ceux qu'on déclare volontairement ensuite */
body .wg-vbar button,
body .wg-vbar a,
body .wg-vbar input,
body .wg-vbar select,
body .wg-vbar textarea,
body .wg-guide button,
body .wg-guide a{
    border:none !important;
    border-color:transparent !important;
    text-decoration:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    font-family:'Space Grotesk',system-ui,sans-serif !important;
}
/* L'ombre du drawer est la seule autorisée */
body .wg-vbar__panel{ box-shadow:0 -6px 32px rgba(0,19,59,.18) !important; }

/* --- Drawer pleine largeur, tabbar toujours visible --- */
body .wg-vbar__panel{
    left:0 !important; right:0 !important;
    width:100% !important; max-width:100% !important;
    transform:none !important;
    max-height:calc(100vh - 60px) !important;
}
body .wg-vbar__panel.is-open{ bottom:60px !important; }
body.logged-in .wg-vbar__panel.is-open{ bottom:60px !important; }
body .wg-vbar__panel-body{ padding:20px 20px 28px !important; }
@media(min-width:900px){
    body .wg-vbar__panel-header,
    body .wg-vbar__panel-body{
        max-width:860px; margin-left:auto; margin-right:auto;
    }
}

/* --- En-tête de panneau : bouton fermer carré --- */
body .wg-vbar__close{
    width:34px !important; height:34px !important;
    background:#00133B !important;
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
    font-size:14px !important;
}

/* --- Choix du design : une colonne pleine largeur --- */
body .wg-vue-option{
    display:flex !important;
    width:100% !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:16px 18px !important;
    margin:0 0 2px !important;
    text-align:left !important;
    cursor:pointer !important;
    font-size:14px !important;
    font-weight:600 !important;
}
body .wg-vue-option__badge{
    font-size:9px !important; font-weight:800 !important;
    letter-spacing:.14em !important; text-transform:uppercase !important;
    padding:4px 9px !important;
    background:rgba(200,184,154,.18) !important;
    color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}

/* --- Admin : mêmes proportions, une colonne --- */
body .wg-vue-admin__row{
    display:flex !important; flex-direction:column !important; gap:2px !important;
}
body .wg-vue-admin__btn{
    display:flex !important;
    width:100% !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:14px 18px !important;
    text-align:left !important;
    font-size:13px !important;
    font-weight:700 !important;
}
body .wg-vue-admin__btn em{
    display:inline-block !important; margin:0 !important;
    font-size:9px !important; font-weight:800 !important;
    letter-spacing:.14em !important; text-transform:uppercase !important;
    opacity:.7 !important;
}
body .wg-vue-admin__edit{
    text-decoration:underline !important;
    color:rgba(0,19,59,.5) !important;
    -webkit-text-fill-color:rgba(0,19,59,.5) !important;
}

/* --- Urgences : Appeler puis S'y rendre, empilés --- */
body .wg-urg-contact{
    align-items:flex-start !important;
    gap:14px !important;
    padding:16px 0 !important;
}
body .wg-urg-contact__info{ min-width:0 !important; flex:1 1 auto !important; }
body .wg-urg-contact__addr{
    display:block !important;
    font-size:12px !important; line-height:1.45 !important;
    color:rgba(0,19,59,.5) !important;
    -webkit-text-fill-color:rgba(0,19,55,.5) !important;
    margin-top:3px !important;
}
body .wg-urg-contact__actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:2px !important;
    flex:0 0 auto !important;
    width:132px !important;
}
body .wg-urg-contact__actions .wg-urg-contact__cta,
body .wg-urg-contact__actions .wg-nav-btn{
    width:100% !important;
    justify-content:center !important;
    padding:11px 10px !important;
    font-size:12px !important;
    font-weight:700 !important;
}
body .wg-urg-navbien{ margin-top:16px !important; padding-top:16px !important; }
body .wg-urg-navbien .wg-nav-btn{
    display:flex !important; width:100% !important;
    justify-content:center !important; padding:13px 10px !important;
}

/* --- Numéros d'urgence : blocs nets --- */
body .wg-urg-numéros{ gap:2px !important; margin-top:22px !important; }
body .wg-urg-num{ padding:14px 4px !important; }

/* --- Recos : champs et boutons alignés --- */
body .wg-reco-tab{ padding:12px 0 !important; }
body .wg-reco-input{
    border:none !important;
    border-bottom:1px solid rgba(0,19,59,.15) !important;
    background:#F5F3EE !important;
}
body .wg-reco-input:focus{
    border-bottom-color:#00133B !important;
    background:#FFFFFF !important;
}
body .wg-reco-save{ padding:14px 0 !important; }
body .wg-reco-card__actions{
    flex-direction:column !important; align-items:stretch !important;
    gap:2px !important; width:112px !important;
}
body .wg-reco-card__actions .wg-nav-btn{
    width:100% !important; justify-content:center !important;
    padding:9px 8px !important;
}
body .wg-reco-del{
    width:100% !important; height:30px !important;
    background:rgba(0,19,59,.06) !important;
    color:rgba(0,19,59,.5) !important;
    -webkit-text-fill-color:rgba(0,19,59,.5) !important;
}

/* --- Tabbar : hauteur constante, pas d'arrondi --- */
body .wg-vbar__tabs{ height:60px !important; }
body .wg-vbar__tab{ padding:0 !important; }

/* --- Cookie/accessibilité tiers : ne pas masquer la tabbar --- */
body .wg-vbar{ pointer-events:auto !important; }

/* ══════════════════════════════════════════════════════════
   RECOMMANDATIONS — cartes serveur, origine, favoris
   ══════════════════════════════════════════════════════════ */
.wg-reco-loading{font-size:13px;color:rgba(0,19,59,.68);padding:18px 0;}

body .wg-reco-badge{
    display:inline-block;width:fit-content;
    font-size:9px !important;font-weight:800 !important;
    letter-spacing:.12em !important;text-transform:uppercase !important;
    padding:3px 8px !important;margin-top:2px;
    background:#F0EDE6 !important;color:rgba(0,19,59,.55) !important;
    -webkit-text-fill-color:rgba(0,19,59,.55) !important;
}
body .wg-reco-badge--owner{
    background:#00133B !important;color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
}

body .wg-reco-fav{
    display:flex !important;align-items:center !important;justify-content:center !important;
    width:100% !important;height:32px !important;cursor:pointer !important;
    background:#F5F3EE !important;color:rgba(0,19,59,.35) !important;
    transition:color .16s,background .16s !important;
}
body .wg-reco-fav:hover{background:#ECE9E2 !important;color:#00133B !important;}
body .wg-reco-fav.is-on{background:#C8B89A !important;color:#00133B !important;}

body .wg-reco-hide{
    width:100% !important;padding:7px 8px !important;cursor:pointer !important;
    background:rgba(0,19,59,.06) !important;color:rgba(0,19,59,.55) !important;
    -webkit-text-fill-color:rgba(0,19,59,.55) !important;
    font-size:10px !important;font-weight:800 !important;
    letter-spacing:.1em !important;text-transform:uppercase !important;
}
body .wg-reco-hide:hover{background:rgba(185,28,28,.1) !important;color:#B91C1C !important;
    -webkit-text-fill-color:#B91C1C !important;}

.wg-reco-card.is-hidden{opacity:.5;}
body .wg-reco-card__flag{
    font-size:9px !important;font-weight:800 !important;letter-spacing:.12em !important;
    text-transform:uppercase !important;color:#B91C1C !important;
    -webkit-text-fill-color:#B91C1C !important;margin-top:3px;
}

.wg-reco-gate{text-align:center;padding:24px 12px;}
.wg-reco-gate p{font-size:14px;color:rgba(0,19,59,.6);margin:0 0 16px;line-height:1.6;}
body .wg-reco-gate .wg-reco-save{display:block;text-align:center;text-decoration:none !important;}

/* ══════════════════════════════════════════════════════════
   APERÇU DES RECOMMANDATIONS SUR LA PAGE GUIDE
   ══════════════════════════════════════════════════════════ */
.wg-recos-preview{width:100%;}
.wg-recos-preview__head{
    display:flex;justify-content:space-between;align-items:center;
    gap:16px;margin-bottom:18px;flex-wrap:wrap;
}
body .wg-recos-preview__title{
    font-size:10px !important;font-weight:800 !important;
    letter-spacing:.2em !important;text-transform:uppercase !important;
}
body .wg-recos-preview__all{
    padding:8px 16px !important;cursor:pointer !important;
    font-size:11px !important;font-weight:700 !important;
    letter-spacing:.06em !important;text-transform:uppercase !important;
    background:#C8B89A !important;color:#04080F !important;
    -webkit-text-fill-color:#04080F !important;
}
body .wg-recos-preview__all:hover{background:#B8A888 !important;}

.wg-recos-preview__grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;
}
.wg-reco-mini{
    display:flex;flex-direction:column;gap:6px;
    padding:18px 20px;align-items:flex-start;
}
body .wg-reco-mini__cat{
    font-size:9px !important;font-weight:800 !important;
    letter-spacing:.16em !important;text-transform:uppercase !important;
}
body .wg-reco-mini__nom{font-size:15px !important;font-weight:700 !important;line-height:1.25 !important;}
body .wg-reco-mini__badge{
    font-size:8px !important;font-weight:800 !important;
    letter-spacing:.12em !important;text-transform:uppercase !important;
    padding:3px 8px !important;
}
body .wg-reco-mini__note{font-size:12px !important;line-height:1.5 !important;font-style:italic;}
.wg-reco-mini .wg-nav-btn{margin-top:4px;}

/* Design B — sur fond sombre */
.wgb-recos{max-width:800px;margin:0 auto;padding:0 60px 100px;}
.wg-guide--b .wg-recos-preview__title{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
.wg-guide--b .wg-reco-mini{background:rgba(255,255,255,.03);border:1px solid rgba(200,184,154,.08);}
.wg-guide--b .wg-reco-mini__cat{color:rgba(200,184,154,.5) !important;-webkit-text-fill-color:rgba(200,184,154,.5) !important;}
.wg-guide--b .wg-reco-mini__nom{color:#FAF9F7 !important;-webkit-text-fill-color:#FAF9F7 !important;}
.wg-guide--b .wg-reco-mini__note{color:rgba(250,249,247,.5) !important;-webkit-text-fill-color:rgba(250,249,247,.5) !important;}
.wg-guide--b .wg-reco-mini__badge{background:#C8B89A !important;color:#04080F !important;-webkit-text-fill-color:#04080F !important;}

/* Design C — sur fond clair */
.wg-guide--c .wg-recos-preview__title{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
.wg-guide--c .wg-reco-mini{background:#FFFFFF;border:1px solid rgba(0,19,59,.08);}
.wg-guide--c .wg-reco-mini__cat{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
.wg-guide--c .wg-reco-mini__nom{color:#00133B !important;-webkit-text-fill-color:#00133B !important;}
.wg-guide--c .wg-reco-mini__note{color:rgba(0,19,59,.6) !important;-webkit-text-fill-color:rgba(0,19,59,.6) !important;}
.wg-guide--c .wg-reco-mini__badge{background:#00133B !important;color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}

@media(max-width:1024px){ .wgb-recos{padding:0 28px 80px;} }
@media(max-width:640px){ .wgb-recos{padding:0 16px 80px;} }

/* ══════════════════════════════════════════════════════════
   CONTRASTE, RESPIRATION, PHOTOS — correctifs
   ══════════════════════════════════════════════════════════ */

/* --- Tabbar : libellés lisibles (AA sur fond #00133B) --- */
body .wg-vbar__tab,
body .wg-vbar__tab *{
    color:#D9CDB4 !important;
    -webkit-text-fill-color:#D9CDB4 !important;
    font-size:10px !important;font-weight:700 !important;
    letter-spacing:.1em !important;
}
body .wg-vbar__tab svg{stroke:#D9CDB4 !important;opacity:1 !important;}
body .wg-vbar__tab:hover,body .wg-vbar__tab:hover *,
body .wg-vbar__tab.is-active,body .wg-vbar__tab.is-active *{
    color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
}
body .wg-vbar__tab.is-active{background:rgba(255,255,255,.1) !important;}
body .wg-vbar__tab.is-active svg{stroke:#FFFFFF !important;}
body .wg-vbar__tabs{height:64px !important;}

/* --- Design App : onglets de navigation visibles --- */
body .wg-guide--b .wgb-tab,
body .wg-guide--b .wgb-tab *{
    color:#B9AC8E !important;-webkit-text-fill-color:#B9AC8E !important;
    font-size:12px !important;font-weight:700 !important;
    padding:0 !important;
}
body .wg-guide--b .wgb-tab{padding:18px 22px !important;}
body .wg-guide--b .wgb-tab:hover,body .wg-guide--b .wgb-tab:hover *{
    color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
}
body .wg-guide--b .wgb-tab.is-active,
body .wg-guide--b .wgb-tab.is-active *{
    color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
}
body .wg-guide--b .wgb-tabs{border-bottom:1px solid rgba(200,184,154,.22) !important;}

/* --- Respiration des boutons --- */
body .wg-nav-btn{padding:11px 20px !important;}
body .wg-urg-contact__cta{padding:12px 18px !important;}
body .wg-reco-tab{padding:14px 10px !important;font-size:11px !important;}
body .wg-vue-option{padding:18px 20px !important;}
body .wg-vue-admin__btn{padding:16px 20px !important;}
body .wg-reco-save{padding:16px 0 !important;}
body .wg-recos-preview__all{padding:11px 20px !important;}
body .wgb-pill,body .wgc-pill{padding:8px 18px !important;}
body .wgb-chip,body .wgc-chip{padding:8px 14px !important;}
body .wg-vbar__panel-header{padding:20px 20px 18px !important;}

/* --- Aperçu : photo carrée au-dessus du titre --- */
body .wg-reco-mini{
    display:flex !important;flex-direction:column !important;
    align-items:stretch !important;gap:0 !important;padding:0 !important;
    cursor:pointer !important;text-align:left !important;width:100% !important;
    background:transparent !important;
}
.wg-reco-mini__media{
    display:flex;align-items:center;justify-content:center;
    width:100%;aspect-ratio:1/1;
    background-size:cover;background-position:center;
    background-color:rgba(0,19,59,.06);
    color:rgba(0,19,59,.18);
}
.wg-guide--b .wg-reco-mini__media{background-color:rgba(255,255,255,.05);color:rgba(200,184,154,.25);}
.wg-reco-mini__body{
    display:flex;flex-direction:column;gap:6px;
    padding:16px 18px 20px;align-items:flex-start;
}
body .wg-reco-mini:hover .wg-reco-mini__media{opacity:.9;}

/* --- Cartes du panneau : vignette carrée --- */
body .wg-reco-card__open{
    display:flex !important;align-items:flex-start !important;gap:14px !important;
    width:100% !important;text-align:left !important;cursor:pointer !important;
    background:transparent !important;padding:0 !important;
}
.wg-reco-card__media{
    flex:0 0 72px;width:72px;height:72px;
    background-size:cover;background-position:center;
    background-color:rgba(0,19,59,.07);
}
.wg-reco-card__main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;}

/* --- Fiche détaillée --- */
.wg-reco-detail{display:none;}
.wg-reco-detail.is-open{display:block;}
.wg-reco-detail.is-open ~ .wg-reco-tabs,
.wg-reco-detail.is-open ~ .wg-reco-view{display:none !important;}
body .wg-detail__back{
    padding:10px 0 !important;cursor:pointer !important;background:transparent !important;
    font-size:12px !important;font-weight:700 !important;
    letter-spacing:.06em !important;text-transform:uppercase !important;
    color:rgba(0,19,59,.5) !important;-webkit-text-fill-color:rgba(0,19,59,.5) !important;
}
.wg-detail__media{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;margin:8px 0 18px;}
.wg-detail__body{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
body .wg-detail__cat{
    font-size:9px !important;font-weight:800 !important;
    letter-spacing:.18em !important;text-transform:uppercase !important;
    color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;
}
body .wg-detail__nom{
    font-size:22px !important;font-weight:800 !important;margin:0 !important;
    letter-spacing:-.02em !important;line-height:1.15 !important;
    color:#00133B !important;-webkit-text-fill-color:#00133B !important;
}
.wg-detail__adr{font-size:13px;color:rgba(0,19,59,.55);margin:4px 0 0;line-height:1.5;}
.wg-detail__note{font-size:14px;color:rgba(0,19,59,.75);line-height:1.65;margin:8px 0 0;}
.wg-detail__actions{display:flex;gap:2px;margin-top:16px;width:100%;}
body .wg-detail__actions .wg-nav-btn{flex:1;justify-content:center !important;padding:14px 16px !important;}
body .wg-detail__site{
    flex:1;text-align:center;padding:14px 16px !important;
    background:#00133B !important;color:#C8B89A !important;
    -webkit-text-fill-color:#C8B89A !important;
    font-size:12px !important;font-weight:700 !important;
    letter-spacing:.06em !important;text-transform:uppercase !important;
}

/* --- Gaspard : la bulle flottante disparaît sur les guides --- */
body.wg-guide-page .wg-toggle,
body.wg-guide-page .wg-teaser{display:none !important;}
body.wg-guide-page .wg-panel{z-index:9995 !important;}
@media(max-width:640px){
    body.wg-guide-page .wg-panel{bottom:64px !important;height:calc(88vh - 64px) !important;}
}

/* ══════════════════════════════════════════════════════════
   DESIGN MAGAZINE — colonne droite en balises img
   ══════════════════════════════════════════════════════════ */
body .wg-guide--c .wgc-right{
    display:flex !important;flex-direction:column !important;
    position:sticky !important;top:0 !important;height:100vh !important;
    background:#00133B !important;overflow:hidden !important;
}
.wgc-hero{flex:1 1 auto;min-height:0;overflow:hidden;position:relative;}
.wgc-hero img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .6s ease;
}
.wgc-hero:hover img{transform:scale(1.03);}

.wgc-thumbs{
    flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);
    gap:2px;background:#00133B;
}
.wgc-thumbs img{
    width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
    transition:opacity .25s;
}
.wgc-thumbs img:hover{opacity:.82;}

body .wg-guide--c .wgc-map-sticky{
    flex:0 0 190px !important;height:190px !important;
    border-top:2px solid rgba(200,184,154,.35) !important;overflow:hidden !important;
}

@media(max-width:1024px){
    body .wg-guide--c .wgc-right{
        position:static !important;height:auto !important;
    }
    .wgc-hero{height:58vw;min-height:240px;flex:none;}
    body .wg-guide--c .wgc-map-sticky{flex:none !important;height:200px !important;}
}

/* ══════════════════════════════════════════════════════════
   EN-TÊTE DE PANNEAU — respiration autour du titre
   ══════════════════════════════════════════════════════════ */
body .wg-vbar__panel-header{
    display:flex !important;align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;padding:20px 24px 18px !important;
    width:100% !important;
}
@media(min-width:900px){
    body .wg-vbar__panel-header{
        max-width:860px;margin:0 auto;
        padding-left:20px !important;padding-right:20px !important;
    }
}
body .wg-vbar__panel-header > span{
    font-size:15px !important;font-weight:700 !important;
    letter-spacing:-.01em !important;line-height:1.2 !important;
    flex:1 1 auto;
}
body .wg-vbar__close{
    flex:0 0 36px !important;width:36px !important;height:36px !important;
    margin-left:auto !important;
}

/* ══════════════════════════════════════════════════════════
   FICHE RECOMMANDATION — lien vers la page complète
   ══════════════════════════════════════════════════════════ */
body .wg-detail__full{
    display:block;margin-top:16px;padding:14px 0 !important;
    text-align:center;
    border-top:1px solid rgba(0,19,59,.1) !important;
    font-size:12px !important;font-weight:700 !important;
    letter-spacing:.06em !important;text-transform:uppercase !important;
    color:#00133B !important;-webkit-text-fill-color:#00133B !important;
}
body .wg-detail__full:hover{opacity:.65;}
.wg-detail__note{font-size:14px;color:rgba(0,19,59,.75);line-height:1.65;margin:10px 0 0;}
.wg-detail__note p{margin:0 0 10px;}
.wg-detail__body{width:100%;}

/* ══════════════════════════════════════════════════════════
   PAGE RECOMMANDATION — tabbar sans casser la mise en page
   ══════════════════════════════════════════════════════════ */
body.wg-reco-page{padding-bottom:64px !important;}
body.wg-reco-page .wg-toggle,
body.wg-reco-page .wg-teaser{display:none !important;}

/* La page reco garde ses containers : on annule le reset plein écran */
body.wg-reco-page .elementor-section-wrap,
body.wg-reco-page .e-container,
body.wg-reco-page .elementor-container,
body.wg-reco-page .elementor-column-wrap,
body.wg-reco-page .elementor-widget-wrap,
body.wg-reco-page article,
body.wg-reco-page .entry-content,
body.wg-reco-page .site-content,
body.wg-reco-page main,
body.wg-reco-page #page,
body.wg-reco-page #content,
body.wg-reco-page #primary,
body.wg-reco-page #main,
body.wg-reco-page .site,
body.wg-reco-page .content-area,
body.wg-reco-page .site-main,
body.wg-reco-page .container{
    padding:revert !important;margin:revert !important;
    max-width:revert !important;width:revert !important;
}

/* L'onglet retour est un lien : mêmes règles que les boutons */
body .wg-vbar__tab[href]{
    display:flex !important;flex-direction:column !important;
    align-items:center !important;justify-content:center !important;
    gap:4px !important;text-decoration:none !important;flex:1 !important;
}

/* Conseil personnel dans la fiche recommandation */
.wg-detail__tip{
    width:100%;margin-top:14px;padding:14px 16px;
    background:#F8F6F1;border-left:2px solid #C8B89A;
    font-size:13px;line-height:1.6;color:rgba(0,19,59,.8);
}
.wg-detail__tip span{
    display:block;font-size:9px;font-weight:800;
    letter-spacing:.16em;text-transform:uppercase;
    color:rgba(0,19,59,.68);margin-bottom:5px;
}

/* ══════════════════════════════════════════════════════════
   ONGLETS DESIGN APP — vrais boutons, contraste fort
   ══════════════════════════════════════════════════════════ */
body .wg-guide--b .wgb-tabs{
    gap:8px !important;padding:14px 20px !important;
    border-bottom:1px solid rgba(200,184,154,.18) !important;
    background:rgba(4,8,15,.97) !important;
}
body .wg-guide--b .wgb-tab{
    flex:0 0 auto !important;
    padding:11px 20px !important;
    background:transparent !important;
    border:1.5px solid rgba(200,184,154,.35) !important;
    color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;
    font-size:11px !important;font-weight:700 !important;
    letter-spacing:.1em !important;text-transform:uppercase !important;
    transition:background .18s,border-color .18s,color .18s !important;
}
body .wg-guide--b .wgb-tab::after{display:none !important;}
body .wg-guide--b .wgb-tab:hover{
    background:rgba(200,184,154,.14) !important;
    border-color:#C8B89A !important;
    color:#FAF9F7 !important;-webkit-text-fill-color:#FAF9F7 !important;
}
body .wg-guide--b .wgb-tab.is-active,
body .wg-guide--b .wgb-tab.is-active *{
    background:#D7CAAF !important;
    border-color:#D7CAAF !important;
    color:#04080F !important;-webkit-text-fill-color:#04080F !important;
    font-weight:800 !important;
}

/* ══════════════════════════════════════════════════════════
   DÉBORDEMENTS MOBILE — aucun élément ne sort de l'écran
   ══════════════════════════════════════════════════════════ */

/* Règle de base : les éléments flex et grid peuvent rétrécir */
body .wg-guide *,
body .wg-vbar *{min-width:0;}
body .wg-guide,
body .wg-guide--b,
body .wg-guide--c{overflow-x:clip;}

/* Le texte long se coupe au lieu de pousser le conteneur */
body .wg-guide p,
body .wg-guide span,
body .wg-guide strong,
body .wg-guide code,
body .wg-guide a{overflow-wrap:anywhere;}

/* Bloc WiFi : passe en colonne dès que c'est serré */
body .wgc-wifi{
    flex-wrap:wrap !important;gap:10px !important;
    padding:18px 20px !important;
}
body .wgc-wifi > div{min-width:0;flex:1 1 auto;}
body .wgc-wifi code{
    word-break:break-all;max-width:100%;
    font-size:14px !important;
}
body .wgb-wifi__row{flex-wrap:wrap !important;gap:6px !important;}
body .wgb-wifi__row code{word-break:break-all;max-width:100%;}

/* Chambres : libellés longs sans débordement */
body .wgc-chambre,
body .wgb-chambre{gap:10px !important;}
body .wgc-chambre strong,
body .wgb-chambre__lit{text-align:right;overflow-wrap:anywhere;}

/* Chips et pills : jamais plus larges que le conteneur */
body .wgb-chip,body .wgc-chip,
body .wgb-pill,body .wgc-pill{max-width:100%;}
body .wgb-chips,body .wgc-chips,
body .wgb-pills{max-width:100%;}

/* Strip d'infos : défilement horizontal maîtrisé */
body .wgb-strip{max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch;}
body .wgb-strip__val{overflow-wrap:anywhere;}

/* Contacts et cartes */
body .wg-urg-contact,
body .wg-reco-card{max-width:100%;}
body .wg-urg-contact__addr,
body .wg-reco-card__adr{overflow-wrap:anywhere;}

/* ── Mobile ─────────────────────────────────────────── */
@media(max-width:640px){
    /* WiFi empilé, libellé au-dessus de la valeur */
    body .wgc-wifi{flex-direction:column !important;align-items:stretch !important;}
    body .wgc-wifi code{width:100%;text-align:left;font-size:15px !important;}

    /* Chambres sur une colonne */
    body .wgc-chambres,
    body .wgb-chambres{grid-template-columns:1fr !important;}
    body .wgb-chambre{flex-direction:row !important;justify-content:space-between !important;align-items:center !important;}

    /* Onglets App : défilement horizontal fluide */
    body .wg-guide--b .wgb-tabs{padding:12px 16px !important;gap:6px !important;}
    body .wg-guide--b .wgb-tab{padding:10px 16px !important;font-size:10px !important;}

    /* Grille d'infos et fiche rapide */
    body .wgc-infos{grid-template-columns:1fr 1fr !important;gap:16px !important;}
    body .wgc-info strong{font-size:20px !important;overflow-wrap:anywhere;}
    body .wgb-strip__item{min-width:130px !important;}

    /* Contacts : actions sous les infos */
    body .wg-urg-contact{flex-direction:column !important;align-items:stretch !important;}
    body .wg-urg-contact__actions{width:100% !important;flex-direction:row !important;}
    body .wg-urg-contact__actions > *{flex:1 !important;}

    /* Aperçu recos sur une colonne */
    body .wg-recos-preview__grid{grid-template-columns:1fr !important;}
    body .wg-recos-preview__head{flex-direction:column;align-items:flex-start;gap:12px;}
}

/* ══════════════════════════════════════════════════════════
   GASPARD — pas de zoom iOS, pas de tabbar par-dessus
   ══════════════════════════════════════════════════════════ */

/* iOS zoome sur tout champ sous 16px : on force 16px partout */
#wg-root .wg-input,
body.wg-guide-page .wg-input,
body.wg-guide-page input[type="text"],
body.wg-guide-page input[type="search"],
body.wg-guide-page input[type="tel"],
body.wg-guide-page input[type="email"],
body.wg-guide-page textarea,
body.wg-guide-page select,
body .wg-reco-input{
    font-size:16px !important;
}

/* Confort de saisie dans le chat */
#wg-root .wg-input{
    padding:13px 16px !important;
    line-height:1.4 !important;
}
#wg-root .wg-input-area{padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important;}

/* Quand Gaspard est ouvert, la tabbar disparaît */
body.wg-gaspard-open .wg-vbar__tabs{
    transform:translateY(100%) !important;
    transition:transform .24s cubic-bezier(.16,1,.3,1) !important;
    pointer-events:none !important;
}
body .wg-vbar__tabs{transition:transform .24s cubic-bezier(.16,1,.3,1) !important;}

/* Le panneau de chat occupe alors tout le bas */
body.wg-guide-page .wg-panel{bottom:0 !important;}

@media(max-width:640px){
    body.wg-guide-page .wg-panel{
        height:92vh !important;max-height:92vh !important;
        bottom:0 !important;
    }
    /* Message et bulles plus lisibles sur petit écran */
    #wg-root .wg-msg{font-size:14.5px !important;line-height:1.55 !important;}
    #wg-root .wg-quick__btn{font-size:13.5px !important;padding:11px 15px !important;}
}

/* Page reco : même traitement */
body.wg-reco-page.wg-gaspard-open .wg-vbar__tabs{transform:translateY(100%) !important;}

/* ══════════════════════════════════════════════════════════
   ACCESSIBILITÉ — taille de texte plancher à 14px
   Un beige assombri pour les fonds clairs (contraste AA)
   ══════════════════════════════════════════════════════════ */

:root{
    --wg-or-clair:#C8B89A;   /* sur fond sombre */
    --wg-or-fonce:#7D6E4A;   /* sur fond clair : 5:1 sur #F8F6F1 */
}

/* --- Plancher global --- */
body .wg-guide,
body .wg-guide p,
body .wg-guide span,
body .wg-guide a,
body .wg-guide strong,
body .wg-guide em,
body .wg-guide code,
body .wg-guide button,
body .wg-vbar,
body .wg-vbar p,
body .wg-vbar span,
body .wg-vbar a,
body .wg-vbar strong,
body .wg-vbar button{font-size:14px;}

/* --- Intitulés de section : 14px, lisibles --- */
body .wgb-section__title,
body .wgc-section__title,
body .wgb-strip__label,
body .wgb-keyinfo__label,
body .wgc-info span,
body .wgb-chambre__num,
body .wgc-chambre span,
body .wgc-equip-cat__label,
body .wg-reco-mini__cat,
body .wg-reco-card__cat,
body .wg-detail__cat,
body .wgb-pro-contact__label,
body .wg-urg-contact__role,
body .wg-recos-preview__title,
body .wgc-eyebrow,
body .wgb-hero__eyebrow,
body .wgc-type{
    font-size:14px !important;
    letter-spacing:.1em !important;
}

/* --- Badges et pastilles : 14px aussi --- */
body .wg-reco-badge,
body .wg-reco-mini__badge,
body .wgc-pill,
body .wgb-pill,
body .wgb-chip,
body .wgc-chip,
body .wg-vue-option__badge,
body .wg-vue-admin__btn em,
body .wg-detail__tip span,
body .wg-reco-card__flag{font-size:14px !important;}

/* --- Textes secondaires --- */
body .wgb-text,body .wgc-text,
body .wgb-lock,body .wgc-lock,
body .wg-reco-card__adr,body .wg-reco-card__note,
body .wg-reco-mini__note,
body .wg-urg-contact__addr,
body .wg-detail__adr,
body .wg-reco-hint,
body .wg-vue-note,
body .wg-vue-admin__desc,
body .wg-reco-empty span,
body .wgc-info span{font-size:14px !important;}

/* --- Tabbar : libellés lisibles --- */
body .wg-vbar__tab,body .wg-vbar__tab *{font-size:14px !important;letter-spacing:.06em !important;}
body .wg-vbar__tabs{height:72px !important;}
body .wg-vbar__panel.is-open{bottom:72px !important;}
body.wg-guide-page{padding-bottom:72px !important;}
body.wg-reco-page{padding-bottom:72px !important;}

/* --- Onglets App et recos --- */
body .wg-guide--b .wgb-tab{font-size:14px !important;}
body .wg-reco-tab{font-size:14px !important;}
body .wg-vue-option,body .wg-vue-admin__btn{font-size:15px !important;}
body .wg-urg-num{font-size:14px !important;}
body .wg-nav-btn,body .wg-urg-contact__cta,
body .wg-detail__site,body .wg-detail__full,
body .wg-reco-save,body .wg-recos-preview__all,
body .wg-reco-hide{font-size:14px !important;}

/* ══════════════════════════════════════════════════════════
   BEIGE : clair sur fond sombre, assombri sur fond clair
   ══════════════════════════════════════════════════════════ */

/* Fond sombre — beige clair conservé */
body .wg-guide--b .wgb-section__title,
body .wg-guide--b .wgb-strip__label,
body .wg-guide--b .wgb-keyinfo__label,
body .wg-guide--b .wgb-chambre__num,
body .wg-guide--b .wgb-hero__eyebrow,
body .wg-guide--b .wgb-pro-contact__label,
body .wg-guide--b .wg-recos-preview__title,
body .wg-guide--b .wg-reco-mini__cat{
    color:var(--wg-or-clair) !important;
    -webkit-text-fill-color:var(--wg-or-clair) !important;
}

/* Le libellé RÉSEAU du bloc WiFi, sur fond navy */
body .wgc-wifi span,
body .wgb-wifi__row span{
    color:var(--wg-or-clair) !important;
    -webkit-text-fill-color:var(--wg-or-clair) !important;
    font-size:14px !important;
}

/* Fond clair — beige assombri pour rester lisible */
body .wg-guide--c .wgc-section__title,
body .wg-guide--c .wgc-eyebrow,
body .wg-guide--c .wgc-info span,
body .wg-guide--c .wgc-chambre span,
body .wg-guide--c .wgc-equip-cat__label,
body .wg-guide--c .wg-recos-preview__title,
body .wg-guide--c .wg-reco-mini__cat,
body .wg-vbar .wg-reco-card__cat,
body .wg-vbar .wg-detail__cat,
body .wg-vbar .wg-urg-contact__role,
body .wg-vbar .wg-vue-admin__title,
body .wg-vbar .wg-reco-label,
body .wg-detail__tip span{
    color:var(--wg-or-fonce) !important;
    -webkit-text-fill-color:var(--wg-or-fonce) !important;
}

/* Badge beige clair sur fond clair : on fonce le fond */
body .wg-reco-badge:not(.wg-reco-badge--owner){
    background:#EDE7DA !important;
    color:#5F5336 !important;-webkit-text-fill-color:#5F5336 !important;
}

/* ══════════════════════════════════════════════════════════
   PANNEAU RECOS — plus rien de coupé
   ══════════════════════════════════════════════════════════ */
body .wg-vbar__panel-body{
    padding:20px 24px 40px !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
}
body .wg-vbar__panel{max-height:calc(100vh - 72px) !important;}
body .wg-vbar__panel-header{
    padding:22px 24px 18px !important;
    flex-shrink:0 !important;
}
body .wg-reco-card{
    padding:18px 0 !important;
    gap:16px !important;
    align-items:flex-start !important;
}
body .wg-reco-card__actions{width:132px !important;flex-shrink:0 !important;}
body .wg-reco-card:last-child{border-bottom:none !important;}

@media(max-width:640px){
    body .wg-vbar__panel-body{padding:18px 18px 36px !important;}
    body .wg-reco-card{flex-direction:column !important;}
    body .wg-reco-card__actions{width:100% !important;flex-direction:row !important;}
    body .wg-reco-card__actions > *{flex:1 !important;}
}

/* ══════════════════════════════════════════════════════════
   PAGE RECOMMANDATION — cohérente avec le Design App
   ══════════════════════════════════════════════════════════ */
.wg-recopage{
    font-family:'Space Grotesk',system-ui,sans-serif;
    background:#04080F;color:#FAF9F7;
    display:block;
    width:100% !important;max-width:100% !important;
    margin:0 !important;padding:0 !important;
    position:static !important;left:auto !important;
    overflow-x:clip;
}
.wg-recopage *,.wg-recopage *::before,.wg-recopage *::after{box-sizing:border-box;min-width:0;}
.wg-recopage a{text-decoration:none;}

/* Hero */
.wg-recopage__hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;overflow:hidden;}
.wg-recopage__bg{
    position:absolute;inset:0;background-size:cover;background-position:center;
    animation:wgb-breathe 22s ease-in-out infinite alternate;
}
.wg-recopage__veil{
    position:absolute;inset:0;
    background:
        radial-gradient(ellipse 80% 60% at 50% 115%, rgba(4,8,15,.96) 0%, rgba(4,8,15,0) 72%),
        linear-gradient(to bottom, rgba(4,8,15,.35) 0%, rgba(4,8,15,0) 38%, rgba(4,8,15,.72) 68%, #04080F 100%);
}
.wg-recopage__intro{position:relative;z-index:2;padding:0 52px 56px;width:100%;}
.wg-recopage__eyebrow{
    display:flex;align-items:center;gap:12px;margin-bottom:16px;
    font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    color:#C8B89A;
}
.wg-recopage__eyebrow::before{content:'';width:28px;height:1px;background:#C8B89A;}
.wg-recopage__title{
    font-size:clamp(30px,5.5vw,62px) !important;font-weight:800 !important;
    color:#FFFFFF !important;letter-spacing:-.035em !important;
    line-height:1.02 !important;margin:0 !important;
}
.wg-recopage__place{
    margin:14px 0 0 !important;font-size:15px;color:rgba(250,249,247,.62);
    overflow-wrap:anywhere;
}

/* Bandeau d'infos */
.wg-recopage__strip{
    display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;
    border-top:1px solid rgba(200,184,154,.14);
    border-bottom:1px solid rgba(200,184,154,.14);
    background:rgba(11,17,32,.7);
}
.wg-recopage__strip::-webkit-scrollbar{display:none;}
.wg-recopage__cell{
    flex:1;min-width:160px;padding:22px 26px;
    border-right:1px solid rgba(200,184,154,.1);
    display:flex;flex-direction:column;gap:6px;
}
.wg-recopage__cell:last-child{border-right:none;}
.wg-recopage__label{
    font-size:14px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:#C8B89A;
}
.wg-recopage__value{font-size:16px;font-weight:600;color:#FFFFFF;line-height:1.3;}

/* Corps, sections numérotées comme le Design App */
.wg-recopage__body{max-width:860px;margin:0 auto;padding:56px 52px 40px;}
.wg-recopage__section{display:grid;grid-template-columns:64px 1fr;margin-bottom:48px;}
.wg-recopage__num{
    font-size:14px;font-weight:700;color:rgba(200,184,154,.34);
    padding-top:4px;font-variant-numeric:tabular-nums;
}
.wg-recopage__h2{
    font-size:14px !important;font-weight:800 !important;
    letter-spacing:.2em !important;text-transform:uppercase !important;
    color:#C8B89A !important;margin:0 0 18px !important;
}
.wg-recopage__text{font-size:16px;line-height:1.78;color:rgba(250,249,247,.72);}
.wg-recopage__text p{margin:0 0 14px;}
.wg-recopage__quote{
    margin:0;padding:0 0 0 22px;border-left:2px solid #C8B89A;
    font-size:17px;line-height:1.75;font-style:italic;color:rgba(250,249,247,.8);
}
.wg-recopage__quote p{margin:0 0 12px;}

/* Code promo */
.wg-recopage__promo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.wg-recopage__promo code{
    font-family:'SF Mono','Fira Code',monospace;font-size:20px;letter-spacing:.12em;
    background:#D7CAAF;color:#04080F;padding:12px 22px;font-weight:700;
}
.wg-recopage__promo span{font-size:14px;color:rgba(250,249,247,.5);}

/* Galerie */
.wg-recopage__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;}
.wg-recopage__gallery img{
    width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
    transition:opacity .25s;
}
.wg-recopage__gallery img:hover{opacity:.82;}

/* Actions */
.wg-recopage__actions{
    max-width:860px;margin:0 auto;padding:0 52px 80px;
    display:flex;gap:2px;flex-wrap:wrap;
}
.wg-recopage__cta{
    flex:1;min-width:150px;text-align:center;padding:17px 22px;
    font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    background:rgba(255,255,255,.06);color:#FAF9F7 !important;
    -webkit-text-fill-color:#FAF9F7 !important;
    border:1px solid rgba(200,184,154,.24);transition:background .18s;
}
.wg-recopage__cta:hover{background:rgba(200,184,154,.16);}
.wg-recopage__cta--primary{
    background:#D7CAAF !important;border-color:#D7CAAF !important;
    color:#04080F !important;-webkit-text-fill-color:#04080F !important;
}
.wg-recopage__cta--primary:hover{background:#C8B89A !important;}

/* La page reco passe en thème sombre */
body.wg-reco-page.wg-recopage-dark,
body.wg-reco-page.wg-recopage-dark #page,
body.wg-reco-page.wg-recopage-dark #content,
body.wg-reco-page.wg-recopage-dark main,
body.wg-reco-page.wg-recopage-dark .site-main,
body.wg-reco-page.wg-recopage-dark .entry-content{background:#04080F !important;}

@media(max-width:1024px){
    .wg-recopage__intro{padding:0 28px 44px;}
    .wg-recopage__body{padding:44px 28px 32px;}
    .wg-recopage__actions{padding:0 28px 64px;}
    .wg-recopage__section{grid-template-columns:1fr;}
    .wg-recopage__num{display:none;}
}
@media(max-width:640px){
    .wg-recopage__hero{min-height:56vh;}
    .wg-recopage__intro{padding:0 20px 36px;}
    .wg-recopage__body{padding:36px 20px 28px;}
    .wg-recopage__actions{padding:0 20px 56px;flex-direction:column;}
    .wg-recopage__cell{min-width:135px;padding:18px 20px;}
    .wg-recopage__gallery{grid-template-columns:repeat(2,1fr);}
}

/* ══════════════════════════════════════════════════════════
   PAGE RECOMMANDATION — neutraliser les conteneurs du thème
   La pleine largeur vient des parents, pas d'une marge négative.
   ══════════════════════════════════════════════════════════ */
body.wg-recopage-active{
    margin:0 !important;padding:0 0 72px 0 !important;
    background:#04080F !important;overflow-x:hidden !important;
}
html:has(body.wg-recopage-active){background:#04080F;}

body.wg-recopage-active #page,
body.wg-recopage-active #content,
body.wg-recopage-active #primary,
body.wg-recopage-active #main,
body.wg-recopage-active .site,
body.wg-recopage-active .site-content,
body.wg-recopage-active .content-area,
body.wg-recopage-active .site-main,
body.wg-recopage-active .container,
body.wg-recopage-active main,
body.wg-recopage-active article,
body.wg-recopage-active .entry-content,
body.wg-recopage-active .page-content,
body.wg-recopage-active .elementor,
body.wg-recopage-active .elementor-section-wrap,
body.wg-recopage-active .elementor-section,
body.wg-recopage-active .elementor-container,
body.wg-recopage-active .elementor-column,
body.wg-recopage-active .elementor-column-wrap,
body.wg-recopage-active .elementor-widget-wrap,
body.wg-recopage-active .elementor-widget,
body.wg-recopage-active .elementor-widget-container,
body.wg-recopage-active .e-container,
body.wg-recopage-active .e-con,
body.wg-recopage-active .e-con-inner{
    width:100% !important;max-width:100% !important;
    margin-left:0 !important;margin-right:0 !important;
    padding-left:0 !important;padding-right:0 !important;
    left:auto !important;right:auto !important;
    transform:none !important;float:none !important;
    background:transparent !important;
}

/* Masquer un éventuel titre ou fil d'Ariane dupliqué du thème */
body.wg-recopage-active .entry-header,
body.wg-recopage-active .page-header,
body.wg-recopage-active .entry-title:not(.wg-recopage__title){display:none !important;}

/* Les colonnes Elementor s'empilent, plus de moitié vide */
body.wg-recopage-active .elementor-column{flex:0 0 100% !important;}
body.wg-recopage-active .elementor-row,
body.wg-recopage-active .e-con-inner{display:block !important;}

/* ══════════════════════════════════════════════════════════
   APERÇU DES RECOS — plus de chevauchement de texte
   ══════════════════════════════════════════════════════════ */
body .wg-recos-preview__grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
    gap:2px !important;align-items:stretch !important;
}
body .wg-reco-mini{
    display:flex !important;flex-direction:column !important;
    height:100% !important;overflow:hidden !important;
}
body .wg-reco-mini__body{
    display:flex !important;flex-direction:column !important;
    gap:8px !important;padding:18px 20px 22px !important;
    align-items:flex-start !important;flex:1 1 auto !important;
    min-width:0 !important;
}
body .wg-reco-mini__cat,
body .wg-reco-mini__nom,
body .wg-reco-mini__note{
    display:block !important;width:100% !important;
    overflow-wrap:anywhere !important;white-space:normal !important;
}
body .wg-reco-mini__nom{line-height:1.3 !important;}
body .wg-reco-mini__note{
    display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden !important;line-height:1.55 !important;
}
body .wg-reco-mini__badge{
    display:inline-block !important;width:auto !important;
    max-width:100% !important;white-space:normal !important;
}

/* Panneau : le texte ne sort plus de la carte */
body .wg-reco-card__main,
body .wg-reco-card__main > *{min-width:0 !important;max-width:100% !important;}
body .wg-reco-card__nom,
body .wg-reco-card__adr,
body .wg-reco-card__note{
    display:block !important;overflow-wrap:anywhere !important;white-space:normal !important;
}
body .wg-reco-card__note{
    display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden !important;
}
body .wg-reco-card__cat{
    display:block !important;overflow-wrap:anywhere !important;line-height:1.4 !important;
}

/* ══════════════════════════════════════════════════════════
   WIDGET MÉTÉO
   ══════════════════════════════════════════════════════════ */
.wg-meteo{margin:0 0 36px;width:100%;}
.wg-meteo__head{
    display:flex;justify-content:space-between;align-items:baseline;
    gap:16px;margin-bottom:14px;flex-wrap:wrap;
}
body .wg-meteo__label{
    font-size:14px !important;font-weight:800 !important;
    letter-spacing:.2em !important;text-transform:uppercase !important;
}
body .wg-meteo__source{font-size:14px !important;opacity:1 !important;}

.wg-meteo__now{display:flex;align-items:center;gap:18px;padding:22px 24px;}
.wg-meteo__icon svg{width:46px;height:46px;}
body .wg-meteo__temp{
    font-size:44px !important;font-weight:800 !important;
    letter-spacing:-.04em !important;line-height:1 !important;
}
.wg-meteo__desc{display:flex;flex-direction:column;gap:4px;min-width:0;}
body .wg-meteo__desc{font-size:16px !important;font-weight:600 !important;}
body .wg-meteo__desc em{font-size:14px !important;font-style:normal !important;font-weight:400 !important;opacity:.62;}

.wg-meteo__days{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:2px;}
.wg-meteo__day{
    display:flex;flex-direction:column;align-items:center;gap:8px;
    padding:16px 8px;text-align:center;min-width:0;
}
body .wg-meteo__dayname{
    font-size:14px !important;font-weight:700 !important;
    letter-spacing:.06em !important;overflow-wrap:anywhere;
}
.wg-meteo__dayicon svg{width:26px;height:26px;}
body .wg-meteo__daytemp{font-size:16px !important;font-weight:700 !important;}
body .wg-meteo__daytemp em{font-size:14px !important;font-style:normal !important;font-weight:400 !important;opacity:.5;}
body .wg-meteo__rain{font-size:14px !important;opacity:.7;}

/* Design App — fond sombre */
.wg-guide--b .wg-meteo__label{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
.wg-guide--b .wg-meteo__source{color:rgba(250,249,247,.7) !important;-webkit-text-fill-color:rgba(250,249,247,.7) !important;}
.wg-guide--b .wg-meteo__now{background:rgba(255,255,255,.04);border:1px solid rgba(200,184,154,.1);}
.wg-guide--b .wg-meteo__icon,
.wg-guide--b .wg-meteo__dayicon{color:#C8B89A;}
.wg-guide--b .wg-meteo__temp,
.wg-guide--b .wg-meteo__desc,
.wg-guide--b .wg-meteo__daytemp,
.wg-guide--b .wg-meteo__dayname{color:#FAF9F7 !important;-webkit-text-fill-color:#FAF9F7 !important;}
.wg-guide--b .wg-meteo__day{background:rgba(255,255,255,.03);border:1px solid rgba(200,184,154,.07);}
.wg-guide--b .wg-meteo__rain{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}

/* Design Magazine — fond clair */
.wg-guide--c .wg-meteo__label{color:#7D6E4A !important;-webkit-text-fill-color:#7D6E4A !important;}
.wg-guide--c .wg-meteo__source{color:rgba(0,19,59,.68) !important;-webkit-text-fill-color:rgba(0,19,59,.68) !important;}
.wg-guide--c .wg-meteo__now{background:#FFFFFF;border:1px solid rgba(0,19,59,.08);}
.wg-guide--c .wg-meteo__icon,
.wg-guide--c .wg-meteo__dayicon{color:#00133B;}
.wg-guide--c .wg-meteo__temp,
.wg-guide--c .wg-meteo__desc,
.wg-guide--c .wg-meteo__daytemp,
.wg-guide--c .wg-meteo__dayname{color:#00133B !important;-webkit-text-fill-color:#00133B !important;}
.wg-guide--c .wg-meteo__day{background:#FFFFFF;border:1px solid rgba(0,19,59,.07);}
.wg-guide--c .wg-meteo__rain{color:#7D6E4A !important;-webkit-text-fill-color:#7D6E4A !important;}

@media(max-width:640px){
    .wg-meteo__days{grid-template-columns:repeat(3,1fr);}
    .wg-meteo__now{padding:18px 18px;gap:14px;}
    body .wg-meteo__temp{font-size:36px !important;}
    .wg-meteo__icon svg{width:38px;height:38px;}
}

/* ══════════════════════════════════════════════════════════
   CODES PAS ENCORE OUVERTS
   ══════════════════════════════════════════════════════════ */
.wg-attente{
    margin:0 0 32px;padding:22px 26px;
    border-left:3px solid #C8B89A;
}
body .wg-attente__titre{
    display:block;font-size:14px !important;font-weight:800 !important;
    letter-spacing:.16em !important;text-transform:uppercase !important;
    margin-bottom:8px;
}
body .wg-attente__texte{
    font-size:15px !important;line-height:1.7 !important;margin:0 !important;
}
.wg-guide--b .wg-attente{background:rgba(200,184,154,.07);}
.wg-guide--b .wg-attente__titre{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
.wg-guide--b .wg-attente__texte{color:rgba(250,249,247,.7) !important;-webkit-text-fill-color:rgba(250,249,247,.7) !important;}
.wg-guide--b .wg-attente__texte strong{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
.wg-guide--c .wg-attente{background:#FFFDF7;}
.wg-guide--c .wg-attente__titre{color:#7D6E4A !important;-webkit-text-fill-color:#7D6E4A !important;}
.wg-guide--c .wg-attente__texte{color:rgba(0,19,59,.7) !important;-webkit-text-fill-color:rgba(0,19,59,.7) !important;}
.wg-guide--c .wg-attente__texte strong{color:#00133B !important;-webkit-text-fill-color:#00133B !important;}


/* ══════════════════════════════════════════════════════════
   TRAIT DES ICÔNES — un pixel, partout
   ══════════════════════════════════════════════════════════ */
.wg-guide svg[stroke], .wg-guide svg [stroke],
.wg-vbar svg[stroke],  .wg-vbar svg [stroke],
.wg-chip-ico svg, .wg-chip-ico svg *,
.wg-meteo svg, .wg-meteo svg *{stroke-width:1 !important;}


/* Filet de sécurité : un constructeur de page qui insérerait encore
   des paragraphes vides ou des sauts de ligne entre les blocs */
.wg-guide p:empty,
.wg-recopage p:empty,
.wg-recos-preview p:empty,
.wg-meteo p:empty{display:none !important;}
.wg-guide [class*="__"] > br:only-child,
.wg-recopage [class*="__"] > br:only-child,
.wg-recos-preview [class*="__"] > br:only-child,
.wg-meteo [class*="__"] > br:only-child{display:none !important;}


/* ══════════════════════════════════════════════════════════
   CONTENU RÉSERVÉ — lisible sur les deux fonds
   Le kit Elementor impose sa couleur de lien (un bleu) : on la
   reprend, sinon « Connexion » disparaît sur le design sombre.
   ══════════════════════════════════════════════════════════ */
body .wgb-lock,body .wgc-lock{
    display:flex !important;align-items:center;gap:10px;flex-wrap:wrap;
    font-size:15px !important;line-height:1.5 !important;
}
.wg-lock-ico{width:16px;height:16px;flex-shrink:0;}
body .wgb-lock .wg-lock-ico{color:#D7CAAF;}
body .wgc-lock .wg-lock-ico{color:#7D6E4A;}
body .wgb-lock a,body .wgb-lock a:visited{
    color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
    font-weight:700;text-decoration:underline !important;text-underline-offset:3px;
}
body .wgc-lock a,body .wgc-lock a:visited{
    color:#00133B !important;-webkit-text-fill-color:#00133B !important;
    font-weight:700;text-decoration:underline !important;text-underline-offset:3px;
}
body .wgb-lock a:hover{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}


/* La grille suit le nombre réel de jours prévus : jamais de case vide */
.wg-meteo__days{grid-template-columns:repeat(var(--n,5),minmax(0,1fr)) !important;}
@media(max-width:640px){ .wg-meteo__days{grid-template-columns:repeat(var(--nm,3),minmax(0,1fr)) !important;} }


/* ══════════════════════════════════════════════════════════
   TYPOGRAPHIE DES GUIDES — App et Magazine
   Un plancher unique ramenait 98 % du texte à 14 px, corps de
   lecture compris. Chaque texte retrouve une taille selon son rôle.
   Le préfixe « html body » passe au-dessus des correctifs empilés.
   ══════════════════════════════════════════════════════════ */

/* Lecture : 16 px */
html body .wgb-text,html body .wgb-text p,html body .wgc-text,html body .wgc-text p,
html body .wgb-message p,html body .wgc-message p,
html body .wg-reco-card__note,html body .wg-reco-mini__note,
html body .wg-detail__note,html body .wg-detail__note p,
html body .wg-reco-gate p{
    font-size:16px !important;line-height:1.65 !important;
}

/* Informations secondaires : 15 px */
html body .wg-reco-card__adr,html body .wg-urg-contact__addr,html body .wg-detail__adr,
html body .wgb-pro-contact__nom,html body .wg-reco-empty,html body .wg-reco-empty span,
html body .wg-vue-note,html body .wg-meteo__desc em,html body .wg-meteo__source,
html body .wgb-lock,html body .wgc-lock,html body .wg-chip-txt,html body .wg-nav-btn span,
html body .wgb-chambre__lit,html body .wgc-chambre strong,html body .wgb-pill,html body .wgc-pill,
html body .wg-meteo__dayname,html body .wg-meteo__rain{
    font-size:15px !important;line-height:1.5 !important;
}

/* Noms et coordonnées : 17 px */
html body .wg-reco-card__nom,html body .wg-reco-mini__nom,html body .wg-detail__nom,
html body .wg-urg-contact__name,html body .wgb-contact-card__name,html body .wgc-contact span,
html body .wg-vue-option__label{
    font-size:17px !important;line-height:1.3 !important;
}
html body .wgb-pro-contact__tel,html body .wgb-contact-card__tel,html body .wgc-contact a{
    font-size:16px !important;font-weight:700 !important;letter-spacing:.01em !important;
}

/* Valeurs clés du bandeau (arrivée, départ…) : 18 px */
html body .wgb-strip__val{font-size:18px !important;}

/* Boutons trop petits */
html body .wg-urg-contact__cta{font-size:14px !important;}

/* Étiquettes en capitales : 14 px, l'espacement fait le reste */
html body .wgb-section__title,html body .wgc-section__title{font-size:15px !important;}


/* ══════════════════════════════════════════════════════════
   CONTRASTE — relevés de l'audit
   ══════════════════════════════════════════════════════════ */

/* Numéros des professionnels : bleu marine sur nuit, 1,1:1 */
html body .wg-guide--b .wgb-pro-contact__tel,
html body .wg-guide--b .wgb-pro-contact__tel:visited{
    color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
    text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(215,202,175,.45) !important;
}
html body .wg-guide--b .wgb-pro-contact__nom{color:rgba(250,249,247,.82) !important;-webkit-text-fill-color:rgba(250,249,247,.82) !important;}

/* Magazine : message de bienvenue et températures trop pâles */
html body .wg-guide--c .wgc-message p{color:rgba(0,19,59,.8) !important;-webkit-text-fill-color:rgba(0,19,59,.8) !important;}
html body .wg-meteo__daytemp em{opacity:.72 !important;}
html body .wg-guide--b .wgb-message p{color:rgba(250,249,247,.82) !important;-webkit-text-fill-color:rgba(250,249,247,.82) !important;}


/* ══════════════════════════════════════════════════════════
   PANNEAUX DE LA BARRE — Vue, Urgences, Recommandations
   La barre du bas est déjà la couche « application » : ses
   panneaux adoptent le design App, dans les deux designs.
   ══════════════════════════════════════════════════════════ */
html body .wg-vbar__panel{
    background:#04080F !important;color:#FAF9F7 !important;
    border-top:1px solid rgba(200,184,154,.2) !important;
    box-shadow:0 -12px 40px rgba(0,0,0,.5) !important;
}
html body .wg-vbar__panel *{border-radius:0 !important;}
html body .wg-vbar__panel-header{
    background:#04080F !important;border-bottom:1px solid rgba(200,184,154,.16) !important;
}
html body .wg-vbar__panel-header,html body .wg-vbar__panel-header span{
    color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-size:18px !important;
}
html body .wg-vbar__close{
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.3) !important;
    color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
}
html body .wg-vbar__close svg{stroke:#D7CAAF !important;}
html body .wg-vbar__panel-body{background:#04080F !important;}

/* Onglets des recommandations : lisibles, sans débordement */
html body .wg-reco-tabs{gap:2px !important;}
html body .wg-reco-tab{
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.2) !important;
    color:rgba(250,249,247,.82) !important;-webkit-text-fill-color:rgba(250,249,247,.82) !important;
    font-size:13px !important;letter-spacing:.06em !important;
    padding:14px 4px !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;
}
html body .wg-reco-tab.is-active{
    background:#C8B89A !important;border-color:#C8B89A !important;
    color:#04080F !important;-webkit-text-fill-color:#04080F !important;
}

/* Cartes d'adresse */
html body .wg-vbar__panel .wg-reco-card{border-bottom:1px solid rgba(200,184,154,.14) !important;background:transparent !important;}
html body .wg-vbar__panel .wg-reco-card__cat,
html body .wg-vbar__panel .wg-reco-mini__cat{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
html body .wg-vbar__panel .wg-reco-card__nom{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
html body .wg-vbar__panel .wg-reco-card__adr{color:rgba(250,249,247,.68) !important;-webkit-text-fill-color:rgba(250,249,247,.68) !important;}
html body .wg-vbar__panel .wg-reco-card__note{color:rgba(250,249,247,.82) !important;-webkit-text-fill-color:rgba(250,249,247,.82) !important;}
html body .wg-vbar__panel .wg-reco-badge,
html body .wg-vbar__panel .wg-reco-badge--owner{
    background:transparent !important;border:1px solid rgba(200,184,154,.55) !important;
    color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
}
html body .wg-vbar__panel .wg-reco-card__media{outline:1px solid rgba(200,184,154,.14);}

/* Boutons des cartes */
html body .wg-vbar__panel .wg-nav-btn{
    background:#C8B89A !important;border-color:#C8B89A !important;
    color:#04080F !important;-webkit-text-fill-color:#04080F !important;
}
html body .wg-vbar__panel .wg-nav-btn svg{stroke:#04080F !important;}
html body .wg-vbar__panel .wg-reco-fav{
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.24) !important;
    color:#D7CAAF !important;
}
html body .wg-vbar__panel .wg-reco-fav svg{stroke:#D7CAAF !important;}
html body .wg-vbar__panel .wg-reco-fav.is-active svg,
html body .wg-vbar__panel .wg-reco-fav[aria-pressed="true"] svg{fill:#D7CAAF !important;}

/* Fiche détaillée */
html body .wg-vbar__panel .wg-detail__back{color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;}
html body .wg-vbar__panel .wg-detail__cat{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
html body .wg-vbar__panel .wg-detail__nom{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-size:22px !important;}
html body .wg-vbar__panel .wg-detail__adr{color:rgba(250,249,247,.68) !important;-webkit-text-fill-color:rgba(250,249,247,.68) !important;}
html body .wg-vbar__panel .wg-detail__note,
html body .wg-vbar__panel .wg-detail__note p{color:rgba(250,249,247,.85) !important;-webkit-text-fill-color:rgba(250,249,247,.85) !important;}
html body .wg-vbar__panel .wg-detail__tip{background:#0B1120 !important;border-left:2px solid #C8B89A !important;color:rgba(250,249,247,.85) !important;}
html body .wg-vbar__panel .wg-detail__tip span{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
html body .wg-vbar__panel .wg-detail__site,
html body .wg-vbar__panel .wg-detail__full{color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;}

/* États vides, invitation à se connecter */
html body .wg-vbar__panel .wg-reco-empty,
html body .wg-vbar__panel .wg-reco-empty span,
html body .wg-vbar__panel .wg-reco-gate p{color:rgba(250,249,247,.78) !important;-webkit-text-fill-color:rgba(250,249,247,.78) !important;}
html body .wg-vbar__panel .wg-reco-save{
    background:#C8B89A !important;color:#04080F !important;-webkit-text-fill-color:#04080F !important;border-color:#C8B89A !important;
}

/* Formulaire d'ajout d'adresse */
html body .wg-vbar__panel input:not([type=checkbox]):not([type=radio]),
html body .wg-vbar__panel select,html body .wg-vbar__panel textarea{
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.26) !important;
    color:#FAF9F7 !important;-webkit-text-fill-color:#FAF9F7 !important;font-size:16px !important;
}
html body .wg-vbar__panel input::placeholder,html body .wg-vbar__panel textarea::placeholder{color:rgba(250,249,247,.5) !important;}
html body .wg-vbar__panel label{color:#C8B89A !important;}

/* Urgences */
html body .wg-vbar__panel .wg-urg-num{
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.22) !important;
    color:#FAF9F7 !important;-webkit-text-fill-color:#FAF9F7 !important;
}
html body .wg-vbar__panel .wg-urg-num strong{color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;}
html body .wg-vbar__panel .wg-urg-contact{border-bottom:1px solid rgba(200,184,154,.14) !important;background:transparent !important;}
html body .wg-vbar__panel .wg-urg-contact--primary{background:#0B1120 !important;border:1px solid rgba(200,184,154,.2) !important;}
html body .wg-vbar__panel .wg-urg-contact__role{color:#C8B89A !important;-webkit-text-fill-color:#C8B89A !important;}
html body .wg-vbar__panel .wg-urg-contact__name{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
html body .wg-vbar__panel .wg-urg-contact__addr{color:rgba(250,249,247,.68) !important;-webkit-text-fill-color:rgba(250,249,247,.68) !important;}
html body .wg-vbar__panel .wg-urg-contact__cta{
    background:transparent !important;border:1px solid #C8B89A !important;
    color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
}
html body .wg-vbar__panel .wg-urg-contact__cta svg{stroke:#D7CAAF !important;}

/* Choix de la vue */
html body .wg-vbar__panel .wg-vue-option{
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.18) !important;
}
html body .wg-vbar__panel .wg-vue-option,html body .wg-vbar__panel .wg-vue-option *{
    color:rgba(250,249,247,.85) !important;-webkit-text-fill-color:rgba(250,249,247,.85) !important;
}
html body .wg-vbar__panel .wg-vue-option.is-active{border-color:#C8B89A !important;}
html body .wg-vbar__panel .wg-vue-option__label{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
html body .wg-vbar__panel .wg-vue-option__badge{
    background:#C8B89A !important;color:#04080F !important;-webkit-text-fill-color:#04080F !important;
}
html body .wg-vbar__panel .wg-vue-note{color:rgba(250,249,247,.72) !important;-webkit-text-fill-color:rgba(250,249,247,.72) !important;}

/* Magazine : texte des rubriques, trop pâle (3,46:1) */
html body .wg-guide--c .wgc-text,html body .wg-guide--c .wgc-text p{
    color:rgba(0,19,59,.8) !important;-webkit-text-fill-color:rgba(0,19,59,.8) !important;
}
html body .wg-guide--b .wgb-text,html body .wg-guide--b .wgb-text p{
    color:rgba(250,249,247,.82) !important;-webkit-text-fill-color:rgba(250,249,247,.82) !important;
}

/* Icônes des boutons « Appeler » : la couleur est forcée jusqu'aux tracés */
html body .wg-vbar__panel .wg-urg-contact__cta svg,
html body .wg-vbar__panel .wg-urg-contact__cta svg *{
    stroke:#D7CAAF !important;color:#D7CAAF !important;fill:none !important;
}

/* Professionnels : l'étiquette au-dessus, le nom et le numéro côte à côte.
   Trois colonnes à 390 px étalaient un nom sur quatre lignes. */
html body .wg-guide--b .wgb-pro-contact{
    display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"label label" "nom tel" !important;
    column-gap:16px !important;row-gap:4px !important;align-items:baseline !important;
}
html body .wg-guide--b .wgb-pro-contact__label{grid-area:label !important;}
html body .wg-guide--b .wgb-pro-contact__nom{grid-area:nom !important;min-width:0;}
html body .wg-guide--b .wgb-pro-contact__tel{grid-area:tel !important;white-space:nowrap !important;text-align:right;}

/* Carte du propriétaire : un numéro ne se coupe jamais */
html body .wgb-contact-card{flex-wrap:wrap !important;gap:12px 20px !important;}
html body .wgb-contact-card__tel,html body .wgc-contact a{white-space:nowrap !important;}
/* Le carré bleu marine derrière l'icône venait du panneau blanc : inutile sur la nuit */
html body .wg-vbar__panel .wg-urg-contact__cta svg{background:transparent !important;box-shadow:none !important;}

/* ══════════════════════════════════════════════════════════
   VISIONNEUSE DE PHOTOS
   ══════════════════════════════════════════════════════════ */
html body [data-wg-i]{cursor:zoom-in;}
html body img[data-wg-i]{transition:opacity .2s;}
html body img[data-wg-i]:hover{opacity:.88;}
html body img[data-wg-i]:focus-visible{outline:2px solid #C8B89A;outline-offset:-2px;}
html body .wgc-thumbs{position:relative;}
html body .wgc-thumbs__plus{
    position:absolute;right:10px;bottom:10px;z-index:2;
    padding:9px 13px !important;border:0 !important;border-radius:0 !important;
    background:#04080F !important;color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
    font:700 14px/1 'Space Grotesk',system-ui,sans-serif !important;letter-spacing:.04em;cursor:pointer;
}

.wgl{
    position:fixed;inset:0;z-index:100000;display:none;
    background:#04080F !important;opacity:1 !important;
    font-family:'Space Grotesk',system-ui,sans-serif;
}
.wgl.is-ouverte{display:block;}
.wgl *{box-sizing:border-box;border-radius:0 !important;}
.wgl__haut{
    position:absolute;top:0;left:0;right:0;z-index:3;
    display:flex;align-items:center;justify-content:space-between;
    padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px 20px;
}
.wgl__compteur{font-size:15px;font-weight:700;letter-spacing:.08em;color:#D7CAAF;font-variant-numeric:tabular-nums;}
.wgl button{
    display:flex !important;align-items:center;justify-content:center;
    width:48px;height:48px;padding:0 !important;margin:0 !important;cursor:pointer;
    background:#0B1120 !important;border:1px solid rgba(200,184,154,.3) !important;color:#D7CAAF !important;
    box-shadow:none !important;transition:background .2s,border-color .2s;
}
.wgl button:hover{background:#111A2E !important;border-color:#C8B89A !important;}
.wgl button:focus-visible{outline:2px solid #C8B89A;outline-offset:2px;}
.wgl__scene{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    padding:76px 76px calc(40px + env(safe-area-inset-bottom,0px));
}
.wgl__img{
    width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;
    opacity:0;transition:opacity .25s;
}
.wgl__img.is-pret{opacity:1;}
.wgl__nav{position:absolute !important;top:50%;transform:translateY(-50%);z-index:3;}
.wgl__nav--prec{left:14px;}
.wgl__nav--suiv{right:14px;}
.wgl.is-seule .wgl__nav{display:none !important;}
@media(max-width:700px){
    .wgl__scene{padding:70px 0 calc(84px + env(safe-area-inset-bottom,0px));}
    .wgl__nav{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:none;}
    .wgl__nav--prec{left:calc(50% - 56px);}
    .wgl__nav--suiv{right:calc(50% - 56px);}
}
.wgl__erreur{display:none;position:absolute;font-size:15px;color:rgba(250,249,247,.72);}
.wgl.is-erreur .wgl__erreur{display:block;}
.wgl.is-erreur .wgl__img{display:none;}

/* ══════════════════════════════════════════════════════════
   GASPARD — PRÉVENIR L'HÔTE
   ══════════════════════════════════════════════════════════ */
.wg-alerte{margin:6px 0 14px;padding:14px;background:#FFFFFF;border:1px solid #D9D3C6;display:flex;flex-direction:column;gap:10px;font-family:'Space Grotesk',system-ui,sans-serif;}
.wg-alerte *{border-radius:0 !important;box-sizing:border-box;}
.wg-alerte--haute{border:2px solid #00133B;}
.wg-alerte__titre{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7D6E4A;}
.wg-alerte--haute .wg-alerte__titre{color:#00133B;}
.wg-alerte__txt{width:100%;padding:10px 12px;font:15px/1.5 'Space Grotesk',system-ui,sans-serif;color:#00133B;background:#FBFAF7;border:1px solid #D9D3C6;resize:vertical;}
.wg-alerte__txt:focus{outline:none;border-color:#00133B;}
.wg-alerte__btn{height:44px;border:0 !important;cursor:pointer;background:#00133B !important;color:#D7CAAF !important;font:700 13px 'Space Grotesk',system-ui,sans-serif !important;letter-spacing:.08em;text-transform:uppercase;padding:0 16px !important;}
.wg-alerte__btn:disabled{opacity:.6;cursor:default;}
.wg-alerte__note{font-size:13px;line-height:1.45;color:#5E5747;}
.wg-alerte__ok{font-size:15px;font-weight:700;color:#00133B;}

/* ══════════════════════════════════════════════════════════
   GARDER LE GUIDE SUR SON TÉLÉPHONE
   ══════════════════════════════════════════════════════════ */
.wg-inst{
    position:fixed;left:12px;right:12px;z-index:9990;max-width:460px;margin:0 auto;
    bottom:calc(84px + env(safe-area-inset-bottom, 0px));
    background:#04080F;border:1px solid rgba(200,184,154,.32);box-shadow:0 18px 48px rgba(0,0,0,.5);
    font-family:'Space Grotesk',system-ui,sans-serif;color:#FAF9F7;
    opacity:0;transform:translateY(16px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);
}
.wg-inst.is-visible{opacity:1;transform:none;}
.wg-inst *{box-sizing:border-box;border-radius:0 !important;}
.wg-inst__tete{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;gap:12px;align-items:center;padding:14px 10px 12px 14px;}
.wg-inst__icone{width:44px;height:44px;display:block;border:1px solid rgba(200,184,154,.25) !important;}
.wg-inst__txt strong{display:block;font-size:15px;line-height:1.3;color:#FFFFFF;}
.wg-inst__txt span{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:rgba(250,249,247,.72);}
.wg-inst__fermer{width:40px;height:40px;display:flex !important;align-items:center;justify-content:center;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;color:#D7CAAF !important;cursor:pointer;box-shadow:none !important;}
.wg-inst__cta{
    display:block !important;width:100%;height:48px;margin:0 !important;padding:0 16px !important;cursor:pointer;
    background:#C8B89A !important;border:0 !important;color:#04080F !important;box-shadow:none !important;
    font:700 14px 'Space Grotesk',system-ui,sans-serif !important;letter-spacing:.06em;text-transform:uppercase;
}
.wg-inst__etapes{list-style:none;margin:0;padding:4px 14px 16px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(200,184,154,.16);}
.wg-inst__etapes li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:baseline;padding-top:10px;font-size:15px;line-height:1.45;color:rgba(250,249,247,.86);}
.wg-inst__etapes .wg-inst__num{font-size:14px;font-weight:800;color:#C8B89A;}
.wg-inst__etapes b{color:#FFFFFF;}
body.wg-gaspard-open .wg-inst{display:none;}
@media(min-width:900px){ .wg-inst{bottom:calc(96px + env(safe-area-inset-bottom, 0px));} }

/* Le widget du thème cible ses boutons par identifiant : on passe devant */
#wg-messages .wg-alerte .wg-alerte__btn,#wg-panel .wg-alerte .wg-alerte__btn{
    display:block !important;width:100% !important;height:44px !important;border:0 !important;cursor:pointer;
    background:#00133B !important;color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
    font:700 13px/44px 'Space Grotesk',system-ui,sans-serif !important;letter-spacing:.08em !important;
    text-transform:uppercase !important;padding:0 16px !important;margin:0 !important;text-align:center !important;
}
#wg-messages .wg-alerte .wg-alerte__btn:disabled{opacity:.6 !important;}
.wg-inst__cta[hidden],.wg-inst__etapes[hidden]{display:none !important;}

/* ══════════════════════════════════════════════════════════
   GUIDES D'UN HÔTEL : réservation directe, hôtel et chambres
   ══════════════════════════════════════════════════════════ */
html body .wg-hotel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:22px;font-family:'Space Grotesk',system-ui,sans-serif;}
html body .wg-hotel *{border-radius:0 !important;}
html body .wg-hotel__reserver{
    display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;
    background:#C8B89A !important;color:#04080F !important;-webkit-text-fill-color:#04080F !important;
    font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none !important;
}
html body .wg-hotel__reserver:hover{background:#D7CAAF !important;}
html body .wg-hotel__lien{font-size:15px;font-weight:600;text-decoration:underline !important;text-underline-offset:4px;}
html body .wg-hotel__chambres{flex-basis:100%;display:flex;flex-direction:column;gap:10px;}
html body .wg-hotel__chambres span{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
html body .wg-hotel__chambres ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
html body .wg-hotel__chambres a{display:inline-block;padding:10px 14px;font-size:15px;text-decoration:none !important;border:1px solid currentColor !important;}
/* Design App : en-tête sombre */
html body .wgb-hero .wg-hotel__lien,html body .wgb-hero .wg-hotel__chambres a{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
html body .wgb-hero .wg-hotel__chambres span{color:#D7CAAF;}
html body .wgb-hero .wg-hotel__chambres a{border-color:rgba(255,255,255,.45) !important;}
/* Design Magazine : en-tête clair */
html body .wgc-header .wg-hotel__lien,html body .wgc-header .wg-hotel__chambres a{color:#00133B !important;-webkit-text-fill-color:#00133B !important;}
html body .wgc-header .wg-hotel__chambres span{color:#7D6E4A;}
html body .wgc-header .wg-hotel__chambres a{border-color:rgba(0,19,59,.3) !important;}
html body .wgc-header .wg-hotel__chambres a:hover{background:#00133B;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}