/*
 * WINETPAY ADS — LA CARTE SUR NOS PROPRES SURFACES (09-CDC-ADS.md §13.7, ADS-D17).
 *
 * 🔴 **FEUILLE PARTAGÉE, ET C'EST LA RAISON DE SON EXISTENCE.** Ces règles vivaient dans
 * `ticket.css`. Le jour où la même carte est apparue sur la page de vente — qui ne charge pas
 * cette feuille — elle s'y est affichée NUE : image pleine largeur, mention « Sponsorisé »
 * confondue avec le texte de la page. Aucune erreur, aucun test rouge ; seulement une carte
 * laide sur la page que voient 100 % des acheteurs.
 *
 * ⚠️ Toute page qui inclut `partials/ad-card.blade.php` doit charger CETTE feuille.
 *
 * Tokens seuls, aucune couleur en dur : clair et sombre suivent la marque sans exception.
 * Aucune classe ici n'est jamais rendue `hidden` — le serveur n'émet pas la carte du tout.
 */
.adc {
    position: relative;
    margin: var(--sp-4) 0 0;
}
.adc-lien {
    display: block; overflow: hidden;
    text-decoration: none; color: inherit;
    background: var(--c-surface);
    border: 1px solid var(--c-border); border-radius: var(--r-lg);
    transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);
}
.adc-lien:hover, .adc-lien:focus-visible { transform: translateY(-2px); box-shadow: var(--e2); }
.adc-lien:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.adc-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; background: var(--c-bg); }
.adc-corps { display: grid; gap: var(--sp-1); padding: var(--sp-3); }
/* ADS-D5 : la mention est permanente. Lisible, jamais camouflée en petit gris illisible —
   une mention qu'on ne lit pas est une mention qui n'existe pas. */
.adc-mention {
    font-size: var(--fs-caption); font-weight: var(--fw-bold);
    letter-spacing: .08em; text-transform: uppercase; color: var(--c-text-muted);
}
.adc-titre { font-size: var(--fs-body); font-weight: var(--fw-semibold); color: var(--c-text); }
.adc-texte { margin: 0; font-size: var(--fs-small); color: var(--c-text-muted); }
.adc-cta { margin-top: var(--sp-1); font-size: var(--fs-small); font-weight: var(--fw-semibold); color: var(--c-primary); }
/* Le mouvement au survol est un agrément, pas une information : il disparaît sur demande. */
@media (prefers-reduced-motion: reduce) {
    .adc-lien { transition: none; }
    .adc-lien:hover, .adc-lien:focus-visible { transform: none; }
}