/* ============================================================
   Location Sénégal — voiture · Liste du blog (LV-24)
   Maquettes : desktop 1227:12547, mobile 1228:12692. Valeurs relevées au connecteur.
   Les couvertures ne sont pas encore livrées : l'emplacement est câblé, rien ne s'affiche sans image.
   ============================================================ */

/* — Bandeau de titre — */
.lv-blog-head{background:var(--lv-warm);padding:48px 0;}
.lv-blog .lv-pg-h1{max-width:900px;font-size:40px;line-height:1.2;}
.lv-blog .lv-pg-chapo{max-width:820px;font-size:16.5px;line-height:1.62;color:var(--lv-txt);margin-top:16px!important;}
.lv-blog-cpt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px!important;line-height:normal;}
.lv-blog-cpt strong{font-size:12.5px;font-weight:600;color:var(--lv-txt);}
.lv-blog-cpt span{font-size:12.5px;color:var(--lv-muted);}
.lv-blog-cpt__s{color:var(--lv-line)!important;font-size:12px!important;}

/* — Filtres et tri — */
.lv-blog-filtres{background:#fff;border-bottom:1px solid var(--lv-line);padding:22px 0;}
.lv-blog-filtres__in{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.lv-blog-filtres__g{display:flex;align-items:center;gap:10px;min-width:0;}
.lv-blog-f{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--lv-line);border-radius:6px;padding:11px 14px;flex:0 0 auto;}
.lv-blog-f::after{content:"▾";font-size:10px;line-height:1;color:var(--lv-muted);pointer-events:none;}
.lv-blog-f__t{display:flex;flex-direction:column;gap:1px;min-width:0;}
.lv-blog-f__l{display:block;font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--lv-muted);line-height:normal;pointer-events:none;}
.lv-blog-f__s{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-family:var(--lv-font);}
.lv-blog-f__v{display:block;font-size:13.5px;font-weight:600;color:var(--lv-ink);line-height:normal;margin-top:1px;white-space:nowrap;}
.lv-blog-f:focus-within{border-color:var(--lv-green);box-shadow:0 0 0 2px rgba(30,158,62,.18);}
.lv-blog-tri{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.lv-blog-tri__l{font-size:12.5px;color:var(--lv-muted);line-height:normal;white-space:nowrap;}
.lv-blog-tri__s{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0 14px 0 0;font-family:var(--lv-font);font-size:12.5px;font-weight:600;color:var(--lv-ink);line-height:normal;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--lv-ink) 50%),linear-gradient(135deg,var(--lv-ink) 50%,transparent 50%);background-position:calc(100% - 5px) 55%,calc(100% - 1px) 55%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;}
.lv-blog-f__n{margin:0!important;font-size:12.5px;color:var(--lv-muted);}

.lv-blog [hidden]{display:none!important;}

/* — Puces d'axes — */
.lv-blog-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0!important;}
.lv-blog-chip{display:inline-block;background:var(--lv-warm);color:var(--lv-txt);border-radius:12px;padding:5px 10px;font-size:11.5px;font-weight:600;line-height:normal;}
.lv-blog-chips--m{display:none;}

/* — Article à la une — */
.lv-blog-une{background:#fff;padding-top:40px;}
.lv-blog-une__c{display:flex;align-items:stretch;border:1px solid var(--lv-line);border-radius:10px;overflow:hidden;background:#fff;}
.lv-blog-une__img{flex:0 0 620px;max-width:620px;background:var(--lv-warm);display:block;}
.lv-blog-une__img img{display:block;width:100%;height:100%;object-fit:cover;}
.lv-blog-une__t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px;}
.lv-blog-une__k{display:inline-block;background:var(--lv-sand-lt);color:var(--lv-terra);border-radius:12px;padding:5px 10px;font-size:11.5px;font-weight:600;line-height:normal;margin:0 0 14px!important;}
.lv-blog-une__h{font-size:28px;font-weight:700;line-height:1.26;color:var(--lv-ink);margin:0!important;text-wrap:balance;}
.lv-blog-une__h a{color:inherit!important;}
.lv-blog-une__h a:hover{color:var(--lv-green-dk)!important;}
.lv-blog-une__p{font-size:15px;line-height:1.64;color:var(--lv-txt);margin:12px 0 0!important;}
.lv-blog-une__t .lv-blog-chips--d{margin-top:18px!important;}
.lv-blog-une__b{margin-top:20px;display:inline-flex;background:var(--lv-green);color:#fff!important;border-radius:6px;padding:14px 24px;font-size:14.5px;font-weight:700;line-height:normal;}
.lv-blog-une__b:hover{background:var(--lv-green-dk);color:#fff!important;}
.lv-blog-une__f{display:none;}

/* — Grille des articles — */
.lv-blog-liste{background:#fff;padding:40px 0 8px;}
.lv-blog-liste .lva-cards{gap:24px;}
.lv-blog-c{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lv-line);border-radius:10px;overflow:hidden;color:inherit!important;transition:border-color .12s,box-shadow .12s;}
.lv-blog-c:hover{border-color:var(--lv-green);box-shadow:0 6px 18px rgba(22,24,29,.06);}
.lv-blog-c__img{display:block;background:var(--lv-warm);}
.lv-blog-c__img img{display:block;width:100%;height:auto;aspect-ratio:384/216;object-fit:cover;}
.lv-blog-c__t{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;padding:22px;}
.lv-blog-c .lv-blog-chip{border-radius:11px;padding:4px 9px;font-size:11px;}
.lv-blog-c__h{display:block;margin-top:12px;font-size:18px;font-weight:700;line-height:1.3;color:var(--lv-ink);}
.lv-blog-c__p{display:block;margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--lv-txt);}
.lv-blog-c__f{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:16px;}
.lv-blog-c__d{font-size:12px;color:var(--lv-muted);line-height:normal;}
.lv-blog-c__a{font-size:13px;font-weight:600;color:var(--lv-green-dk)!important;line-height:normal;white-space:nowrap;}
.lv-blog-c:hover .lv-blog-c__a{text-decoration:underline;text-underline-offset:2px;}
.lv-blog-vide{margin-top:18px!important;font-size:15px;line-height:1.7;color:var(--lv-txt);}

/* — Note de fin et encart de méthode — */
.lv-blog-fin{background:#fff;padding:36px 0 56px;}
.lv-blog-note{font-size:13.5px;line-height:1.6;color:var(--lv-muted);margin:0 0 28px!important;}
.lv-blog-how{background:var(--lv-warm);border-left:4px solid var(--lv-green);border-radius:8px;padding:24px;}
.lv-blog-how__t{font-size:16px;font-weight:700;line-height:normal;color:var(--lv-ink);margin:0!important;}
.lv-blog-how__p{font-size:14.5px;line-height:1.66;color:var(--lv-txt);margin:8px 0 0!important;}

/* — Bande « Choisissez la route » — */
.lv-blog-bande{background:var(--lv-green-lt);padding:52px 0;}
.lv-blog-bande__in{display:flex;align-items:center;gap:40px;}
.lv-blog-bande__t{flex:1 1 auto;min-width:0;}
.lv-blog-bande__h{font-size:28px;font-weight:700;line-height:1.26;color:var(--lv-ink);margin:0!important;}
.lv-blog-bande__p{font-size:15px;line-height:1.64;color:var(--lv-txt);margin:8px 0 0!important;}
.lv-blog-bande__b{flex:0 0 auto;display:flex;align-items:center;gap:12px;}
.lv-blog-bande__p1,.lv-blog-bande__p2{display:inline-flex;align-items:center;border-radius:6px;padding:15px 26px;font-size:15px;line-height:normal;white-space:nowrap;}
.lv-blog-bande__p1{background:var(--lv-green);color:#fff!important;font-weight:700;}
.lv-blog-bande__p1:hover{background:var(--lv-green-dk);color:#fff!important;}
.lv-blog-bande__p2{background:#fff;border:1px solid var(--lv-line);color:var(--lv-ink)!important;font-weight:600;}
.lv-blog-bande__p2:hover{border-color:var(--lv-green);color:var(--lv-green-dk)!important;}

/* Article : puces d'axes sous la titraille, « à lire aussi » */
.lv-art-axes{margin-top:0!important;margin-bottom:16px!important;}
.lv-art--post .lv-pg-h1{max-width:940px;}
.lv-art-aussi__c{color:inherit!important;gap:6px;}
.lv-art-aussi__c:hover{border-color:var(--lv-green);}
.lv-art-aussi__k{font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--lv-green);}
.lv-art-aussi__c .lva-card__t{font-size:16px;line-height:1.35;}

@media (max-width:960px){
  /* Maquette mobile 1228:12692 : marges 20, filtres en défilement horizontal, une seule colonne de cartes. */
  .lv-blog-head{padding:28px 0;}
  .lv-blog .lv-pg-h1{font-size:27px;line-height:1.24;}
  .lv-blog .lv-pg-chapo{font-size:14.5px;line-height:1.62;margin-top:12px!important;}
  .lv-blog-cpt{gap:8px;margin-top:14px!important;}
  .lv-blog-cpt strong,.lv-blog-cpt span{font-size:12px;}
  .lv-blog-cpt__s{font-size:11px!important;}

  .lv-blog-filtres{padding:16px 0;}
  .lv-blog-filtres__in{display:block;}
  .lv-blog-filtres__g{gap:9px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
  .lv-blog-filtres__g::-webkit-scrollbar{display:none;}
  .lv-blog-f{padding:9px 12px;gap:8px;}
  .lv-blog-f__l{font-size:10px;}
  .lv-blog-f__v{font-size:13px;}
  .lv-blog-tri{display:none;}
  .lv-blog-f__n{margin-top:10px!important;}

  .lv-blog-chips--d{display:none;}
  .lv-blog-chips--m{display:flex;gap:7px;}
  .lv-blog-chip{border-radius:11px;padding:4px 9px;font-size:10.5px;}

  .lv-blog-une{padding-top:24px;}
  .lv-blog-une__c{display:block;border:1.5px solid var(--lv-green);}
  .lv-blog-une__img{max-width:none;}
  .lv-blog-une__img img{aspect-ratio:350/196;height:auto;}
  .lv-blog-une__t{display:block;padding:18px;}
  .lv-blog-une__k{padding:4px 9px;border-radius:11px;font-size:11px;margin-bottom:10px!important;}
  .lv-blog-une__t .lv-blog-chips--m{margin-bottom:11px!important;}
  .lv-blog-une__h{font-size:18.5px;line-height:1.3;}
  .lv-blog-une__p{font-size:13.5px;line-height:1.6;margin-top:9px!important;}
  .lv-blog-une__b{display:none;}
  .lv-blog-une__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0!important;}
  .lv-blog-une__f .lv-blog-c__d{font-size:11.5px;}
  .lv-blog-une__f .lv-blog-c__a{font-size:12.5px;}

  .lv-blog-liste{padding:20px 0 0;}
  .lv-blog-liste .lva-cards{gap:20px;}
  .lv-blog-c__img img{aspect-ratio:350/196;height:auto;}
  .lv-blog-c__t{padding:18px;}
  .lv-blog-c .lv-blog-chip{font-size:10.5px;}
  .lv-blog-c__h{font-size:18.5px;margin-top:11px;}
  .lv-blog-c__p{font-size:13.5px;margin-top:9px;}
  .lv-blog-c__f{padding-top:14px;}
  .lv-blog-c__d{font-size:11.5px;}
  .lv-blog-c__a{font-size:12.5px;}

  .lv-blog-fin{padding:22px 0 24px;}
  .lv-blog-note{font-size:13px;margin-bottom:20px!important;}
  .lv-blog-how{padding:18px;}
  .lv-blog-how__t{font-size:15px;}
  .lv-blog-how__p{font-size:13.5px;}

  .lv-blog-bande{padding:32px 0;}
  .lv-blog-bande__in{display:block;}
  .lv-blog-bande__h{font-size:22px;}
  .lv-blog-bande__p{font-size:14px;}
  .lv-blog-bande__b{display:block;margin-top:14px;}
  .lv-blog-bande__p1,.lv-blog-bande__p2{display:flex;justify-content:center;width:100%;padding:15px 20px;}
  .lv-blog-bande__p2{margin-top:14px;}
}