/* ============================================================================
 * V14 design convergence sheet  (priority 111, after v13-finish)
 * Sealed-sheet compliant: new higher-priority sheet, never edits a sealed one.
 * Holds small, targeted overrides that pull off-system components onto the
 * canonical Cluster-A language (see _qa/V14_BASELINE/design-audit.md).
 * ========================================================================== */

/* Reservation hero: the H1 was plain white with no emphasis (audit Cluster
 * B-weak). The markup now carries one <em> emphasis word; render it as the
 * same solid rose-italic the canonical hero-a / hero-d titles use. */
.latoxica-reservation-hero h1 em {
	font-family: var(--latoxica-font-display);
	font-style: italic;
	font-weight: 400;
	color: var(--latoxica-pink);
	/* italic descender clearance so "prêts"/"ready" never clip */
	line-height: 1.1;
}


/* Two-location reservation chooser (homepage + reservation top).
 * Big targets (>=48px), grade-6 prompt, brand rose + jaune, AA contrast. */
.latoxica-loc-chooser {
	text-align: center;
	margin: 2.5rem auto;
	max-width: 760px;
	padding: 0 1rem;
}
.latoxica-loc-chooser__lead {
	font-family: var(--latoxica-font-display);
	font-size: 1.25rem;
	line-height: 1.2;
	margin: 0 0 1.1rem;
}
.latoxica-loc-chooser__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}
.latoxica-loc-chooser__btn {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1.6rem;
	font-size: 1.05rem;
}
/* Jaune variant for the second location; charcoal text passes AA on #F2B119. */
.latoxica-loc-chooser__btn--alt {
	background: #F2B119;
	color: #1a1a1a;
	border-color: #F2B119;
}
.latoxica-loc-chooser__btn--alt:hover,
.latoxica-loc-chooser__btn--alt:focus-visible {
	background: #d99c0f;
	border-color: #d99c0f;
	color: #1a1a1a;
}
@media (max-width: 480px) {
	.latoxica-loc-chooser__btn { width: 100%; }
}


/* Storefront geo-FAQ block (charcoal theme, hairline dividers, display Q). */
.latoxica-store-faq { padding: 3rem 0 4rem; }
.latoxica-store-faq__wrap { max-width: 760px; margin: 0 auto; padding: 0 1rem; }
.latoxica-store-faq__title { margin: 0.4rem 0 1.4rem; }
.latoxica-store-faq__item {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding: 1.25rem 0;
}
.latoxica-store-faq__q {
	font-family: var(--latoxica-font-display);
	font-size: 1.2rem;
	line-height: 1.25;
	margin: 0 0 0.45rem;
}
.latoxica-store-faq__a { margin: 0; line-height: 1.6; max-width: 65ch; }


/* Menu answer-first intro (Casey on-page). */
.latoxica-menu-intro { max-width: 760px; margin: 2rem auto 1rem; padding: 0 1rem; text-align: center; }
.latoxica-menu-intro__title { font-family: var(--latoxica-font-display); margin: 0 0 0.8rem; }
.latoxica-menu-intro p { line-height: 1.6; }
.latoxica-menu-intro a { color: var(--latoxica-pink); text-decoration: underline; }


/* ============================================================================
 * V14 DEEP DESIGN REBUILD (task 11)
 * ========================================================================== */

/* --- Piece 1: cream-band tokenization (theme-lock coherence) ---------------
 * The cream sections used two different cream tokens and flipped the charcoal
 * page to cream with no intentional boundary ("different site" feeling). Frame
 * all three as ONE consistent, deliberate "cream content band": one cream, a
 * curved top divider rising out of the charcoal (the brand's organic-divider
 * language), and a thin rose accent rule top + bottom so the transition reads
 * designed. Sealed-sheet override on the existing classes. */
.latoxica-trois-adresses,
.latoxica-trois-etapes,
.latoxica-glossary,
.latoxica-v10-traiteur-formules {
	background: #f7f1e8 !important;            /* one warm cream for every band */
	border-top-left-radius: clamp(20px, 3.5vw, 40px);
	border-top-right-radius: clamp(20px, 3.5vw, 40px);
	position: relative;
	z-index: 1;
}
/* Rose entry-rule only where the cream band rises directly out of charcoal
 * (not on a cream band that immediately follows another, to avoid doubling). */
.latoxica-trois-adresses,
.latoxica-glossary,
.latoxica-v10-traiteur-formules {
	border-top: 2px solid var(--latoxica-pink, #EC2C91);
}


/* --- Piece 2: card unification --------------------------------------------
 * Fold the catering "formules" cards (recipe #3: dark + 4px rose LEFT-BORDER)
 * into the canonical card geometry (14px radius + subtle full border) used by
 * .latoxica-recette-card, keeping the dark feature-card fill + rose accent.
 * Removes the third divergent card recipe. */
.latoxica-v10-traiteur-formules__card {
	border: 1px solid rgba(236, 44, 145, 0.28) !important;
	border-radius: 14px !important;
}

/* --- Piece 3: tasteful micro-interactions (reduced-motion safe) -------------
 * Warm "party-side" feedback: a gentle hover lift + soft rose-tinted shadow on
 * cards, and a tactile press on CTA pills. GPU-friendly (transform/opacity). */
@media (prefers-reduced-motion: no-preference) {
	.latoxica-recette-card,
	.latoxica-v10-traiteur-formules__card {
		transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s cubic-bezier(.16, 1, .3, 1);
	}
	.latoxica-recette-card:hover,
	.latoxica-v10-traiteur-formules__card:hover {
		transform: translateY(-6px);
		box-shadow: 0 16px 36px rgba(236, 44, 145, 0.16);
	}
}
.latoxica-button { transition: transform .12s ease, box-shadow .2s ease; }
.latoxica-button:active { transform: translateY(1px) scale(.98); }