/* ════════════════════════════════════════════════════════════════════════════════════════
   MEGA-VALORISATION 1.0.0 — 21/09/2026. Le dessin de la section « choisi pour vous » et la
   marge de l'encart des voyages une fois DESCENDU sous les filtres.

   Toutes les règles sont préfixées `.mega` : ce module ne peut peindre que dans le méga-menu,
   jamais ailleurs dans la page. Les couleurs sont les JETONS du site (--surface, --ink,
   --line, --accent, --soft, --muted) : elles suivent donc le thème jour/nuit et les dix
   apparences sans qu'aucune valeur ne soit écrite en dur ici — une teinte codée en dur serait
   fausse dans neuf apparences sur dix.

   La marge de `.mv-voyages` ne se réécrit QUE lorsqu'il suit vraiment `.mega-columns` : tant
   que le HTML n'a pas été transformé, la règle ne mord pas. Un sélecteur qui vise l'état
   d'arrivée, jamais un `!important` qui viserait les deux.
   ════════════════════════════════════════════════════════════════════════════════════════ */

/* ── L'encart des voyages, descendu sous les filtres : sa marge basse devient une marge
      haute. Le sélecteur exige un `.mega-columns` AVANT lui dans le même parent — il est
      donc inerte sur une page non transformée. ─────────────────────────────────────────── */
.mega .mega-columns ~ .mv-voyages{margin:22px 0 0}

/* ── La section « choisi pour vous » ────────────────────────────────────────────────────── */
.mega .mv-valo{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);color:var(--ink)}
.mega .mv-valo-titre{margin:0 0 12px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.mega .mv-valo-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}

.mega a.mv-carte{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;
  min-height:44px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;
  background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:none}
.mega a.mv-carte .mv-carte-i{grid-row:1/3;align-self:center;width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mega a.mv-carte .mv-carte-h{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.mega a.mv-carte .mv-carte-t{font-size:15px;line-height:1.25;font-weight:650}
.mega a.mv-carte:hover{border-color:var(--accent);background:var(--soft)}
.mega a.mv-carte:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* Le chapeau de la carte « à découvrir » porte la même hiérarchie que les deux autres : la
   nuance vient de l'icône, jamais d'une couleur de texte plus pâle qui tomberait sous le
   seuil de contraste dans les apparences sombres. */

@media(max-width:1100px){.mega .mv-valo-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .mega .mv-valo{margin-top:16px;padding-top:14px}
  .mega .mv-valo-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mega a.mv-carte{padding:11px 12px;gap:2px 8px}
  .mega a.mv-carte .mv-carte-t{font-size:14px}
  .mega .mega-columns ~ .mv-voyages{margin-top:16px}
}
@media(max-width:400px){.mega .mv-valo-grille{grid-template-columns:minmax(0,1fr)}}