/* ============================================================
   Diag-Tertiaire Blog : styles differes des listings
   Accueil du blog, pages d'etiquette, page auteur. Charge en differe par
   src/layouts/Base.astro (gabarit « listing »), apres site.css.
   Tout ce qui dessine ces pages (en-tete, cartes, une, calculatrices,
   filtres, etiquettes proches, appel de fin, page auteur) est inline dans
   src/styles/critical-listing.css et n'est redefini ici sous aucune forme :
   cette feuille ne porte que le survol, le mouvement reduit et l'impression.
   ============================================================ */

/* --- Accueil sans article (cas limite) ---------------------- */
.listing-empty {
  padding: var(--esp-8) 0;
  font-size: 18px;
  color: var(--dt-ink-2);
}

/* --- Survol (livraison accueil-et-etiquettes) ----------------- */
.carte-lien:hover { transform: translate(-2px, -2px); box-shadow: 0 0 0 2px var(--dt-ink), 6px 6px 0 var(--dt-shadow); }
.calc:hover { background: var(--dt-surface-alt-2); transform: translateY(-1px); }
.filtre:hover, .puce:hover { box-shadow: 0 0 0 2px var(--dt-ink); }
.filtre[aria-pressed="true"]:hover { box-shadow: 0 0 0 2px var(--dt-ink), 3px 3px 0 var(--dt-accent); }

@media (prefers-reduced-motion: reduce) {
  .carte-lien, .calc, .filtre { transition: none; }
  .carte-lien:hover, .calc:hover { transform: none; }
}

/* --- Impression : les cartes sans survol ni ombre, sans appel ni filtres --- */
@media print {
  .ba-appel, .ba-fin, .filtres { display: none; }
  .carte-lien { box-shadow: none; border: 1px solid var(--dt-ink); }
}