/* ============================================================================
 * V15 POLISH SHEET (priority 115) — WCAG AA contrast + touch-target fixes
 *
 * From the computed UI-quality sweep (15 page types x 360/768/1440) + the
 * 120-day Clarity field data. Loaded AFTER v15-animations (114). Never edits a
 * sealed sheet. Every value below was contrast-checked against the REAL
 * rendered background (pixel-sampled), not the CSS intent.
 *
 * The brand rose #EC2C91 fails AA in three ways: white-on-rose 3.94 (CTA),
 * rose-on-cream 3.3 (links), rose-on-dark 4.42 (testimonials). No single rose
 * passes all three, so we use context tints: a DEEPER rose (#D11A7E) on light
 * surfaces, a LIGHTER rose (#F03D9C) on dark surfaces.
 * ========================================================================== */

/* ── 1. CRITICAL: invisible heading on the #1 page (/fr/notre-menu/) ───────
 * #food-gallery-heading "Nos plats en images" computed rgb(26,26,26) on a
 * v11-zebra dark section rgb(26,26,26) = ratio 1.00 (invisible). The section's
 * intended cream bg is overridden to dark by a global :nth-of-type zebra rule
 * (same root cause as the V15 press-strip). Match the heading to the real dark
 * surface: cream text, rose accent kept legible on dark. */
.latoxica-food-gallery__head h2,
#food-gallery-heading {
	color: #F2EAD6 !important;
}
.latoxica-food-gallery__head h2 em,
#food-gallery-heading em {
	color: #F03D9C !important; /* lighter rose: 5.2 on dark, vs 4.42 for #EC2C91 */
}

/* ── 2. Primary CTA: white-on-rose 3.94 -> deeper rose fill (white 5.0) ────
 * 13px/600 text needs the 4.5 threshold. Deepen ONLY the filled CTA bg; the
 * accent rose stays #EC2C91 for decorative text. High specificity (a/button +
 * both classes) so it beats the scoped !important rules in the sealed sheets. */
a.latoxica-button.latoxica-button--primary,
button.latoxica-button.latoxica-button--primary,
.latoxica-hero-a a.latoxica-button--primary,
.latoxica-hero-b a.latoxica-button--primary,
.latoxica-cta-band a.latoxica-button--primary {
	background-color: #D11A7E !important; /* white-on-it = 5.05 */
}
a.latoxica-button.latoxica-button--primary:hover,
button.latoxica-button.latoxica-button--primary:hover {
	background-color: #BD1670 !important; /* keep hover darker than rest state */
}

/* ── 3. Phone links + "et bien plus" tagline: rose-on-cream 3.0-3.6 -> AA ──
 * Deepen rose to #BD1670 on light surfaces (~4.8 on the warm cream). */
a.wc-phone,
.latoxica-contact-col a[href^="tel"],
a[href^="tel:"].text-brand,
.text-brand-black .text-brand,
p.text-brand-black span.text-brand {
	color: #BD1670 !important;
}

/* ── 4. Vegetarian filter chip: white-on-green-500 2.28 -> green-700 ───────
 * /fr/notre-menu/ veg chip. The green is set by button[data-filter] +
 * --vegetarian; override both. Darken so white passes (~5.0). */
button[data-filter="vegetarian"],
.latoxica-menu-filter__chip--vegetarian {
	background-color: #15803D !important; /* green-700: white-on-it ~5.0 */
}

/* ── 5. Testimonial rose-on-dark 4.42 -> lighter rose (4.5+) ───────────────
 * Marquee eyebrow + highlight + keyword marks sit on #1a1a1a. Lift to #F03D9C
 * (5.2 on dark) so they clear AA. */
.latoxica-testimonials-marquee__eyebrow-text,
.latoxica-testimonial-card__highlight,
mark.latoxica-review-kw {
	color: #F03D9C !important;
}

/* ── 6. FAQ / foodtruck eyebrow: brass-on-cream 2.66 -> readable bronze ────
 * The premium-brass eyebrow fails on cream. Deepen to a bronze that clears AA
 * on cream (#6E4E22 ~ 6.0) while staying warm. */
.latoxica-foodtruck-howitworks .latoxica-eyebrow,
.latoxica-foodtruck-types .latoxica-eyebrow,
.latoxica-foodtruck-capacity .latoxica-eyebrow,
.latoxica-bat-faq .latoxica-eyebrow[style*="184"],
.latoxica-eyebrow--brass {
	color: #6E4E22 !important;
}

/* ── 7. Touch targets < 44px at 360 (mobile header chrome) ─────────────────
 * Hamburger 40x44 and language switcher 36x44 are under the 44px min. Pad to
 * a comfortable 44x44 tap area without moving the visual glyph. */
@media (max-width: 1023px) {
	button[data-id="nav-button"] {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	header[data-id="js-header"] a.lt-langswitch,
	.lt-langswitch {
		min-width: 44px !important;
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}