/*
 * Minimal additive styles for the /ch/fr/ section. Reuses the existing
 * design tokens (tokens.css) — no new palette, no new fonts. Only adds
 * rules for elements that don't already have one in components.css/
 * homepage.css. Enqueued site-wide (functions.php) rather than only on
 * ch-* routes, but every selector here is namespaced to CH-only class
 * names, so it has no effect on AU pages.
 */

.dv-card {
	display: flex;
	flex-direction: column;
	gap: var(--dv-space-2);
	border-radius: var(--dv-radius-card);
	padding: var(--dv-space-4);
	background: var(--dv-color-surface);
	border: 1px solid rgba(32, 35, 32, 0.08);
}

.dv-card h3 {
	font-family: var(--dv-font-serif);
	margin: 0;
}

.dv-country-switch {
	display: flex;
	align-items: center;
	gap: var(--dv-space-2);
	font-size: 13px;
}

.dv-country-switch__current {
	font-weight: 600;
	color: var(--dv-color-text);
}

.dv-country-switch__link {
	color: var(--dv-color-primary);
}

/*
 * Colour rhythm for /ch/fr/ — reuses the exact same tokens as the AU
 * pages (no new palette). AU's brand feel comes from alternating these
 * tokens across cards/sections rather than leaving everything on the
 * neutral surface colour; these modifiers bring that same alternation to
 * the Swiss canton cards and cross-link module. Canton mapping: Genève =
 * Butter Yellow, Vaud = Lavender — applied to whichever card/list-item
 * class a given canton loop already renders (.dv-card on the home page's
 * trio, .dv-hub-year-card on the canton-chooser lists).
 */
.dv-card--ge,
.dv-hub-year-card.dv-hub-year-card--ge {
	background: var(--dv-color-butter-yellow);
	border-color: transparent;
}

.dv-card--vd,
.dv-hub-year-card.dv-hub-year-card--vd {
	background: var(--dv-color-lavender);
	border-color: transparent;
}

/* Secondary cross-link ("Voir aussi") module on the CH home — Soft Peach,
 * matching the AU homepage's annual-leave teaser treatment of the same
 * token for a secondary/planning-adjacent block. */
.dv-related-links--ch-accent {
	margin-top: var(--dv-space-5);
	padding: var(--dv-space-4);
	border-top: none;
	border-radius: var(--dv-radius-card);
	background: var(--dv-color-soft-peach);
}