/* ============================================================
   Location Sénégal — voiture · Gabarit d'article (LV-24)
   Colonne de lecture 760 · gouttière 60 · colonne latérale collante 380, dans le conteneur de 1 200.
   Valeurs de LV-24 : h2 26 px bold (36 px d'air au-dessus) · p 16 px #4A5058 interligne 174 % ·
   tableau cadre #E3E5E9 rayon 8, en-tête #F6F4F0 en 11,5 px majuscules · encart conseil #FDF3D6 barre #F2B705 ·
   encart « Une chose que nous ne savons pas » blanc, barre et titre terracotta #992E09 · FAQ dépliée.
   ============================================================ */
.lv-art-head{padding-bottom:26px;}
.lv-art-head .lv-pg-h1{max-width:760px;}
.lv-art-chapo{max-width:860px;margin-top:18px;}
.lv-art-chapo p{font-size:17.5px;line-height:1.6;color:var(--lv-txt);}
.lv-art-chapo p+p{margin-top:14px!important;}

.lv-art-grid{display:grid;grid-template-columns:760px minmax(0,380px);gap:60px;align-items:start;padding-bottom:56px;}
.lv-art-col{min-width:0;}
.lv-art-col p{font-size:16px;line-height:1.74;color:var(--lv-txt);}
.lv-art-col p+p{margin-top:16px!important;}
.lv-art-col a{color:var(--lv-green-dk)!important;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.lv-art-col strong,.lv-art-col b{font-weight:700;color:var(--lv-ink);}
.lv-art-h2{font-size:26px;font-weight:700;line-height:1.28;color:var(--lv-ink);margin:36px 0 14px!important;scroll-margin-top:16px;}
.lv-art-col > *:first-child{margin-top:0!important;}
.lv-art-col ul,.lv-art-col ol{margin:14px 0 0 0!important;display:flex;flex-direction:column;gap:8px;}
.lv-art-col li{font-size:16px;line-height:1.7;color:var(--lv-txt);}
.lv-art-col ul li::before{content:"·\00a0";}
/* Figures du corps d’article (images posées à l’intégration, 3 par article sous les h2). */
.lv-art-fig{margin:26px 0 0 0!important;padding:0!important;}
.lv-art-fig img{display:block;width:100%;height:auto;border-radius:10px;}
.lv-art-fig--p{max-width:440px;margin-left:auto;margin-right:auto;}
.lv-art-fig figcaption{margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--lv-muted);}

/* Tableau (dépilé en cartes sur mobile) */
.lv-art-tbl{margin-top:20px;overflow-x:auto;}
.lv-art-tbl table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--lv-line);border-radius:8px;overflow:hidden;font-size:15px;}
.lv-art-tbl th{background:var(--lv-warm);text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--lv-muted);padding:12px 16px;}
.lv-art-tbl td{padding:14px 16px;border-top:1px solid var(--lv-line);line-height:1.6;color:var(--lv-txt);vertical-align:top;}
.lv-art-tbl td:first-child{font-weight:600;color:var(--lv-ink);}

/* Encart conseil */
.lv-art-tip{margin-top:20px;background:var(--lv-sand-lt);border-left:4px solid var(--lv-sand);border-radius:8px;padding:20px;}
.lv-art-tip p{margin:0!important;}
.lv-art-tip__t{font-size:15px!important;font-weight:700;line-height:normal!important;color:var(--lv-ink);}
.lv-art-tip__p{font-size:14.5px!important;line-height:1.64!important;color:var(--lv-txt);margin-top:6px!important;}
.lv-art-tip__t + .lv-art-tip__p{margin-top:6px!important;}

/* Encart « Une chose que nous ne savons pas » */
.lv-art-col .ls-inconnu,
.lv-art-inc{margin-top:32px;background:#fff;border:1px solid var(--lv-line);border-left:4px solid var(--lv-terra);border-radius:0 10px 10px 0;padding:20px 22px;}
.lv-art-col .ls-inconnu > h2{font-size:16.5px!important;font-weight:700;line-height:1.35;color:var(--lv-terra);margin:0 0 8px!important;}
.lv-art-col .ls-inconnu p{font-size:15px;line-height:1.7;}
.lv-art-col .ls-inconnu p+p{margin-top:10px!important;}
.lv-art-inc__t{font-size:16.5px!important;margin-top:0!important;font-weight:700;line-height:1.35;color:var(--lv-terra);margin-bottom:8px!important;}
.lv-art-inc p{font-size:15px;line-height:1.7;}
.lv-art-inc p+p{margin-top:10px!important;}

/* Sources et réserve — maquette 1226:12492 (titre) et 1226:12494 (encadré).
   Trois écarts relevés à la recette du 03/10/2026, tous mesurés contre la maquette :
   1. L'interligne de 44 px hérité des H2 s'appliquait à une étiquette de 11,5 px : le mot
      « Sources » flottait au milieu d'une boîte trois fois trop haute, et les 8 px annoncés
      au-dessous se lisaient comme un collage. La maquette laisse 36 px entre le titre et la
      première ligne de sources ; avec une étiquette, 14 px donnent le même rapport.
   2. Aucun padding bas : la dernière ligne touchait la fin de l'article. La maquette en
      donne 22, comme en haut de son encadré.
   3. `.lv-art-res` demandait `margin-top:20px!important` et la page en appliquait SIX :
      `.lv-art-src p+p` (0,2,1) bat `.lv-art-res` (0,1,0), et `!important` des deux côtés ne
      départage pas — c'est la spécificité qui tranche. On monte la règle d'un cran. */
.lv-art-src{margin-top:32px;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--lv-line);}
.lv-art-src__t{font-size:11.5px!important;line-height:normal!important;margin-top:0!important;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--lv-muted);margin-bottom:14px!important;}
.lv-art-src p{font-size:13.5px!important;line-height:1.65!important;color:var(--lv-muted);}
.lv-art-src p+p{margin-top:6px!important;}
.lv-art-res{padding-left:16px;border-left:2px solid var(--lv-line);font-size:14px!important;line-height:1.68!important;color:var(--lv-muted)!important;}
.lv-art-src p+p.lv-art-res,
.lv-art-src .lv-art-res{margin-top:20px!important;}

/* FAQ dépliée : cadre blanc, une question par rangée séparée d'un filet (maquette 1226:12468) */
.lv-art-faq{margin-top:14px;max-width:none;background:#fff;border:1px solid var(--lv-line);border-radius:10px;overflow:hidden;}
.lv-art-faq .lv-faq__q{gap:9px;padding:20px 22px;}
.lv-art-faq .lv-faq__t{font-size:15.5px;font-weight:600;line-height:1.42;}
.lv-art-faq .lv-faq__a{font-size:14.5px;line-height:1.68;}

/* Résident / visiteur : deux cartes (LV-24) */
.lv-art-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
.lv-art-duo__i{background:var(--lv-warm);border-radius:10px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;}
.lv-art-duo__t{font-size:16px!important;font-weight:700;line-height:1.35;color:var(--lv-ink);}
.lv-art-duo__p{font-size:14.5px!important;line-height:1.68!important;}

/* Colonne latérale collante */
.lv-art-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:20px;}
.lv-art-som{background:#fff;border:1px solid var(--lv-line);border-radius:8px;padding:22px;}
.lv-art-som__t{font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--lv-muted);line-height:normal;margin-bottom:14px!important;}
.lv-art-som ul{display:flex;flex-direction:column;gap:11px;}
.lv-art-som li{display:block;}
.lv-art-som a{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.34;font-weight:400;color:var(--lv-txt)!important;}
.lv-art-som a::before{content:"";flex:0 0 3px;width:3px;height:18px;border-radius:2px;background:var(--lv-line);}
.lv-art-som a:hover{color:var(--lv-ink)!important;}
.lv-art-som a:hover::before,.lv-art-som a.is-on::before{background:var(--lv-green);}
.lv-art-som a.is-on{font-weight:600;color:var(--lv-ink)!important;}
.lv-art-cta{background:var(--lv-green-lt);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.lv-art-cta__t{font-size:16.5px;font-weight:700;line-height:1.32;color:var(--lv-ink);}
.lv-art-cta__p{font-size:13.5px;line-height:1.6;color:var(--lv-txt);}
.lv-art-cta__b{display:inline-flex;align-items:center;justify-content:center;width:100%;height:46px;margin-top:4px;border-radius:6px;padding:0 18px;background:var(--lv-green);color:#fff!important;font-size:14px;font-weight:700;line-height:normal;text-align:center;}
.lv-art-cta__b:hover{background:var(--lv-green-dk);color:#fff!important;}
.lv-art-cta__n{font-size:11.5px;line-height:1.48;color:var(--lv-muted);}
.lv-art-how{background:var(--lv-warm);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.lv-art-how__t{font-size:13.5px;font-weight:700;line-height:normal;color:var(--lv-ink);}
.lv-art-how__p{font-size:13px;line-height:1.6;color:var(--lv-txt);}
.lv-art-how__l{font-size:12.5px;font-weight:600;line-height:normal;color:var(--lv-green-dk)!important;}
.lv-art-how__l:hover{text-decoration:underline;text-underline-offset:2px;}
/* Les pages Vacances gardent le gabarit validé : second bouton WhatsApp et méthode en trois puces. */
.lv-art-cta__w{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:6px;padding:13px 18px;background:#fff;border:1px solid var(--lv-line);color:var(--lv-green-dk)!important;font-size:14.5px;font-weight:700;line-height:normal;}
.lv-art-cta__w:hover{border-color:var(--lv-green);}
.lv-art-how ul{display:flex;flex-direction:column;gap:8px;}
.lv-art-how li{font-size:13.5px;line-height:1.6;color:var(--lv-txt);}
.lv-art-how li::before{content:"·\00a0";}

@media (max-width:1100px){
  .lv-art-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:40px;}
}
@media (max-width:960px){
  .lv-art-head{padding-bottom:18px;}
  .lv-art-chapo p{font-size:16px;line-height:1.62;}
  .lv-art-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:32px;}
  .lv-art-side{position:static;order:-1;gap:12px;}
  .lv-art-som{padding:16px;}
  .lv-art-col p,.lv-art-col li{font-size:15px;line-height:1.72;}
  .lv-art-h2{font-size:21px;margin:26px 0 12px!important;}
  .lv-art-tbl{overflow:visible;}
  .lv-art-tbl table,.lv-art-tbl tbody,.lv-art-tbl tr,.lv-art-tbl td{display:block;width:100%;}
  /* La ligne d'en-tête est un <tr><th> sans <thead> dans les textes livrés : on la retire sur mobile. */
  .lv-art-tbl thead{display:none;}
  .lv-art-tbl th{display:none;}
  .lv-art-tbl tr:has(> th){display:none;padding:0;border:0;}
  .lv-art-tbl tr{border-top:1px solid var(--lv-line);padding:12px 14px;}
  .lv-art-tbl tr:first-child{border-top:0;}
  .lv-art-tbl td{border:0;padding:0;font-size:14.5px;}
  .lv-art-tbl td:first-child{font-size:15px;}
  .lv-art-tbl td+td{margin-top:4px;}
  /* L'en-tête est masqué sur mobile : chaque cellule reprend donc son intitulé de colonne,
     posé en `data-k` par lv_art_tbl_labels(). Sans lui, une ligne à trois colonnes se lisait
     « Prix parité importation / 482 754 / 385 414 » — deux nombres sans leur colonne. */
  .lv-art-tbl td[data-k]{margin-top:7px;}
  .lv-art-tbl td[data-k]::before{content:attr(data-k);display:block;margin-bottom:1px;font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--lv-muted);line-height:1.3;}
  .lv-art-inc,.lv-art-tip{padding:16px;}
  .lv-art-duo{grid-template-columns:minmax(0,1fr);gap:10px;}
  .lv-art-duo__i{padding:16px;}
  .lv-art-cta{padding:18px;}
}

/* — Ligne de méta sous le chapô (maquette 1224:12494) — */
.lv-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px!important;line-height:normal;}
.lv-art-meta > span{font-size:12.5px;color:var(--lv-muted);}
.lv-art-meta__s{color:var(--lv-line)!important;font-size:12px!important;}
.lv-art-verif{display:inline-flex;align-items:center;gap:6px;background:var(--lv-green-lt);color:var(--lv-green-dk)!important;border-radius:12px;padding:5px 10px;font-size:11.5px!important;font-weight:600;}
.lv-art-verif b{font-size:10px;font-weight:700;}

/* — Étiquettes de la titraille : la première verte, les autres sable clair (maquette 1224:12480) — */
.lv-art-axes .lv-repere{border-radius:13px;padding:6px 11px;font-size:11.5px;letter-spacing:.2px;background:var(--lv-warm);color:var(--lv-txt);}
.lv-art-axes .lv-repere--vert{background:var(--lv-green-lt);color:var(--lv-green-dk);}

/* — À lire aussi (maquette 1226:12511) : fond blanc, cartes sans date, lien à gauche — */
.lv-art-aussi{background:#fff;padding:56px 0 64px;}
.lv-art-aussi__h{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;}
.lv-art-aussi .lva-h2{font-size:26px;font-weight:700;line-height:1.24;color:var(--lv-ink);margin:0!important;}
.lv-art-aussi__t{font-size:13.5px;font-weight:600;color:var(--lv-green-dk)!important;white-space:nowrap;}
.lv-art-aussi__t:hover{text-decoration:underline;text-underline-offset:2px;}
.lv-art-aussi__c .lv-blog-c__img img{aspect-ratio:384/200;height:auto;}
.lv-art-aussi__c .lv-blog-c__t{padding:20px;}
.lv-art-aussi__c .lv-blog-c__h{margin-top:9px;}
.lv-art-aussi__c .lv-blog-c__p{margin-top:9px;line-height:1.58;}
.lv-art-aussi__c .lv-blog-c__f{justify-content:flex-start;padding-top:9px;}

@media (max-width:960px){
  .lv-art-meta{gap:8px;margin-top:16px!important;}
  .lv-art-meta > span{font-size:12px;}
  .lv-art-som__t{margin-bottom:12px!important;}
  .lv-art-cta{padding:18px;}
  .lv-art-how{padding:18px;}
  .lv-art-aussi{padding:28px 0 32px;}
  .lv-art-aussi__h{margin-bottom:16px;}
  .lv-art-aussi .lva-h2{font-size:21px;}
}

/* — Barre d'action fixe, mobile (maquette 1230:12963). Le bouton WhatsApp flottant est masqué ici :
     il se poserait dessus, et la maquette ne le prévoit pas sur l'article. — */
.lv-art-bar{display:none;}
.lv-art-som__src{display:none;}

@media (max-width:960px){
  /* Colonne latérale : le sommaire reste, la carte de réservation devient la barre fixe, la méthode sort. */
  .lv-art--post .lv-art-cta,
  .lv-art--post .lv-art-how{display:none;}
  .lv-art-som__src{display:block;}
  /* lv-arrivee.css empile les repères sur mobile pour les pages d'arrivée ; l'article les garde en ligne (1229:12816). */
  .lv-art .lv-reperes{flex-direction:row;}
  .lv-art-som{background:#fff;border:1px solid var(--lv-line);border-radius:8px;padding:18px;}
  .lv-art-som ul{gap:9px;}
  .lv-art-som a{font-size:13px;}
  .lv-art-som a::before{height:16px;}

  .lv-art--post .lv-art-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:9200;background:#fff;border-top:1px solid var(--lv-line);box-shadow:0 -6px 18px rgba(22,24,29,.08);padding:12px 20px;}
  .lv-art-bar__t{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .lv-art-bar__h{font-size:13px;font-weight:700;line-height:1.2;color:var(--lv-ink);}
  .lv-art-bar__p{font-size:11.5px;line-height:1.2;color:var(--lv-muted);}
  .lv-art-bar__b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:6px;background:var(--lv-green);color:#fff!important;font-size:13.5px;font-weight:700;line-height:normal;}
  body.single-post{padding-bottom:64px;}
  body.single-post #ht-ctc-chat,body.single-post .ht-ctc{display:none!important;}
  /* La pastille de consentement se pose sinon sur le bouton de la barre fixe. */
  body.single-post #tarteaucitronIcon.tarteaucitronIconBottomRight{bottom:64px!important;}

  /* Bande de conversion : un seul bouton sur l'article (maquette 1230:12861). */
  .lv-art--post + .lv-blog-bande .lv-blog-bande__p2,
  .lv-art--post .lv-blog-bande__p2{display:none;}

  /* À lire aussi : vignette carrée à gauche, texte à droite (maquette 1230:12871). */
  .lv-art-aussi__c{flex-direction:row;align-items:stretch;}
  .lv-art-aussi__c .lv-blog-c__img{flex:0 0 118px;width:118px;}
  .lv-art-fig{margin-top:20px!important;}
  .lv-art-fig--p{max-width:300px;}
  .lv-art-aussi__c .lv-blog-c__img img{width:118px;height:100%;aspect-ratio:auto;object-fit:cover;}
  .lv-art-aussi__c .lv-blog-c__t{padding:14px;}
  .lv-art-aussi__c .lv-blog-c__h{order:1;margin-top:0;font-size:15px;line-height:1.24;}
  .lv-art-aussi__c .lv-blog-c__p{order:2;margin-top:6px;font-size:12.5px;line-height:1.5;}
  .lv-art-aussi__c .lv-blog-chips{order:3;margin-top:8px!important;}
  .lv-art-aussi__c .lv-blog-chip{font-size:10px;padding:3px 8px;}
  .lv-art-aussi__c .lv-blog-c__f{display:none;}
}

/* ---------- Image a la une (maquette 1224:12402) ----------
   Elle manquait : le gabarit ne sortait jamais l'image, alors que les articles en ont une.
   Pleine largeur de la colonne de contenu, ratio libre, credit en dessous. */
.lv-art-img{margin:28px auto 0!important;padding-left:24px;padding-right:24px;}
.lv-art-img img{display:block;width:100%;height:auto;border-radius:12px;}
.lv-art-img figcaption{margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--lv-muted);}
@media (max-width:782px){
  .lv-art-img{margin-top:20px!important;padding-left:20px;padding-right:20px;}
  .lv-art-img img{border-radius:10px;}
  .lv-art-img figcaption{font-size:12px;}
}
