/* La Croix Fédérale (Le Crêt) — on the shared Codeon Saveur skin
 * (assets/css/saveur.css), in red and white like the Swiss flag: white pages,
 * red actions, red bands and footer (preset "La Croix Fédérale", Customizer →
 * Couleurs). Only what is this restaurant's own lives here.
 */

:root {
	/* White text on the red actions. */
	--tn-accent-ink: #fff;
	/* The films keep a near-black veil; red is for the bands. */
	--tn-veil: #1a0f0e;
}

/* On the red bands and footer the actions turn white, red text. */
.tn-tone-brand .btn-primary, .tn-tone-brand .btn-light,
.sv-promo .btn-light, .tn-cta .btn-primary {
	background: #fff; color: var(--sv-accent); box-shadow: 0 12px 28px -14px rgb(0 0 0 / .45);
}
.tn-tone-brand .btn-primary:hover, .tn-tone-brand .btn-light:hover,
.sv-promo .btn-light:hover, .tn-cta .btn-primary:hover { background: #fff5f4; color: var(--sv-accent); }
.tn-tone-brand .tn-intro, .tn-tone-brand p, .tn-tone-brand li,
.footer p, .tn-footer-network span, .footer-bottom, .tn-footer-age { color: rgb(255 255 255 / .86); }
.footer-bottom { border-top-color: rgb(255 255 255 / .22); }
/* Feature icons on red: white tiles. */
.sv-features .tn-icon { background: #fff; color: var(--sv-accent); box-shadow: 0 12px 28px -14px rgb(0 0 0 / .4); }
/* The star pattern a touch brighter on red. */
.tn-tone-brand::before, .footer::before { opacity: .12; }

/* The Swiss cross in place of Saveur's diamond before the hero's eyebrow. */
.sv-hero .sv-eyebrow::before {
	width: 16px; height: 16px; transform: none; border-radius: 3px;
	background: #cf2a1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.8 6h6.4v6.8H26v6.4h-6.8V26h-6.4v-6.8H6v-6.4h6.8z' fill='%23fff'/%3E%3C/svg%3E") center / 100% no-repeat;
}