/* ═══════════════════════════════════════════════════
   VI NATURAL — TAST DE VINS NATURALS
   vinatural.org · 2026
   ═══════════════════════════════════════════════════ */

/* ═══════════ LABEL ═══════════ */

.tast-label {
	font-family: var(--font-body);
	font-size: clamp(0.62rem, 0.75vw, 0.72rem);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--terra);
	margin-bottom: var(--sp-2xs);
}

/* ═══════════ LAYOUT 2 COLONNES ═══════════ */

.tast-2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sp-xl);
	align-items: start;
}

.tast-col-text {
	padding-right: var(--sp-md);
	border-right: 1px solid rgba(42, 36, 32, 0.08);
}

/* ═══════════ LISTE INFO PRATIQUE ═══════════ */

.tast-info-list {
	list-style: none;
	padding: 0;
	margin: var(--sp-sm) 0 0;
}

.tast-info-list li {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: var(--sp-sm) 0;
	border-bottom: 1px solid rgba(42, 36, 32, 0.06);
}

.tast-info-list li:first-child {
	padding-top: 0;
}

.tast-info-key {
	font-family: var(--font-body);
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--carbó);
	opacity: 0.4;
}

.tast-info-val {
	font-family: var(--font-display);
	font-size: clamp(0.95rem, 1.2vw, 1.05rem);
	font-weight: 400;
	color: var(--carbó);
	line-height: 1.4;
}

.tast-info-val a {
	color: var(--vi);
	text-decoration: underline;
	text-decoration-color: rgba(96, 24, 42, 0.3);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-color 0.2s;
}

.tast-info-val a:hover {
	text-decoration-color: var(--vi);
}

/* ═══════════ CTA INLINE ═══════════ */

.tast-cta-inline {
	display: inline-block;
	margin-top: var(--sp-md);
	font-family: var(--font-display);
	font-size: clamp(1.3rem, 2vw, 1.7rem);
	font-weight: 300;
	font-style: italic;
	line-height: 1.4;
	color: var(--vi);
	text-decoration: none;
	border-bottom: 1px solid rgba(96, 24, 42, 0.25);
	padding-bottom: 0.1em;
	transition: border-color 0.2s;
}

.tast-cta-inline:hover {
	border-color: var(--vi);
}

/* Annule le soulignage global .content-light a */
.tast-col-text .tast-cta-inline {
	text-decoration: none;
}

/* ═══════════ RESPONSIVE ═══════════ */

@media (max-width: 768px) {
	.tast-2col {
		grid-template-columns: 1fr;
		gap: var(--sp-lg);
	}
	.tast-col-text {
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid rgba(42, 36, 32, 0.08);
		padding-bottom: var(--sp-lg);
	}
	.tast-cta-section .content-dark-inner {
		flex-direction: column;
		align-items: flex-start;
	}
}