/* ============================================================================
 * V17 CONTRAST FIX  —  AA legibility on light bands (audit 2026-06-30).
 * Loads at priority 120 (after v17-storefront-layout, same group).
 * Sealed-sheet: new sheet, edits nothing upstream. Uses ONLY the design-system
 * AA-safe tokens already declared in v17-design-system.css (S1 doctrine: AA
 * everywhere). No new colours invented.
 *
 *  1. Blog featured "Lire l'article" ghost CTA was cream text + cream border on
 *     the cream featured card -> ratio 1.00, INVISIBLE. The --ghost variant is
 *     built for dark bands; on the cream card it needs the charcoal treatment.
 *
 *  2. Category filter chips painted bright rose (#EC2C91 / --w15-pink) on cream
 *     and cream-on-rose -> ratio 3.68 (< AA 4.5 for 13px labels). The system
 *     ships --v17-rose-deep (#c81f78) precisely as the "AA on cream" rose; use
 *     it for the chip text and the active fill.
 *
 *  3. The cocktails active chip was forced to cream text on the pink fill by
 *     v10-cocktails.css (!important) -> 3.68. Restore legible dark text (the
 *     v8 original intent) so the bright pill passes AA on the dark page.
 * ========================================================================== */

/* 1 — blog featured ghost CTA: dark ghost on the cream card. */
.latoxica-blog-featured a.latoxica-button--ghost,
.latoxica-blog-featured .latoxica-blog-featured__cta.latoxica-button--ghost {
    color: var(--v17-charcoal);
    border-color: var(--v17-charcoal);
}
.latoxica-blog-featured a.latoxica-button--ghost:hover {
    background-color: var(--v17-charcoal);
    color: var(--v17-cream);
}

/* 2 — blog category chips: AA-safe rose-deep on cream; white fill text. */
.latoxica-blog-chip {
    border-color: var(--v17-rose-deep);
    color: var(--v17-rose-deep);
}
.latoxica-blog-chip:hover,
.latoxica-blog-chip:focus-visible,
.latoxica-blog-chip.is-active {
    background-color: var(--v17-rose-deep);
    color: var(--v17-white);
}

/* 3 — cocktails active chip: dark text on the bright pill (AA on the dark page).
 *     Matches v10-cocktails.css specificity (0,3,0) + later load + !important. */
.latoxica-page-a__cocktails .latoxica-cocktails-chip.is-active,
.latoxica-page-a__cocktails .latoxica-cocktails-chip[aria-selected="true"] {
    background: var(--v17-rose-deep) !important;
    border-color: var(--v17-rose-deep) !important;
    color: var(--v17-white) !important;
}

/* End v17-contrast-fix.css */