/* ============================================================
Location Sénégal — Charte V3 GLOBALE : header + footer (toutes pages)
============================================================ */
:root{
--ls-green:#1E9E3E; --ls-green-dk:#157A30; --ls-green-light:#E8F5EC; --ls-orange:#992E09;
--ls-ink:#16181D; --ls-txt:#4A5058; --ls-muted:#767B84; --ls-line:#E3E5E9;
--ls-warm:#F6F4F0; --ls-cream:#FDF3D6; --ls-ftbg:#0E0F12; --ls-ftlink:#A8ADB5;
--ls-cont:1200px; --ls-font:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
#ls-header,#ls-footer{font-family:var(--ls-font);box-sizing:border-box;}
#ls-header *,#ls-footer *{box-sizing:border-box;}
.ls-hd__wrap,.ls-ft__wrap{max-width:calc(var(--ls-cont) + 48px);margin:0 auto;padding:0 24px;width:100%;}
/* ===================== HEADER ===================== */
.ls-hd{background:#fff;position:relative;z-index:500;}
.ls-hd__top .ls-hd__wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;}
.ls-hd__logo img{height:50px;width:auto;display:block;}
.ls-hd__logo span{font-weight:800;font-size:20px;color:var(--ls-ink);}
.ls-hd__actions{display:flex;align-items:center;gap:20px;}
.ls-hd__login{display:flex;align-items:center;gap:8px;color:var(--ls-ink);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;}
.ls-hd__login:hover{color:var(--ls-green);}
.ls-hd__social{display:flex;gap:12px;}
.ls-hd__social a{color:var(--ls-ink);font-size:16px;text-decoration:none;}
.ls-hd__social a:hover{color:var(--ls-green);}
.ls-hd__cur{display:flex;align-items:center;gap:7px;background:var(--ls-warm);border:none;border-radius:8px;padding:9px 12px 9px 14px;font-weight:600;font-size:14px;color:var(--ls-ink);cursor:pointer;font-family:var(--ls-font);}
.ls-hd__cur .fa-chevron-down{font-size:10px;color:var(--ls-muted);}
.ls-hd__lang{font-size:14px;color:var(--ls-muted);}
.ls-hd__lang strong{color:var(--ls-ink);font-weight:600;}
.ls-hd__lang a{color:var(--ls-muted);text-decoration:none;}
.ls-hd__lang a:hover{color:var(--ls-green);}
.ls-hd__wa{display:inline-flex;align-items:center;gap:8px;background:var(--ls-green);color:#fff;border-radius:8px;padding:13px 24px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;}
.ls-hd__wa:hover{background:var(--ls-green-dk);color:#fff;}
/* Bande 961–1100 px : l'en-tête mobile ne prend le relais qu'à 960 px, mais la rangée
d'actions exige 878 à 909 px de large (le bouton WhatsApp est en `nowrap`). Entre les
deux, la page débordait de 21 px à 1024 px — une largeur de fenêtre très courante —
et TOUTES les pages étaient concernées, pas seulement la recherche. Mesuré le
04/10/2026. Les icônes sociales sont décoratives : elles libèrent ~156 px. */
@media (min-width:961px) and (max-width:1100px){
.ls-hd__social{display:none!important;}
.ls-hd__actions{gap:14px!important;}
.ls-hd__wa{padding:11px 16px!important;}
}
/* nav */
.ls-hd__nav{background:var(--ls-warm);position:relative;}
.ls-hd__navwrap{display:flex;align-items:stretch;gap:0;}
.ls-nav{position:static;}
.ls-nav__lbl{display:flex;align-items:center;gap:8px;padding:18px 36px 15px 0;font-size:13px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ls-txt);text-decoration:none;border-bottom:3px solid transparent;transition:color .12s;}
.ls-nav__lbl .fa-chevron-down{font-size:10px;}
.ls-nav__lbl:hover,.ls-nav:hover .ls-nav__lbl{color:var(--ls-ink);}
.ls-nav__lbl.is-active{color:var(--ls-ink);font-weight:700;border-bottom-color:var(--ls-green);}
/* méga-menu */
.ls-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--ls-line);box-shadow:0 12px 24px rgba(0,0,0,.1);padding:40px 0 44px;z-index:600;display:none;}
.ls-nav:hover .ls-mega,.ls-nav.is-open .ls-mega{display:block;}
.ls-mega__grid{display:flex;gap:24px;align-items:flex-start;}
.ls-mega__col{flex:1 1 0;display:flex;flex-direction:column;gap:13px;}
.ls-mega__ttl{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ls-muted);margin:0;}
.ls-mega__col a{color:var(--ls-ink);font-size:15px;text-decoration:none;}
.ls-mega__col a:hover{color:var(--ls-green);}
.ls-mega__col a.is-strong{font-weight:600;}
.ls-mega__promo{flex:0 0 360px;background:var(--ls-cream);border-radius:12px;padding:24px;}
.ls-mega__promottl{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ls-orange);margin:0 0 10px;}
.ls-mega__promoh{font-size:18px;font-weight:700;color:var(--ls-ink);margin:0 0 8px;line-height:1.3;}
.ls-mega__promop{font-size:14px;color:var(--ls-txt);margin:0 0 16px;line-height:1.7;}
.ls-mega__promobtn{display:inline-block;background:var(--ls-green);color:#fff;border-radius:8px;padding:12px 20px;font-weight:600;font-size:14px;text-decoration:none;}
.ls-mega__promobtn:hover{background:var(--ls-green-dk);color:#fff;}
.ls-hd__burger{display:none;background:none;border:none;font-size:22px;color:var(--ls-ink);cursor:pointer;}
/* ===================== FOOTER ===================== */
.ls-ft{background:var(--ls-ftbg);color:#fff;}
.ls-ft__cat{display:flex;gap:24px;padding-top:76px;padding-bottom:40px;}
.ls-ft__contact{display:flex;gap:24px;padding-top:40px;padding-bottom:72px;}
.ls-ft__col{flex:1 1 0;display:flex;flex-direction:column;gap:13px;min-width:0;}
.ls-ft__ttl{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;margin:0;}
.ls-ft__col a{color:var(--ls-ftlink);font-size:14px;text-decoration:none;line-height:1.45;}
.ls-ft__col a:hover{color:#fff;}
.ls-ft__col a.is-strong{color:#fff;font-weight:600;}
.ls-ft__sep{height:1px;background:rgba(255,255,255,.12);}
.ls-ft__brand{flex:0 0 600px;display:flex;gap:32px;align-items:flex-start;}
.ls-ft__logo{height:56px;width:auto;}
.ls-ft__logotxt{font-weight:800;font-size:22px;color:#fff;}
.ls-ft__coord{display:flex;flex-direction:column;gap:10px;color:var(--ls-ftlink);font-size:14px;}
.ls-ft__coord p{margin:0;line-height:1.65;}
.ls-ft__coord a{color:var(--ls-ftlink);text-decoration:none;}
.ls-ft__coord a:hover{color:#fff;}
.ls-ft__bottom{background:var(--ls-orange);}
.ls-ft__bottomwrap{display:flex;align-items:center;gap:24px;padding-top:22px;padding-bottom:22px;}
.ls-ft__copy{flex:1;margin:0;font-size:13px;color:#fff;line-height:1.5;}
.ls-ft__copy a{color:#fff;text-decoration:none;}
.ls-ft__copy a:hover{text-decoration:underline;}
.ls-ft__follow{display:flex;align-items:center;gap:12px;margin:0;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;}
.ls-ft__follow a{color:#fff;font-size:16px;text-decoration:none;}
/* ===================== MOBILE ===================== */
.ls-hd__mfoot{display:none;}
@media (max-width:960px){
.ls-hd__top{position:relative;}
.ls-hd__top .ls-hd__wrap{padding-top:14px;padding-bottom:14px;}
.ls-hd__logo img{height:42px;}
.ls-hd__actions{display:none;}
.ls-hd__nav{display:none;}
.ls-hd__burger{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:720;}
/* menu plein écran */
.ls-hd.is-open .ls-hd__nav{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:70px;bottom:0;background:#fff;z-index:700;overflow:auto;}
/* Le panneau est fixé à 71 px du haut, mais la barre du logo, elle, restait dans le flux :
dès qu'on avait défilé, elle partait hors écran et les 71 px libérés laissaient voir la
page derrière — une carte, un bout de texte — au-dessus du menu, sans logo ni croix de
fermeture. Signalé par Khadija le 30/09/2026. */
.ls-hd.is-open .ls-hd__top{position:fixed;top:0;left:0;right:0;background:#fff;z-index:710;}
.ls-hd.is-open .ls-hd__burger{position:fixed;top:35px;transform:translateY(-50%);}
.ls-hd.is-open .ls-hd__navwrap{flex-direction:column;align-items:stretch;padding:0 20px;flex:1 0 auto;gap:0;}
.ls-hd.is-open .ls-nav{border-bottom:1px solid var(--ls-line);}
.ls-hd.is-open .ls-nav__lbl{padding:18px 0;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ls-ink);border-bottom:none;justify-content:space-between;}
.ls-hd.is-open .ls-nav__lbl.is-active{border-bottom:none;}
.ls-hd.is-open .ls-nav__lbl .fa-chevron-down{display:none;}
.ls-hd.is-open .ls-nav[data-mega]>.ls-nav__lbl::after{content:"+";color:var(--ls-muted);font-size:20px;font-weight:400;line-height:1;}
.ls-hd.is-open .ls-nav[data-mega].is-open>.ls-nav__lbl::after{content:"−";}
.ls-hd.is-open .ls-nav:not([data-mega])>.ls-nav__lbl::after{content:"›";color:var(--ls-muted);font-size:18px;}
.ls-hd.is-open .ls-mega{position:static;display:none;box-shadow:none;border-top:none;padding:0 0 14px;}
.ls-hd.is-open .ls-nav.is-open .ls-mega{display:block;}
.ls-hd.is-open .ls-mega .ls-hd__wrap{padding:0;}
.ls-hd.is-open .ls-mega__grid{flex-direction:column;gap:0;}
.ls-hd.is-open .ls-mega__ttl{display:none;}
.ls-hd.is-open .ls-mega__promo{display:none;}
.ls-hd.is-open .ls-mega__col{gap:0;border-left:2px solid var(--ls-line);padding-left:14px;}
.ls-hd.is-open .ls-mega__col a{padding:9px 0;font-size:14px;color:var(--ls-txt);}
/* pied de menu */
.ls-hd.is-open .ls-hd__mfoot{display:flex;flex-direction:column;gap:12px;background:var(--ls-warm);padding:22px 20px 28px;margin-top:auto;}
.ls-hd__mwa{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ls-green);color:#fff;border-radius:8px;padding:14px 20px;font-weight:600;font-size:15px;text-decoration:none;}
.ls-hd__mlogin{display:flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:8px;color:var(--ls-ink);font-weight:600;font-size:15px;text-decoration:none;}
.ls-hd__mswitch{display:flex;gap:16px;justify-content:center;font-weight:600;font-size:13px;color:var(--ls-txt);}
body.ls-menu-open{overflow:hidden;}
/* footer mobile : accordéon */
.ls-ft__cat{flex-direction:column;gap:0;padding-top:28px;padding-bottom:0;}
.ls-ft__contact{flex-direction:column;gap:0;padding-top:0;padding-bottom:24px;}
.ls-ft__wrap .ls-ft__sep{display:none;}
.ls-ft__col{border-bottom:1px solid rgba(255,255,255,.12);gap:0;}
.ls-ft__ttl{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:18px 0;margin:0;}
.ls-ft__ttl::after{content:"+";color:var(--ls-ftlink);font-size:20px;font-weight:400;line-height:1;}
.ls-ft__col.is-open .ls-ft__ttl::after{content:"−";}
.ls-ft__col a{display:none;padding:8px 0;}
.ls-ft__col.is-open a{display:block;}
.ls-ft__brand{flex:none;flex-direction:column;gap:18px;padding:24px 0 8px;border-bottom:none;}
.ls-ft__bottomwrap{flex-direction:column;align-items:flex-start;gap:12px;}
}
/* ============================================================
Pages éditoriales — hero + contenu (.ls-arthero / .ls-article)
Vacances, guides, pages légales. Template : template-article.php
============================================================ */
.ls-arthero{background:var(--ls-warm);border-bottom:1px solid var(--ls-line);font-family:var(--ls-font);}
.ls-arthero *{font-family:var(--ls-font);}
.ls-arthero__wrap{max-width:calc(var(--ls-cont) + 48px);margin:0 auto;padding:46px 24px 40px;}
.ls-arthero__crumb{font-size:12px;color:var(--ls-muted);margin:0 0 16px;}
.ls-arthero__crumb a{color:var(--ls-muted);text-decoration:none;}
.ls-arthero__crumb a:hover{color:var(--ls-green);}
.ls-arthero__sep{color:var(--ls-line);margin:0 2px;}
.ls-arthero__eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ls-orange);margin:0 0 10px;}
.ls-arthero__title{font-size:34px;line-height:1.2;font-weight:700;color:var(--ls-ink);margin:0;max-width:920px;}
.ls-article{max-width:768px;margin:0 auto;padding:46px 24px 76px;font-family:var(--ls-font);font-size:16px;line-height:1.75;color:var(--ls-txt);}
.ls-article > p:first-of-type{font-size:18px;line-height:1.7;color:var(--ls-ink);}
.ls-article h2{font-size:23px;line-height:1.3;font-weight:700;color:var(--ls-ink);margin:46px 0 14px;}
.ls-article h3{font-size:18px;font-weight:600;color:var(--ls-ink);margin:30px 0 10px;}
.ls-article p{margin:0 0 18px;}
.ls-article a{color:var(--ls-green-dk);text-decoration:underline;text-underline-offset:2px;}
.ls-article a:hover{color:var(--ls-green);}
.ls-article strong{color:var(--ls-ink);font-weight:600;}
.ls-article ul,.ls-article ol{margin:0 0 18px;padding-left:22px;}
.ls-article li{margin:0 0 8px;}
.ls-article blockquote{margin:0 0 22px;padding:14px 18px;border-left:3px solid var(--ls-green);background:var(--ls-green-light);border-radius:0 8px 8px 0;color:var(--ls-ink);font-style:normal;}
.ls-article blockquote p:last-child{margin:0;}
.ls-tablewrap{overflow-x:auto;margin:0 0 24px;border:1px solid var(--ls-line);border-radius:10px;-webkit-overflow-scrolling:touch;}
.ls-article table{width:100%;border-collapse:collapse;font-size:14.5px;}
.ls-article th,.ls-article td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--ls-line);vertical-align:top;line-height:1.55;}
.ls-article table tr:last-child td{border-bottom:none;}
.ls-article table tr:first-child th{background:var(--ls-green-light);color:var(--ls-green-dk);font-weight:700;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase;}
.ls-article table tr:nth-child(2n) td{background:var(--ls-warm);}
.ls-article td:first-child{font-weight:600;color:var(--ls-ink);}
.ls-article__cta{margin:44px 0 0;padding:26px 28px;background:var(--ls-cream);border-radius:14px;}
.ls-article__cta h2{margin-top:0;}
@media (max-width:820px){
.ls-arthero__wrap{padding:28px 20px 24px;}
.ls-arthero__title{font-size:25px;}
.ls-article{padding:28px 20px 48px;font-size:15.5px;line-height:1.72;}
.ls-article > p:first-of-type{font-size:16.5px;}
.ls-article h2{font-size:20px;margin-top:34px;}
.ls-article table{font-size:13.5px;}
.ls-article th,.ls-article td{padding:10px 12px;}
}
/* ============================================================
Vacances hub (page pilier) — Figma 985:7438
============================================================ */
.ls-vhub{font-family:var(--ls-font);--vw:calc(var(--ls-cont) + 48px);}
.ls-vhub *{font-family:var(--ls-font);}
/* neutralise la couleur h2 du thème (Salient) au profit de la charte */
.ls-vhub h2{color:var(--ls-ink)!important;}
.ls-vhub .ls-vcta__h{color:#fff!important;}
.ls-vwrap,.ls-vreaders__grid,.ls-vguides,.ls-vcta__banner{max-width:var(--vw);margin-left:auto;margin-right:auto;}
/* hero */
.ls-vhero{background:var(--ls-warm);border-bottom:1px solid var(--ls-line);}
.ls-vhero__wrap{max-width:var(--vw);margin:0 auto;padding:44px 24px 48px;}
.ls-vhero__crumb{font-size:12px;color:var(--ls-muted);margin:0 0 18px;}
.ls-vhero__crumb a{color:var(--ls-muted);text-decoration:none;}
.ls-vhero__crumb a:hover{color:var(--ls-green);}
.ls-vhero__crumb span{color:var(--ls-line);margin:0 4px;}
/* Le dernier span est la PAGE COURANTE, pas un séparateur : la règle ci-dessus la peignait
en --ls-line (#E3E5E9, la couleur des filets) sur un fond --ls-warm (#F6F4F0), soit un
contraste de 1,15:1 quand le minimum lisible est 4,5:1 — elle était invisible. Aucun des
cinq autres fils d'Ariane de la charte ne colore ses span. Relevé par Hamid le 05/10/2026
sur /vacances/, /vacances/taxe-de-promotion-touristique/ et /vacances/monnaie-et-paiement/. */
.ls-vhero__crumb span:last-child{color:var(--ls-ink);}
.ls-vtag{display:inline-block;background:var(--ls-green-light);color:var(--ls-green-dk);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:6px 14px;margin:0 0 16px;}
.ls-vhero__h1{font-size:44px;line-height:1.15;font-weight:800;color:var(--ls-ink);margin:0 0 18px;max-width:900px;letter-spacing:-.01em;}
.ls-vhero__sub{font-size:20px;line-height:1.5;font-weight:600;color:var(--ls-ink);margin:0 0 14px;max-width:860px;}
.ls-vhero__body{font-size:16px;line-height:1.75;color:var(--ls-txt);margin:0;max-width:860px;}
/* 3 lecteurs */
.ls-vreaders{padding:36px 0 8px;}
.ls-vreaders__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px;}
.ls-vreader{border-radius:14px;padding:26px 28px;}
.ls-vreader--visitor{background:#e8f5ec;}
.ls-vreader--resident{background:#fdf3d6;}
.ls-vreader--diaspora{background:#f6f4f0;}
.ls-vreader__eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin:0 0 12px;}
.ls-vreader--visitor .ls-vreader__eyebrow{color:#157a30;}
.ls-vreader--resident .ls-vreader__eyebrow{color:#992e09;}
.ls-vreader--diaspora .ls-vreader__eyebrow{color:var(--ls-ink);}
.ls-vreader__h{font-size:20px;font-weight:700;color:var(--ls-ink);margin:0 0 10px;line-height:1.3;}
.ls-vreader p{font-size:15px;line-height:1.75;color:#4a5058;margin:0;}
/* lead sous les cartes */
.ls-vlead{max-width:860px;margin:26px auto 0;padding:0 24px;font-size:17px;line-height:1.7;color:var(--ls-txt);}
.ls-vlead strong{color:var(--ls-ink);font-weight:600;}
/* corps : hérite de .ls-article ; centré, lisible */
.ls-vbody{max-width:820px;}
/* guides */
.ls-vguides{padding:8px 24px 8px;}
.ls-vguides__h{font-size:32px;font-weight:800;color:var(--ls-ink);margin:24px 0 8px;line-height:1.2;}
.ls-vguides__lead{font-size:17px;color:#4a5058;margin:0 0 24px;}
.ls-vguides__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ls-vguide{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ls-line);border-radius:12px;padding:24px 26px;min-height:280px;text-decoration:none;transition:box-shadow .16s,transform .16s;}
.ls-vguide.is-live{border-color:var(--ls-green);}
a.ls-vguide.is-live:hover{box-shadow:0 12px 28px rgba(15,23,41,.10);transform:translateY(-2px);}
.ls-vguide__top{display:flex;align-items:center;gap:10px;margin:0 0 14px;}
.ls-vguide__path{font-size:10px;color:var(--ls-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;}
.ls-vguide__badge{flex:0 0 auto;font-size:9px;font-weight:600;border-radius:999px;padding:4px 9px;background:#f6f4f0;color:var(--ls-muted);}
.ls-vguide__badge.is-on{background:#e8f5ec;color:#157a30;}
.ls-vguide__h{font-size:19px;font-weight:700;color:var(--ls-ink);margin:0 0 9px;line-height:1.32;}
.ls-vguide.is-soon .ls-vguide__h{color:#4a5058;}
.ls-vguide__desc{font-size:14px;line-height:1.75;color:#4a5058;margin:0 0 16px;flex:1;}
.ls-vguide.is-soon .ls-vguide__desc{color:var(--ls-muted);}
.ls-vguide__more{font-size:14px;font-weight:600;color:var(--ls-green);margin-top:auto;}
.ls-vguide__more.is-soon{color:var(--ls-muted);font-weight:500;}
/* FAQ accordéon */
/* ALIGNEMENT SUR LA COLONNE DE LECTURE. `.ls-article` fait 768px + 2x24 de marge interne,
centrée. Ces deux sections prenaient toute la largeur du conteneur (1200px) avec un
contenu de 860px ÉPINGLÉ À GAUCHE : le titre « Questions fréquentes » commençait à 113px
quand le texte de l'article commençait à 303px. Mesuré à 1440px de large, relevé par
Hamid le 05/10/2026 sur la taxe, la monnaie et le hub Vacances.
On leur donne la même colonne : 816 = 768 + 2x24. */
.ls-vfaq{max-width:816px;margin:0 auto;padding:44px 24px 8px;}
.ls-vfaq__h{font-size:28px;font-weight:800;color:var(--ls-ink);margin:0 0 22px;}
.ls-vfaq__list{max-width:100%;}
.ls-vfaq__item{border:1px solid var(--ls-line);border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden;}
.ls-vfaq__item[open]{border-color:var(--ls-green);}
.ls-vfaq__item summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:16px;font-weight:600;color:var(--ls-ink);display:flex;align-items:center;gap:12px;}
.ls-vfaq__item summary::-webkit-details-marker{display:none;}
.ls-vfaq__item summary::after{content:"+";flex:0 0 24px;margin-left:auto;text-align:center;font-size:22px;font-weight:400;color:var(--ls-green);line-height:1;transition:transform .18s;}
.ls-vfaq__item[open] summary::after{content:"−";}
.ls-vfaq__a{padding:0 22px 20px;font-size:15px;line-height:1.75;color:var(--ls-txt);}
.ls-vfaq__a p{margin:0;}
/* sources / ce que nous n'avons pas pu établir */
.ls-vsources{max-width:816px;margin:0 auto;padding:8px 24px;}
.ls-vsources__in{max-width:100%;margin:0;padding:22px 24px;background:var(--ls-warm);border:1px solid var(--ls-line);border-radius:14px;font-size:13.5px;line-height:1.7;color:var(--ls-muted);}
.ls-vsources__in h2{font-size:15px;font-weight:700;color:var(--ls-ink);margin:0 0 10px;}
.ls-vsources__in p{margin:0 0 10px;}
.ls-vsources__in p:last-child{margin:0;}
/* CTA final */
.ls-vcta{padding:36px 24px 72px;}
.ls-vcta__banner{background:#0e0f12;border-radius:16px;padding:44px 48px;display:flex;align-items:center;gap:40px;}
.ls-vcta__txt{flex:1;min-width:0;}
.ls-vcta__h{font-size:30px;font-weight:800;color:#fff;margin:0 0 10px;line-height:1.25;}
.ls-vcta__sub{font-size:16px;line-height:1.7;color:rgba(255,255,255,.75);margin:0;}
.ls-vcta__btns{display:flex;flex-direction:column;gap:12px;flex:0 0 auto;}
.ls-vcta__btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 28px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;}
.ls-vcta__btn--primary{background:var(--ls-green);color:#fff;}
.ls-vcta__btn--primary:hover{background:var(--ls-green-dk);}
.ls-vcta__btn--ghost{border:1px solid rgba(255,255,255,.3);color:#fff;}
.ls-vcta__btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
@media (max-width:900px){
.ls-vreaders__grid,.ls-vguides__grid{grid-template-columns:1fr;}
.ls-vhero__h1{font-size:30px;}
.ls-vhero__sub{font-size:17px;}
.ls-vguides__h{font-size:25px;}
.ls-vcta__banner{flex-direction:column;align-items:flex-start;padding:30px 26px;gap:22px;}
.ls-vcta__h{font-size:23px;}
.ls-vcta__btns{width:100%;}
.ls-vcta__btn{width:100%;}
}
/* --- Guide (rubrique Vacances) : méta + sommaire + related --- */
.ls-guide__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--ls-muted);margin:18px 0 0;}
.ls-guide__dot{color:var(--ls-line);}
.ls-guide__toc{max-width:var(--vw);margin:26px auto 0;padding:0 24px;}
.ls-guide__toctitle{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ls-muted);margin:0 0 14px;}
.ls-guide__toc ol{list-style:none!important;margin:0;padding:22px 26px;background:var(--ls-warm);border:1px solid var(--ls-line);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 26px;}
.ls-guide__toc li{margin:0;list-style:none!important;}
.ls-guide__toc li::marker{content:"";}
.ls-guide__toc a{display:flex;align-items:baseline;gap:10px;color:var(--ls-ink);text-decoration:none;font-size:14px;font-weight:600;line-height:1.35;}
.ls-guide__toc a:hover{color:var(--ls-green-dk);}
.ls-guide__tocnum{color:var(--ls-green);font-weight:700;font-size:12px;flex:0 0 auto;font-variant-numeric:tabular-nums;}
.ls-guide .ls-vbody{margin-top:8px;}
.ls-guide__related{padding-top:8px;}
/* En un coup d'œil (913:4648) */
.ls-guide__glance{max-width:var(--vw);margin:26px auto 0;padding:0 24px;}
.ls-guide__glancegrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--ls-line);border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,41,.05);}
.ls-guide__stat{padding:24px 26px;border-left:1px solid var(--ls-line);display:flex;flex-direction:column;gap:5px;}
.ls-guide__stat:first-child{border-left:none;}
.ls-guide__statbig{font-size:25px;font-weight:800;color:var(--ls-ink);line-height:1.1;letter-spacing:-.01em;}
.ls-guide__statlbl{font-size:13px;color:var(--ls-txt);line-height:1.45;}
.ls-guide__statpre{font-size:12px;color:var(--ls-green-dk);font-weight:700;margin-top:2px;}
@media(max-width:760px){.ls-guide__glancegrid{grid-template-columns:1fr 1fr;}.ls-guide__stat:nth-child(2n){border-left:1px solid var(--ls-line);}.ls-guide__stat:nth-child(n+3){border-top:1px solid var(--ls-line);}}
@media (max-width:900px){
.ls-guide__toc ol{grid-template-columns:1fr;}
}
Cartes logement .lscard — GLOBAL (home + listing zones + recherche)
============================================================ */
.ls-listing{max-width:calc(var(--ls-cont) + 48px);margin:0 auto;padding:8px 24px 8px;}
.ls-listing__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 22px;flex-wrap:wrap;}
.ls-listing__count{font-size:14px;color:var(--ls-muted);font-weight:500;}
.lscards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.lscard{background:#fff;border:1px solid var(--ls-line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,41,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;}
.lscard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,41,.13);}
.lscard__media{position:relative;display:block;height:252px;background:#dfe3df center/cover no-repeat;flex:0 0 auto;}
.lscard__badge{position:absolute;top:16px;left:16px;background:#fff;color:var(--ls-ink);font-weight:600;font-size:12px;line-height:1;padding:8px 14px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.lscard__body{flex:1 1 auto;display:flex;flex-direction:column;padding:22px;gap:14px;}
.lscard__name{font-size:18px;font-weight:600;line-height:26px;margin:0;}
.lscard__name a{color:var(--ls-ink);text-decoration:none;}
.lscard__name a:hover{color:var(--ls-green);}
.lscard__loc{font-size:13px;font-weight:600;color:var(--ls-green);margin:0;}
.lscard__specs{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;}
.lscard__spec{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ls-txt);white-space:nowrap;}
.lscard__spec i{font-size:14px;color:var(--ls-ink);width:17px;text-align:center;line-height:1;}
.lscard__sep{height:1px;background:var(--ls-line);margin-top:auto;}
.lscard__prices{display:flex;flex-direction:column;gap:8px;}
.lscard__price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.lscard__from{font-size:12px;font-weight:500;color:var(--ls-muted);}
.lscard__pricev{display:inline-flex;align-items:baseline;gap:5px;}
.lscard__amount{font-size:22px;font-weight:700;color:var(--ls-green-dk);white-space:nowrap;}
.lscard__unit{font-size:13px;font-weight:500;color:var(--ls-muted);}
.lscard__resident{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--ls-cream);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--ls-ink);}
.lscard__resident span{font-weight:600;}
.lscard__resident strong{font-size:14px;font-weight:700;white-space:nowrap;}
.lscard__degr{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:var(--ls-green-light,#E8F5EC);color:var(--ls-green-dk);border-radius:5px;padding:7px 12px;font-size:12px;font-weight:600;}
.lscard__degr i{font-size:14px;}
.lscard__btn{display:flex;align-items:center;justify-content:center;height:50px;border:1.4px solid var(--ls-green);border-radius:8px;color:var(--ls-green-dk);font-weight:600;font-size:15px;text-decoration:none;transition:all .15s ease;}
.lscard__btn:hover{background:var(--ls-green);color:#fff;box-shadow:0 6px 16px rgba(30,158,62,.3);}
/* État vide (Figma 512:2362) */
.ls-empty{max-width:760px;margin:8px auto 40px;background:var(--ls-warm);border:1px solid var(--ls-line);border-radius:16px;padding:40px 36px;text-align:center;}
.ls-empty__ico{width:56px;height:56px;border-radius:999px;background:var(--ls-green-light);color:var(--ls-green-dk);display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin:0 0 18px;}
.ls-empty h2{font-size:22px;font-weight:700;color:var(--ls-ink);margin:0 0 10px;}
.ls-empty p{font-size:15px;line-height:1.7;color:var(--ls-txt);margin:0 auto 22px;max-width:520px;}
.ls-empty__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.ls-empty__btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:13px 24px;font-weight:600;font-size:15px;text-decoration:none;}
.ls-empty__btn--p{background:var(--ls-green);color:#fff;}.ls-empty__btn--p:hover{background:var(--ls-green-dk);color:#fff;}
.ls-empty__btn--o{background:#fff;border:1.5px solid var(--ls-green);color:var(--ls-green-dk);}.ls-empty__btn--o:hover{background:var(--ls-green-light);}
@media (max-width:1024px){.lscards{grid-template-columns:repeat(2,1fr);}}
@media (max-width:680px){.lscards{grid-template-columns:1fr;}.ls-listing{padding:8px 20px;}}
/* --- État vide listing zone (Figma 512:2362) --- */
.ls-zempty{max-width:calc(var(--ls-cont) + 48px);margin:0 auto;padding:8px 24px 48px;font-family:var(--ls-font);}
.ls-zempty__msg{background:var(--ls-warm);border:1px solid var(--ls-line);border-radius:16px;padding:30px 32px;margin:0 0 34px;}
.ls-zempty__msg h2{font-size:22px;font-weight:700;color:var(--ls-ink);margin:0 0 10px;}
.ls-zempty__msg p{font-size:15px;line-height:1.7;color:var(--ls-txt);margin:0;max-width:760px;}
.ls-zempty__alts{display:flex;flex-direction:column;gap:20px;margin:0 0 40px;}
.ls-zempty__altlbl{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--ls-muted);text-transform:uppercase;margin:0 0 12px;}
.ls-zempty__chips{display:flex;flex-wrap:wrap;gap:10px;}
.ls-zempty__chips a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--ls-line);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ls-ink);text-decoration:none;transition:border-color .15s,background .15s;}
.ls-zempty__chips a::after{content:"›";color:var(--ls-muted);font-size:15px;}
.ls-zempty__chips a:hover{border-color:var(--ls-green);background:var(--ls-green-light);color:var(--ls-green-dk);}
.ls-zempty__owner{background:var(--ls-green-light);border-radius:16px;padding:30px 32px;}
.ls-zempty__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--ls-green-dk);text-transform:uppercase;margin:0 0 8px;}
.ls-zempty__ownh{font-size:24px;font-weight:800;color:var(--ls-ink);margin:0 0 6px;}
.ls-zempty__ownp{font-size:15px;color:var(--ls-txt);margin:0 0 16px;}
.ls-zempty__pts{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0 0 22px;}
.ls-zempty__pt{font-size:14px;color:var(--ls-ink);font-weight:500;display:inline-flex;align-items:center;gap:8px;}
.ls-zempty__pt i{color:var(--ls-green);}
.ls-zempty__cta{background:#0e0f12;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ls-zempty__ctatxt{display:flex;flex-direction:column;gap:3px;color:#fff;min-width:0;}
.ls-zempty__ctatxt strong{font-size:17px;font-weight:700;}
.ls-zempty__ctatxt span{font-size:15px;color:rgba(255,255,255,.72);}
.ls-zempty__ctabtns{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto;}
.ls-zempty__btn{background:var(--ls-green);color:#fff;border-radius:999px;padding:13px 26px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;}
.ls-zempty__btn:hover{background:var(--ls-green-dk);color:#fff;}
.ls-zempty__link{color:rgba(255,255,255,.85);font-size:13px;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.ls-zempty__link:hover{color:#fff;}
@media (max-width:680px){
.ls-zempty{padding:8px 20px 40px;}
.ls-zempty__cta{flex-direction:column;align-items:flex-start;}
.ls-zempty__ctabtns{align-items:stretch;width:100%;}
.ls-zempty__btn{text-align:center;}
}
/* VikBooking — boutons primaires alignés sur le vert charte (dont le "Réservez" noir) */
.vbo-pref-color-btn,.vbsearchinputmodhors,button.vbsearchinputmodhors{background:var(--ls-green)!important;border-color:var(--ls-green)!important;color:#fff!important;}
.vbo-pref-color-btn:hover,.vbsearchinputmodhors:hover{background:var(--ls-green-dk)!important;border-color:var(--ls-green-dk)!important;}
/* ============================================================
Recherche VikBooking (399:942) — cartes charte, 1re passe
============================================================ */
.vbo-searchresults-classic-wrap.vbo-grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;list-style:none;margin:0;padding:0;}
.vbo-grid-wrap .room_item{background:#fff;border:1px solid var(--ls-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,41,.08);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;}
.vbo-grid-wrap .room_item:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,41,.13);}
.vbo-grid-wrap .vblistroomblock{display:flex;flex-direction:column;height:100%;}
.vbo-grid-wrap .vbimglistdiv{width:100%!important;margin:0!important;float:none!important;height:220px;overflow:hidden;flex:0 0 auto;}
.vbo-grid-wrap .vbimglistdiv a{display:block;height:100%;}
.vbo-grid-wrap img.vbmodroomsimg{width:100%!important;height:220px!important;object-fit:cover;display:block;}
.vbo-grid-wrap .room_desc{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1 1 auto;}
.vbo-grid-wrap .vbo-info-room{margin:0!important;padding:0!important;}
.vbo-grid-wrap .vbc-title-room{display:flex;flex-direction:column;gap:8px;}
.vbo-grid-wrap .vbdescrlistdiv{margin:0;padding:0;}
.vbo-grid-wrap .vblistroomcat{font-size:18px!important;font-weight:600!important;color:var(--ls-ink)!important;line-height:1.4;display:block;text-transform:none;}
.vbo-grid-wrap .vbsrowprice{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding:0;border:none;}
.vbo-grid-wrap .vbrowroomcapacity{color:var(--ls-muted);font-size:13px;}
.vbo-grid-wrap .vbsrowpricediv{margin:0;}
.vbo-grid-wrap .room_cost{font-size:inherit;color:inherit;}
.vbo-grid-wrap .currency_price{display:inline-flex;align-items:baseline;gap:4px;}
.vbo-grid-wrap .vbo_price{font-size:22px;font-weight:700;color:var(--ls-green-dk);}
.vbo-grid-wrap .vbo_currency{font-size:13px;font-weight:600;color:var(--ls-muted);}
.vbo-grid-wrap .vbrowcdescr{font-size:14px;line-height:1.6;color:var(--ls-txt);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vbo-grid-wrap .vbcs-extra-infos{margin-top:auto!important;}
.vbo-grid-wrap .vbmodrooms-carats{margin:0;}
.vbo-grid-wrap .vbmodrooms-carats .vb-carats-icons{display:flex;flex-wrap:wrap;gap:10px 14px;}
.vbo-grid-wrap .vb-ico{color:var(--ls-ink);font-size:15px;}
.vbo-grid-wrap .vbcontdivtot,.vbo-grid-wrap .vbsont{display:flex;gap:10px;padding:16px 22px 22px;margin-top:12px;border-top:1px solid var(--ls-line);}
.vbo-grid-wrap .vbselectr-result{flex:1;}
.vbo-grid-wrap .btn.vbo-pref-color-btn{border-radius:8px!important;font-weight:600!important;padding:12px 16px!important;font-size:14px!important;line-height:1.2;}
.vbo-grid-wrap a.btn.vbo-pref-color-btn{background:#fff!important;color:var(--ls-green-dk)!important;border:1.4px solid var(--ls-green)!important;}
.vbo-grid-wrap a.btn.vbo-pref-color-btn:hover{background:var(--ls-green)!important;color:#fff!important;}
/* Bandeau résumé recherche */
.vbo-results-customhead,.vbo-results-head{background:#fff;border:1px solid var(--ls-line);border-radius:14px;padding:16px 20px!important;margin:0 0 22px!important;box-shadow:0 6px 18px rgba(15,23,41,.06);}
.vbo-results-chdates .vbo-pref-color-btn-secondary,.vbo-results-chdates a{background:var(--ls-green-light)!important;color:var(--ls-green-dk)!important;border-radius:8px!important;padding:10px 16px!important;font-weight:600!important;border:none!important;text-decoration:none!important;}
/* Recherche : layout résultats (gauche) + carte Google (droite, sticky) */
.vbo-searchresults-classic-extra-wrap.ls-hasmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,48%);gap:24px;align-items:start;width:100%;max-width:1360px;margin-left:auto;margin-right:auto;}
.vbo-searchresults-classic-extra-wrap.ls-hasmap .vbo-grid-wrap{grid-template-columns:repeat(2,1fr);}
.ls-mapcol{position:sticky;top:20px;height:calc(100vh - 120px);min-height:600px;}
#ls-searchmap{width:100%;height:100%;border-radius:16px;overflow:hidden;border:1px solid var(--ls-line);background:#e9ece8;}
.room_item.ls-card-hl{box-shadow:0 0 0 2px var(--ls-green),0 16px 34px rgba(15,23,41,.15);}
@media(max-width:1024px){.vbo-searchresults-classic-extra-wrap.ls-hasmap{grid-template-columns:1fr;}.ls-mapcol{display:none;}}
@media(max-width:680px){.vbo-searchresults-classic-extra-wrap.ls-hasmap .vbo-grid-wrap,.vbo-grid-wrap{grid-template-columns:1fr;}}
/* Recherche : la barre-résumé occupe toute la largeur (au-dessus de résultats+carte) */
.vbo-searchresults-classic-extra-wrap.ls-hasmap>.vbo-results-customhead,
.vbo-searchresults-classic-extra-wrap.ls-hasmap>.vbo-results-head{grid-column:1/-1;}
/* Recherche : neutraliser la grille native VBO (colonne map vide) → pleine largeur */
.vbo-results-wrapper.vbo-extra-wrapper{display:block!important;}
/* Bouton "Sélectionner" (rouge VBO) -> vert charte ; "Détails" reste en contour */
button.vbselectr-result,button.vbselectr-result.vbo-pref-color-btn,.vbo-grid-wrap button.vbselectr-result{background:var(--ls-green)!important;border-color:var(--ls-green)!important;color:#fff!important;}
button.vbselectr-result:hover{background:var(--ls-green-dk)!important;}
/* Bouton Sélectionner : battre la règle thème .vbselectordiv .vbselectorextra button (rouge) */
.vbo-searchresults-classic-wrap .vbselectordiv .vbselectorextra button.vbselectr-result,
.vbo-searchresults-classic-wrap .vbselectordiv .vbselectorextra button{background:var(--ls-green)!important;border-color:var(--ls-green)!important;color:#fff!important;}
.vbo-searchresults-classic-wrap .vbselectordiv .vbselectorextra button.vbselectr-result:hover,
.vbo-searchresults-classic-wrap .vbselectordiv .vbselectorextra button:hover{background:var(--ls-green-dk)!important;}
/* Recherche : l'adresse (terracotta) devient la ligne "zone" verte de la charte */
.vbo-grid-wrap .vb-adress,.vbo-grid-wrap .vb-adress.vbrowcname{color:var(--ls-green)!important;font-size:13px!important;font-weight:600!important;display:block;margin:0;}
/* Recherche sans résultat : message + suggestions dates proches */
.vbo-search-mainview p.err,.vbdivsearch p.err,.main-content p.err{background:var(--ls-cream);border:1px solid #F2C94C;color:#7A5B00;border-radius:12px;padding:16px 20px;font-weight:600;font-size:15px;margin:0 0 24px;text-align:left;}
.vbo-search-suggestions-container{margin-top:24px;color:var(--ls-ink);font-weight:700;font-size:18px;}
/* ===== Cartes PACKS / offres packagées (VBO pkglist) — établissement + /offres/ ===== */
.vbo-pkglist-container{display:flex;flex-direction:column;gap:20px;}
.vbo-pkglist-pkg{display:flex;background:#fff;border:1px solid var(--ls-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,41,.06);}
.vbo-pkglist-pkg-bone{flex:0 0 420px;background:var(--ls-warm) center/cover no-repeat;min-height:304px;}
/* 420 / reste / 280 : la meme carte que les etablissements et les promotions, sur la
colonne de 1200 px (Figma 706:4218). L'image faisait 240 et le bloc prix 258. */
.vbo-pkglist-pkg-bone img{width:100%;height:100%;object-fit:cover;display:block;}
.vbo-pkglist-pkg-btwo{flex:1 1 auto;padding:24px 26px;display:flex;flex-direction:column;gap:12px;justify-content:center;}
.vbo-pkglist-pkg-name h4{font-size:20px;font-weight:700;color:var(--ls-ink);margin:0;line-height:1.32;}
.vbo-pkglist-pkg-shortdescr{font-size:14.5px;line-height:1.7;color:var(--ls-txt);}
.vbo-pkglist-pkg-dates{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ls-muted);}
.vbo-pkglist-pkg-dates i{color:var(--ls-green);}
.vbo-pkglist-pkg-dates-lbl{font-weight:600;color:var(--ls-txt);}
.vbo-pkglist-pkg-bthree{flex:0 0 280px;background:var(--ls-warm);padding:24px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch;border-left:1px solid var(--ls-line);}
.vbo-pkglist-pkg-cost{display:flex;flex-direction:column;gap:2px;}
.vbo-pkglist-pkg-price .vbo_price{font-size:24px;font-weight:700;color:var(--ls-green-dk);}
.vbo-pkglist-pkg-price .vbo_currency{color:var(--ls-green-dk);font-weight:600;font-size:15px;}
.vbo-pkglist-pkg-bthree .btn,.vbo-pkglist-pkg-bthree a.vbo-pref-color-btn{width:100%;text-align:center;}
@media (max-width:1150px){
/* Sous 1 150 px, 420+280 etranglait le texte. */
.vbo-pkglist-pkg-bone{flex:0 0 300px;min-height:240px;}
.vbo-pkglist-pkg-bthree{flex:0 0 250px;}
}
@media(max-width:820px){
.vbo-pkglist-pkg{flex-direction:column;}
.vbo-pkglist-pkg-bone{flex:0 0 190px;width:100%;}
.vbo-pkglist-pkg-bthree{flex:none;border-left:none;border-top:1px solid var(--ls-line);}
}
/* ===== Cartes chambres (.lscard) — GLOBAL (home + établissement + [ls_rooms]) ===== */
.lscards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 0;}
.lscard{background:#fff;border:1px solid var(--ls-line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,41,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;font-family:var(--ls-font);}
.lscard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,41,.13);}
.lscard__media{position:relative;display:block;height:252px;background:#dfe3df center/cover no-repeat;flex:0 0 auto;}
.lscard__badge{position:absolute;top:16px;left:16px;background:#fff;color:var(--ls-ink);font-weight:600;font-size:12px;line-height:1;padding:8px 14px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.lscard__body{flex:1 1 auto;display:flex;flex-direction:column;padding:22px;gap:14px;}
.lscard__name{font-size:18px;font-weight:600;line-height:26px;margin:0;}
.lscard__name a{color:var(--ls-ink);text-decoration:none;}
.lscard__name a:hover{color:var(--ls-green);}
.lscard__loc{font-size:13px;font-weight:600;color:var(--ls-green);margin:0;}
.lscard__specs{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;}
.lscard__spec{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ls-txt);white-space:nowrap;}
.lscard__spec i{font-size:14px;color:var(--ls-ink);width:17px;text-align:center;line-height:1;}
.lscard__sep{height:1px;background:var(--ls-line);margin-top:auto;}
.lscard__prices{display:flex;flex-direction:column;gap:8px;}
.lscard__price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.lscard__from{font-size:12px;font-weight:500;color:var(--ls-muted);}
.lscard__pricev{display:inline-flex;align-items:baseline;gap:5px;}
.lscard__amount{font-size:22px;font-weight:700;color:var(--ls-green-dk);white-space:nowrap;}
.lscard__unit{font-size:13px;font-weight:500;color:var(--ls-muted);}
.lscard__resident{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--ls-cream);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--ls-ink);}
.lscard__resident span{font-weight:600;}
.lscard__resident strong{font-size:14px;font-weight:700;white-space:nowrap;}
.lscard__degr{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:var(--ls-green-light);color:var(--ls-green-dk);border-radius:5px;padding:7px 12px;font-size:12px;font-weight:600;}
.lscard__degr i{font-size:14px;}
.lscard__btn{display:flex;align-items:center;justify-content:center;height:50px;border:1.4px solid var(--ls-green);border-radius:8px;color:var(--ls-green-dk);font-weight:600;font-size:15px;text-decoration:none;transition:all .15s ease;}
.lscard__btn:hover{background:var(--ls-green);color:#fff;box-shadow:0 6px 16px rgba(30,158,62,.3);}
.ls-etab-rooms-h{font-family:var(--ls-font);font-size:24px;font-weight:700;color:var(--ls-ink)!important;margin:44px 0 4px;}
@media(max-width:960px){.lscards{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media(max-width:640px){.lscards{grid-template-columns:1fr;}}
/* Établissement Maison de Clara (2767) : liste rooms native VBO remplacée par cartes charte [ls_rooms] ; masquer la validité du pack "sans prix" */
body.page-id-2767 .vbo-pkgdet-roomswrap{display:none;}
body.page-id-2767 .vbo-pkgdet-dates{display:none;}
/* ===== Pages listing (offres, établissements) ===== */
.ls-listing__sub{font-size:17px;line-height:1.6;color:var(--ls-txt);margin:14px 0 0;max-width:820px;font-family:var(--ls-font);}
.ls-listing{background:#fff;}
.ls-listing__wrap{max-width:calc(var(--ls-cont) + 48px);margin:0 auto;padding:44px 24px 80px;font-family:var(--ls-font);}
.ls-empty{color:var(--ls-muted);font-size:16px;padding:20px 0;}
/* bandeau résident (offres) */
.ls-resbanner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;background:var(--ls-green-light);border-radius:12px;padding:18px 22px;margin:0 0 28px;}
.ls-resbanner__txt{font-size:14.5px;line-height:1.6;color:var(--ls-ink);margin:0;flex:1 1 480px;}
.ls-resbanner__txt strong{color:var(--ls-green-dk);}
.ls-resbanner__cta{display:inline-flex;gap:18px;align-items:center;font-weight:600;font-size:14px;white-space:nowrap;}
.ls-resbanner__cta a{color:var(--ls-green-dk);text-decoration:none;}
.ls-resbanner__cta a:hover{text-decoration:underline;}
/* pack card refinements */
.lspk-from{font-size:12px;font-weight:500;color:var(--ls-muted);}
.lspk-cta{width:100%;text-align:center;justify-content:center;}
.vbo-pkglist-pkg-btwo .vbo-pkglist-pkg-dates{margin-top:2px;}
/* comment ça marche */
.ls-howto{margin:56px 0 0;}
.ls-howto__h{font-size:24px;font-weight:700;color:var(--ls-ink);margin:0 0 8px;}
.ls-howto__sub{font-size:15px;color:var(--ls-txt);margin:0 0 28px;line-height:1.6;}
.ls-howto__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ls-howto__card{background:var(--ls-warm);border-radius:14px;padding:24px;}
.ls-howto__card b{display:block;font-size:16px;color:var(--ls-ink);margin:0 0 10px;}
.ls-howto__card p{font-size:14px;line-height:1.7;color:var(--ls-txt);margin:0;}
@media(max-width:820px){
.ls-listing__wrap{padding:28px 20px 52px;}
.ls-howto__grid{grid-template-columns:1fr;gap:14px;}
.ls-resbanner{flex-direction:column;align-items:flex-start;}
}
/* Recherche : cartes charte injectées (.ls-searchcards) dans le layout carte */
.vbo-searchresults-classic-extra-wrap.ls-hasmap .ls-searchcards{grid-template-columns:repeat(2,1fr);gap:20px;margin:0;}
.lscard.ls-card-hl{box-shadow:0 0 0 2px var(--ls-green),0 16px 34px rgba(15,23,41,.15);}
@media(max-width:1024px){.vbo-searchresults-classic-extra-wrap.ls-hasmap .ls-searchcards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.vbo-searchresults-classic-extra-wrap.ls-hasmap .ls-searchcards{grid-template-columns:1fr;}}
/* Recherche : fiche du bien au clic d'un pin (InfoWindow Google) */
.ls-mapcard{width:236px;font-family:var(--ls-font);}
.ls-mapcard__media{height:132px;background:#dfe3df center/cover no-repeat;border-radius:10px;position:relative;margin:0 0 10px;}
.ls-mapcard__badge{position:absolute;top:8px;left:8px;background:#fff;color:var(--ls-ink);font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.ls-mapcard__name{font-size:15px;font-weight:700;color:var(--ls-ink);line-height:1.3;margin:0 0 4px;}
.ls-mapcard__loc{font-size:12px;font-weight:600;color:var(--ls-green);margin:0 0 8px;}
.ls-mapcard__price{margin:0 0 8px;}
.ls-mapcard__amount{font-size:18px;font-weight:700;color:var(--ls-green-dk);}
.ls-mapcard__unit{font-size:12px;color:var(--ls-muted);}
.ls-mapcard__res{background:var(--ls-cream);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--ls-ink);display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 0 10px;}
.ls-mapcard__res span{font-weight:600;}
.ls-mapcard__res strong{white-space:nowrap;}
.ls-mapcard__btn{display:block;text-align:center;background:var(--ls-green);color:#fff;border-radius:8px;padding:10px;font-weight:600;font-size:14px;text-decoration:none;}
.ls-mapcard__btn:hover{background:var(--ls-green-dk);color:#fff;}
.gm-style .gm-style-iw-c{padding:12px!important;border-radius:14px!important;}
.gm-style .gm-style-iw-d{overflow:hidden!important;}
/* Recherche popup : carousel d'images */
.ls-mapcard__media{position:relative;height:150px;border-radius:10px;overflow:hidden;margin:0 0 10px;background:#dfe3df;}
.ls-mapcard__slide{position:absolute;inset:0;background:#dfe3df center/cover no-repeat;opacity:0;transition:opacity .25s;}
.ls-mapcard__slide.is-active{opacity:1;}
.ls-mapcard__nav{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:999px;border:none;background:rgba(255,255,255,.94);color:var(--ls-ink);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:2;padding:0;}
.ls-mapcard__nav--prev{left:8px;}
.ls-mapcard__nav--next{right:8px;}
/* Recherche : moteur complet en tête (remplace le résumé VBO « Changer les dates ») */
body.page-id-2614 .vbo-results-customhead{display:none!important;}
.ls-searchmoteur{max-width:1360px;margin:20px auto 8px;}
.ls-searchmoteur.lssearch{position:relative;z-index:30;}
/* ===== Fiche chambre : renvoi établissement + cross-sell ===== */
.ls-fiche-extras{max-width:1272px;margin:0 auto;padding:0 24px;font-family:var(--ls-font);}
.ls-fiche-etab{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--ls-warm);border:1px solid var(--ls-line);border-radius:16px;padding:22px 26px;margin:32px 0;}
.ls-fiche-etab__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.8px;color:var(--ls-muted);margin:0 0 4px;}
.ls-fiche-etab__name{display:block;font-size:20px;font-weight:700;color:var(--ls-ink);}
.ls-fiche-etab__cta{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--ls-green);color:var(--ls-green-dk);border-radius:8px;padding:13px 22px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;}
.ls-fiche-etab__cta:hover{background:var(--ls-green);color:#fff;}
.ls-fiche-xsell{margin:44px 0 24px;}
.ls-fiche-xsell__eyebrow{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ls-orange);margin:0 0 8px;}
.ls-fiche-xsell__h{font-size:24px;font-weight:700;color:var(--ls-ink)!important;margin:0 0 24px;}
/* « Ce logement fait partie de » : le bouton portait white-space:nowrap. Son libellé fait
320 px ; la carte n'en offre que 243 une fois ses 26 px de retrait déduits. Le bouton ET le
titre sortaient donc de la carte de 78 px sur un écran de 375 — c'est le « bouton hors de la
section » relevé en recette. Sur mobile le libellé a le droit de passer à la ligne. */
@media(max-width:820px){.ls-fiche-extras{padding:0 20px;}.ls-fiche-etab{flex-direction:column;align-items:stretch;}
.ls-fiche-etab__txt{min-width:0;}
.ls-fiche-etab__cta{white-space:normal;text-align:center;width:100%;}}
.ls-fichehead__lieu{display:inline-block;}
/* ===== Fiche : panneau de réservation (en-tête prix + résident + acompte) ===== */
.vbo-room-details-booking-wrapper{background:#fff;border:1px solid var(--ls-line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,41,.08);padding:24px;font-family:var(--ls-font);}
.ls-bookhead{margin:0 0 18px;}
.ls-bookhead__from{font-size:13px;color:var(--ls-muted);}
.ls-bookhead__price{display:flex;align-items:baseline;gap:8px;margin:2px 0 0;}
.ls-bookhead__amount{font-size:28px;font-weight:700;color:var(--ls-ink);}
.ls-bookhead__unit{font-size:14px;color:var(--ls-muted);}
.ls-bookhead__res{margin:16px 0 0;background:var(--ls-cream);border-radius:10px;padding:14px 16px;}
.ls-bookhead__resrow{display:flex;align-items:center;gap:8px;}
.ls-bookhead__resflag{font-size:15px;}
.ls-bookhead__reslbl{font-weight:600;color:var(--ls-ink);font-size:14px;}
.ls-bookhead__resval{margin-left:auto;font-size:18px;font-weight:700;color:var(--ls-green-dk);}
.ls-bookhead__reseco{display:inline-block;margin:8px 0 0;background:var(--ls-green-light);color:var(--ls-green-dk);font-size:12px;font-weight:700;border-radius:5px;padding:4px 8px;}
.ls-bookhead__resinv{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ls-txt);}
.ls-bookhead__resinv a{color:var(--ls-green-dk);font-weight:600;text-decoration:none;}
.ls-bookhead__resinv a:hover{text-decoration:underline;}
.ls-bookhead__acompte{margin:16px 0 0;font-size:13px;line-height:1.6;color:var(--ls-txt);border-top:1px solid var(--ls-line);padding-top:14px;}
.ls-bookhead__acompte strong{color:var(--ls-green-dk);}
.vbo-room-details-booking-wrapper .vbo-pref-color-btn,.vbo-room-details-booking-wrapper input[type=submit],.vbo-room-details-booking-wrapper button[type=submit]{width:100%;background:var(--ls-green)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:14px 16px!important;font-weight:600!important;font-size:15px!important;cursor:pointer;}
.vbo-room-details-booking-wrapper .vbo-pref-color-btn:hover,.vbo-room-details-booking-wrapper input[type=submit]:hover{background:var(--ls-green-dk)!important;}
/* Fiche : récapitulatif du séjour (panneau) */
.ls-bookrecap{margin:16px 0;border-top:1px solid var(--ls-line);padding-top:16px;font-size:14px;font-family:var(--ls-font);}
.ls-bookrecap__line{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;color:var(--ls-txt);}
.ls-bookrecap__total{font-weight:700;color:var(--ls-ink);border-top:1px solid var(--ls-line);padding-top:10px;}
.ls-bookrecap__pay{margin:12px 0 0;background:var(--ls-warm);border-radius:10px;padding:14px 16px;}
.ls-bookrecap__pay .ls-bookrecap__line{font-size:13px;}
.ls-bookrecap__now{font-weight:700;color:var(--ls-green-dk)!important;border-top:1px solid var(--ls-line);padding-top:8px;margin-top:4px;font-size:14px!important;}
.ls-bookrecap__solde{font-weight:600;color:var(--ls-ink)!important;}
.ls-bookrecap__note{font-size:12px;color:var(--ls-muted);line-height:1.5;margin-top:6px;}
/* Fiche panneau — alignement maquette 557:3543 (visiteur) */
.ls-bookhead__amount{color:var(--ls-green-dk)!important;font-size:28px!important;font-weight:700;}
.ls-bookhead__unit{color:var(--ls-muted);font-size:14px;}
.ls-bookhead__resline{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ls-cream);border-radius:10px;padding:11px 14px;margin:16px 0 0;}
.ls-bookhead__reslinelbl{display:flex;flex-direction:column;gap:2px;}
.ls-bookhead__reslinet{font-size:13px;font-weight:600;color:var(--ls-ink);}
.ls-bookhead__reslinesub{font-size:12px;color:var(--ls-orange);}
.ls-bookhead__reslineval{font-size:16px;font-weight:700;color:var(--ls-ink);white-space:nowrap;}
.ls-bookhead__inv{position:relative;background:var(--ls-green-light);border-radius:8px;padding:12px 16px 12px 28px;margin:14px 0 0;font-size:13px;line-height:1.6;font-weight:600;color:var(--ls-green-dk);}
.ls-bookhead__inv::before{content:"";position:absolute;left:14px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--ls-green);}
.ls-bookhead__inv a{color:var(--ls-green-dk);text-decoration:underline;font-weight:700;}
.ls-bookrecap__pay{background:var(--ls-green-light)!important;}
.ls-bookrecap__now span:last-child{font-size:20px;}
/* Fiche panneau — état RÉSIDENT CONNECTÉ (557:3632) */
.ls-bookhead--cx .ls-bookhead__amount{color:var(--ls-ink)!important;font-size:30px!important;}
.ls-bookhead__meal{display:inline-block;margin:6px 0 0;padding:3px 10px;border-radius:999px;background:#E8F5EC;font-size:12px;font-weight:600;color:#157A30;}
.ls-bookhead__struck{font-size:15px;color:var(--ls-muted);text-decoration:line-through;margin:0 0 2px;}
.ls-bookhead__resok{display:flex;gap:10px;align-items:flex-start;background:var(--ls-green-light);border-radius:8px;padding:12px 14px 12px 26px;margin:14px 0 0;position:relative;}
.ls-bookhead__resok::before{content:"";position:absolute;left:14px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--ls-green);}
.ls-bookhead__resoktxt{display:flex;flex-direction:column;gap:2px;}
.ls-bookhead__resoktxt strong{color:var(--ls-green-dk);font-size:13px;}
.ls-bookhead__resoktxt span{color:var(--ls-txt);font-size:12px;}
/* ===================== FICHE CHAMBRE (charte) ===================== */
.roomdetail{font-family:var(--ls-font);color:var(--ls-txt);}
.roomdetail .vb-title{color:var(--ls-ink)!important;}
/* --- En-tête note + titre au-dessus de la galerie --- */
.ls-fichehead{max-width:1272px;margin:8px auto 18px;padding:0 24px;font-family:var(--ls-font);}
.ls-fichehead__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px;}
.ls-fichehead__badge{display:inline-block;background:var(--ls-warm);border:1px solid var(--ls-line);color:var(--ls-ink);font-size:12px;font-weight:700;border-radius:999px;padding:5px 13px;}
.ls-fichehead__rate{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--ls-ink);}
.ls-fichehead__rate .fa-star{color:#F2B705;font-size:13px;}
.ls-fichehead__ratetxt{font-size:12px;color:var(--ls-muted);}
.ls-fichehead__h1{font-family:var(--ls-font);font-size:38px;line-height:1.2;font-weight:800;color:var(--ls-ink);margin:0 0 10px;letter-spacing:-.01em;}
.ls-fichehead__sub{font-size:15px;color:var(--ls-txt);margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.ls-fichehead__sub a{color:var(--ls-green-dk);font-weight:700;text-decoration:none;}
.ls-fichehead__sub a:hover{text-decoration:underline;}
.ls-fichehead__sub .fa-location-dot{color:var(--ls-muted);font-size:13px;margin-right:2px;}
.ls-fichehead__dot{color:var(--ls-line);}
/* --- Galerie --- */
.roomdetail .vikfx-gallery img,.roomdetail .vbo-gallary-box img{border-radius:14px;}
/* ⚠️ `object-fit:cover` SUR LA GRANDE IMAGE. VikBooking lui impose une largeur ET une
hauteur, et la valeur par défaut `fill` ÉTIRE la photo pour remplir le cadre. Mesuré le
05/10/2026 sur /premium-suite-goree-suites/ : photo native 1067x1600 (portrait, ratio
0,667) affichée en 545x420 (paysage, ratio 1,297) — un écrasement de près du double.
Les vignettes n'étaient pas touchées, leur cadre suit déjà leur ratio.
`cover` recadre au lieu de déformer : on perd un bord, jamais les proportions. */
.roomdetail .vikfx-gallery-image,
.roomdetail .vikfx-gallery img.vblistimg,
.roomdetail .vbo-gallary-box img.vblistimg{object-fit:cover;object-position:center;}
.roomdetail .vbo-gallary-box .item{padding:3px;}
/* --- Bandeau specs --- */
.ls-fichespecs{max-width:1272px;margin:28px auto;padding:0 24px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;background:var(--ls-warm);border:1px solid var(--ls-line);border-radius:14px;overflow:hidden;}
.ls-fichespecs__it{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 14px;text-align:center;border-left:1px solid var(--ls-line);}
.ls-fichespecs__it:first-child{border-left:none;}
.ls-fichespecs__it i{color:var(--ls-green);font-size:16px;margin:0 0 3px;}
.ls-fichespecs__it b{font-size:19px;font-weight:800;color:var(--ls-ink);line-height:1;}
.ls-fichespecs__it span{font-size:12px;color:var(--ls-muted);text-transform:lowercase;}
/* --- Tarif dégressif --- */
.ls-fichedegr{max-width:1272px;margin:44px auto;padding:0 24px;font-family:var(--ls-font);}
.ls-fichedegr__h{font-size:26px;font-weight:800;color:var(--ls-ink)!important;margin:0 0 8px;display:flex;align-items:center;gap:10px;}
.ls-fichedegr__h .fa-arrow-trend-down{color:var(--ls-green);font-size:22px;}
.ls-fichedegr__lead{font-size:15px;line-height:1.7;color:var(--ls-txt);margin:0 0 22px;max-width:900px;}
.ls-fichedegr__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ls-fichedegr__card{position:relative;background:#fff;border:1px solid var(--ls-line);border-radius:14px;padding:22px 24px;}
.ls-fichedegr__card.is-best{border:1.5px solid var(--ls-green);background:var(--ls-green-light);}
.ls-fichedegr__best{position:absolute;top:14px;right:14px;background:var(--ls-green);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:4px 11px;}
.ls-fichedegr__range{display:block;font-size:14px;font-weight:600;color:var(--ls-muted);margin:0 0 8px;}
.ls-fichedegr__pn{display:block;font-size:26px;font-weight:800;color:var(--ls-ink);line-height:1.1;}
.ls-fichedegr__card.is-best .ls-fichedegr__pn{color:var(--ls-green-dk);}
.ls-fichedegr__pn em{font-size:14px;font-weight:500;font-style:normal;color:var(--ls-muted);}
.ls-fichedegr__sub{display:block;font-size:13px;color:var(--ls-muted);margin:8px 0 0;}
.ls-fichedegr__sub.is-off{color:var(--ls-green-dk);font-weight:700;}
.ls-fichedegr__note{display:flex;gap:12px;background:var(--ls-warm);border-radius:10px;padding:16px 20px;margin:22px 0 0;font-size:14px;line-height:1.7;color:var(--ls-txt);border-left:4px solid #F2B705;}
/* --- Équipements (Spécificités natives → pastilles charte) --- */
.roomdetail .room_carats .vb-title,.roomdetail .vc_description .vb-title,.roomdetail .vbo-room-details-geo-wrapper .vb-title{font-size:24px!important;font-weight:800!important;color:var(--ls-ink)!important;margin:0 0 18px!important;}
.roomdetail .vb-carats-icons{display:flex;flex-wrap:wrap;gap:10px;}
.roomdetail .vb-ico{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ls-line);border-radius:999px;padding:8px 15px;margin:0;width:auto;}
.roomdetail .vb-ico .vbo-icn-carat{color:var(--ls-green)!important;font-size:14px;}
.roomdetail .vb-ico .vb-num{font-size:13px;font-weight:600;color:var(--ls-ink);}
/* --- Description « Le logement » --- */
.roomdetail .vc_description .vb-disc,.roomdetail .vbo-room-desc{font-size:15px;line-height:1.8;color:var(--ls-txt);}
.roomdetail .vc_description .vb-disc p{margin:0 0 14px;}
/* --- Localisation --- */
.ls-geo-sub{font-size:15px;color:var(--ls-txt);margin:-8px 0 16px;}
.roomdetail .vbo-room-details-geo-wrapper #vbo-geo-map{height:360px!important;border-radius:14px;overflow:hidden;border:1px solid var(--ls-line);}
/* ===== Établissement (packagedetails sans prix) — en-tête + sous-nav + équipements ===== */
.ls-etabhead{margin-top:6px;}
.ls-etabnav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--ls-line);transition:box-shadow .18s;}
.ls-etabnav.is-stuck{box-shadow:0 6px 20px rgba(15,23,41,.08);}
.ls-etabnav__in{max-width:1272px;margin:0 auto;padding:11px 24px;display:flex;align-items:center;gap:20px;font-family:var(--ls-font);}
.ls-etabnav__name{font-weight:800;color:var(--ls-ink);font-size:15px;white-space:nowrap;}
.ls-etabnav__sep{color:var(--ls-line);}
.ls-etabnav__links{display:flex;gap:22px;flex:1;min-width:0;}
.ls-etabnav__links a{color:var(--ls-txt);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent;}
.ls-etabnav__links a:hover{color:var(--ls-green-dk);border-bottom-color:var(--ls-green);}
.ls-etabnav__price{display:flex;flex-direction:column;line-height:1.1;text-align:right;white-space:nowrap;}
.ls-etabnav__price span{font-size:11px;color:var(--ls-muted);}
.ls-etabnav__price strong{font-size:16px;color:var(--ls-green-dk);}
.ls-etabnav__cta{background:var(--ls-green);color:#fff;border-radius:8px;padding:10px 18px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;}
.ls-etabnav__cta:hover{background:var(--ls-green-dk);}
.ls-etabequip{max-width:1272px;margin:8px auto 24px;padding:0 24px;font-family:var(--ls-font);}
.ls-etabequip__h{font-size:24px;font-weight:800;color:var(--ls-ink)!important;margin:0 0 16px;}
.ls-etabequip__grid{display:flex;flex-wrap:wrap;gap:10px;}
.ls-etabequip__chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ls-line);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;color:var(--ls-ink);}
.ls-etabequip__chip i{color:var(--ls-green)!important;font-size:14px;}
@media(max-width:900px){
.ls-etabnav__links{display:none;}
.ls-etabnav__in{gap:12px;}
}
@media(max-width:820px){
.ls-fichehead__h1{font-size:27px;}
.ls-fichespecs{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,1fr);}
.ls-fichespecs__it:nth-child(odd){border-left:none;}
.ls-fichespecs__it:nth-child(n+3){border-top:1px solid var(--ls-line);}
.ls-fichedegr__grid{grid-template-columns:1fr;}
}
/* masque le score de localisation importé (copie OTA) au profit de la note charte 9,5/10 */
.roomdetail #property-description-location-score-trans,.roomdetail p[data-testid="property-description-location-score-trans"]{display:none!important;}
/* ===================== FICHE OFFRE PACKAGÉE (charte) ===================== */
.vbo-pkgdet-container{font-family:var(--ls-font);color:var(--ls-txt);}
/* Hero */
.offre-hero{background:var(--ls-ink);background-size:cover;background-position:center;color:#fff;margin:0 0 0;}
.offre-hero__wrap{max-width:1272px;margin:0 auto;padding:150px 24px 40px;}
.offre-hero__crumb{font-size:13px;color:rgba(255,255,255,.8);margin:0 0 20px;}
.offre-hero__crumb a{color:rgba(255,255,255,.8);text-decoration:none;}
.offre-hero__crumb a:hover{color:#fff;}
.offre-hero__badge{display:inline-block;background:var(--ls-orange);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:999px;padding:7px 15px;margin:0 0 16px;}
.offre-hero__h1{font-size:44px;line-height:1.15;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.01em;max-width:900px;}
.offre-hero__sub{font-size:17px;color:rgba(255,255,255,.9);margin:0;}
/* Corps 2 colonnes */
.offre-body{max-width:1272px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;}
.offre-h2{font-size:26px;font-weight:800;color:var(--ls-ink);margin:0 0 22px;}
.offre-incs{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:20px;}
.offre-inc{display:flex;gap:14px;}
.offre-inc__dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--ls-green);margin-top:7px;}
.offre-inc b{display:block;font-size:16px;font-weight:700;color:var(--ls-ink);margin:0 0 4px;}
.offre-inc p{font-size:14px;line-height:1.7;color:var(--ls-txt);margin:0;}
.offre-note{font-size:14px;line-height:1.7;color:var(--ls-muted);font-style:italic;margin:0 0 28px;}
.offre-cond{background:var(--ls-warm);border-radius:14px;padding:24px 26px;}
.offre-cond__ttl{display:block;font-size:18px;font-weight:700;color:var(--ls-ink);margin:0 0 16px;}
.offre-cond__row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--ls-line);font-size:14px;}
.offre-cond__row:first-of-type{border-top:none;}
.offre-cond__row span:first-child{color:var(--ls-muted);}
.offre-cond__row span:last-child{color:var(--ls-ink);font-weight:600;text-align:right;max-width:60%;}
/* Panneau */
.offre-panel{position:sticky;top:24px;background:#fff;border:1px solid var(--ls-line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,41,.08);padding:24px;}
.offre-panel__pricelbl{font-size:13px;color:var(--ls-muted);margin:0 0 6px;}
.offre-panel__price{display:flex;align-items:baseline;gap:12px;}
.offre-panel__amount{font-size:30px;font-weight:800;color:var(--ls-green-dk);line-height:1.1;}
.offre-panel__ref{font-size:16px;color:var(--ls-muted);text-decoration:line-through;font-weight:600;}
.offre-panel__eco{display:inline-block;background:#FCEFE7;color:var(--ls-orange);font-size:12px;font-weight:700;border-radius:6px;padding:4px 9px;margin:10px 0 0;}
.offre-panel__resnote{background:var(--ls-warm);border-radius:10px;padding:14px 16px;margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--ls-txt);}
.offre-pay{margin:18px 0 0;border-top:1px solid var(--ls-line);padding-top:16px;}
.offre-pay__row{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ls-txt);margin:0 0 9px;}
.offre-pay__box{background:var(--ls-green-light);border-radius:10px;padding:14px 16px;margin:12px 0 0;}
.offre-pay__box .offre-pay__row{font-size:13px;margin:0 0 8px;}
.offre-pay__now{font-weight:700;color:var(--ls-green-dk)!important;font-size:14px!important;border-top:1px solid rgba(21,122,48,.2);padding-top:8px;}
.offre-pay__solde{font-weight:600;color:var(--ls-ink)!important;margin:0!important;}
.offre-cta{display:block;width:100%;background:var(--ls-green);color:#fff;border:none;border-radius:12px;padding:16px;font-family:var(--ls-font);font-weight:700;font-size:16px;cursor:pointer;margin:18px 0 0;}
.offre-cta:hover{background:var(--ls-green-dk);}
.offre-panel__fine{font-size:12px;line-height:1.6;color:var(--ls-muted);margin:14px 0 0;}
/* Logements de l'offre */
.vbo-pkgdet-roomswrap{max-width:1272px;margin:0 auto 64px;padding:24px 24px 0;}
.vbo-pkgdet-roomsttl{font-size:26px!important;font-weight:800!important;color:var(--ls-ink)!important;margin:0 0 6px!important;}
.offre-roomssub{font-size:15px;color:var(--ls-txt);margin:0 0 28px;}
.vbo-pkgdet-roomslist{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.vbo-pkgdet-room-container{background:#fff;border:1px solid var(--ls-line);border-radius:16px;overflow:hidden;}
.vbo-pkgdet-room-outer{display:flex;flex-direction:column;}
.vbo-pkgdet-room-img{aspect-ratio:16/11;overflow:hidden;}
.vbo-pkgdet-room-img img{width:100%;height:100%;object-fit:cover;}
.vbo-pkgdet-room-det{padding:18px 20px 0;}
.vbo-pkgdet-roomname{font-size:17px!important;font-weight:700!important;color:var(--ls-ink)!important;margin:0 0 8px!important;}
.vbo-pkgdet-room-shortdescr{font-size:13.5px;line-height:1.6;color:var(--ls-txt);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.vbo-pkgdet-room-booknow{padding:16px 20px 20px;}
.vbo-pkgdet-room-booknow-btn{width:100%;background:#fff!important;border:1.5px solid var(--ls-green)!important;color:var(--ls-green-dk)!important;border-radius:10px!important;padding:12px 16px!important;font-weight:700!important;font-size:14px!important;cursor:pointer;font-family:var(--ls-font)!important;}
.vbo-pkgdet-room-booknow-btn:hover{background:var(--ls-green)!important;color:#fff!important;}
.vbo-pkgdet-room-inner{display:none;} /* miniatures natives masquées (charte : image unique) */
@media(max-width:900px){
.offre-hero__wrap{padding:120px 20px 32px;}.offre-hero__h1{font-size:30px;}
.offre-body{grid-template-columns:1fr;padding:36px 20px;gap:28px;}
.offre-panel{position:static;}
.vbo-pkgdet-roomslist{grid-template-columns:1fr;}
}
.vbo-pkgdet-title{display:none!important;}
/* ===================== BLOG / ACTUALITÉ (charte) ===================== */
.ls-blog{font-family:var(--ls-font);color:var(--ls-txt);}
.ls-blog__wrap{max-width:1272px;margin:0 auto;padding:0 24px;}
.ls-blog__hero{background:var(--ls-warm);border-bottom:1px solid var(--ls-line);}
.ls-blog__hero .ls-blog__wrap{padding:36px 24px 44px;}
.ls-blog__crumb{font-size:13px;color:var(--ls-muted);margin:0 0 22px;}
.ls-blog__crumb a{color:var(--ls-muted);text-decoration:none;}.ls-blog__crumb a:hover{color:var(--ls-green);}
.ls-blog__crumb span{margin:0 2px;}
.ls-blog__h1{font-size:40px;line-height:1.15;font-weight:800;color:var(--ls-ink);margin:0 0 14px;letter-spacing:-.01em;}
.ls-blog__intro{font-size:17px;line-height:1.7;color:var(--ls-txt);margin:0;max-width:760px;}
.ls-blog__body{padding:40px 24px 72px;}
/* Filtres */
.ls-blog__filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 36px;}
.ls-blog__chip{background:#fff;border:1px solid var(--ls-line);color:var(--ls-ink);border-radius:999px;padding:9px 18px;font-family:var(--ls-font);font-size:14px;font-weight:600;cursor:pointer;}
.ls-blog__chip:hover{border-color:var(--ls-green);color:var(--ls-green-dk);}
.ls-blog__chip.is-on{background:var(--ls-green);border-color:var(--ls-green);color:#fff;}
.ls-blog__filtnote{font-size:12.5px;color:var(--ls-muted);margin-left:6px;}
/* Badge rubrique */
.ls-blog__badge{display:inline-block;background:var(--ls-cream);color:#8A6D1B;font-size:11px;font-weight:700;letter-spacing:.5px;border-radius:6px;padding:5px 11px;}
.ls-blog__eyebrow{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ls-muted);margin:0 0 14px;}
/* À la une */
.ls-blog__feat{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ls-line);border-radius:18px;overflow:hidden;background:#fff;margin:0 0 56px;}
.ls-blog__feat-media{display:block;min-height:340px;background:var(--ls-warm) center/cover no-repeat;position:relative;}
.ls-blog__feat-body{padding:34px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;}
.ls-blog__feat-title{font-size:28px;line-height:1.25;font-weight:800;color:var(--ls-ink);margin:0;}
.ls-blog__feat-title a{color:inherit;text-decoration:none;}.ls-blog__feat-title a:hover{color:var(--ls-green-dk);}
.ls-blog__feat-exc{font-size:15px;line-height:1.7;color:var(--ls-txt);margin:0;}
.ls-blog__meta{font-size:13px;color:var(--ls-muted);margin:0;}.ls-blog__meta span{margin:0 6px;}
.ls-blog__btn{display:inline-block;background:var(--ls-green);color:#fff;border-radius:10px;padding:12px 24px;font-weight:700;font-size:14px;text-decoration:none;margin-top:4px;}
.ls-blog__btn:hover{background:var(--ls-green-dk);}
/* Grille */
.ls-blog__gridttl{font-size:24px;font-weight:800;color:var(--ls-ink);margin:0 0 24px;}
.ls-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ls-blog__card{background:#fff;border:1px solid var(--ls-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;}
.ls-blog__card-media{display:block;aspect-ratio:16/10;background:var(--ls-warm) center/cover no-repeat;position:relative;}
.ls-blog__card-body{padding:18px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.ls-blog__card-title{font-size:17px;line-height:1.35;font-weight:700;color:var(--ls-ink);margin:0;}
.ls-blog__card-title a{color:inherit;text-decoration:none;}.ls-blog__card-title a:hover{color:var(--ls-green-dk);}
.ls-blog__card-exc{font-size:13.5px;line-height:1.6;color:var(--ls-txt);margin:0;}
.ls-blog__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ls-muted);font-size:13px;}
.ls-blog__empty{background:var(--ls-warm);border-radius:14px;padding:28px;font-size:15px;color:var(--ls-txt);}
.ls-blog__empty a{color:var(--ls-green-dk);font-weight:600;}
@media(max-width:900px){
.ls-blog__h1{font-size:29px;}
.ls-blog__feat{grid-template-columns:1fr;}
.ls-blog__feat-media{min-height:200px;aspect-ratio:16/10;}
.ls-blog__feat-body{padding:24px;}
.ls-blog__grid{grid-template-columns:1fr;}
.ls-blog__filtnote{width:100%;margin-left:0;}
}
/* ===================== PROPRIÉTAIRES (charte) ===================== */
.prop{font-family:var(--ls-font);color:var(--ls-txt);}
.prop-wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.prop-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--ls-green-dk);margin:0 0 10px;}
.prop-h2{font-size:30px;line-height:1.2;font-weight:800;color:var(--ls-ink);margin:0 0 18px;letter-spacing:-.01em;}
.prop-h3{font-size:22px;font-weight:700;color:var(--ls-ink);margin:36px 0 12px;}
/* `:where()` a une specificite NULLE. Ecrite `.prop p` (0,1,1), cette regle battait
TOUTES les classes de la page — qui sont posees sur des
: le prix des offres
(26 px vert) sortait a 16 px gris, le texte du heros prenait le gris des fonds
clairs sur un fond noir. Un seul selecteur expliquait la moitie des defauts
releves sur cette page (recette Hamid du 06/10/2026).
Les