/**
 * V11 footer — turn the traiteur column links into clean pill CTAs.
 *
 * footer-content.php now tags the two traiteur CTAs with
 * `.latoxica-contact__cta` plus `.latoxica-button` + a variant. But the column
 * rule `.latoxica-contact__column a` (specificity 0,1,1) out-ranks the base
 * `.latoxica-button` (0,1,0), so it re-applies `text-decoration: underline`
 * onto the pills, and the flex column (`align-items: stretch`) stretches each
 * pill to the full 406px width. Both read as broken next to a real V11 pill.
 *
 * Sealed-sheet discipline: this is a NEW sheet enqueued AFTER v11-contrast (90),
 * never an edit to layout-overhaul.css or the design-system sheets. Scoping the
 * fix under `.latoxica-contact__column` lifts specificity to (0,2,0)+ so it
 * settles the underline tie, and `align-self: flex-start` collapses the pill to
 * its content width and left-aligns it like an editorial CTA.
 */

.latoxica-contact__column a.latoxica-contact__cta {
    align-self: flex-start;
    text-decoration: none;
    max-width: 100%;
    margin-top: 0.35rem;
}

.latoxica-contact__column a.latoxica-contact__cta:hover {
    text-decoration: none;
}

/* On narrow mobile let the pills go full-width so they stay tappable (>=44px)
   instead of shrinking to a cramped content-width target. */
@media (max-width: 600px) {
    .latoxica-contact__column a.latoxica-contact__cta {
        align-self: stretch;
        text-align: center;
    }
}