/*
 * JDP Theme — Responsive overrides (mobile-first breakpoints).
 *
 * Breakpoints :
 * - mobile  : <600px (default)
 * - tablet  : 600-900px
 * - laptop  : 900-1200px
 * - desktop : >1200px
 */

/* Tablet+ */
@media (min-width: 600px) {
	body {
		font-size: var(--fs-body);
	}
}

/* Laptop+ */
@media (min-width: 900px) {
	.jdp-section {
		padding: 80px 0;
	}
	.jdp-section--compact {
		padding: 56px 0;
	}
}

/* Desktop+ */
@media (min-width: 1200px) {
	.jdp-section {
		padding: 96px 0;
	}
}

/*
 * Système de padding des sections + exceptions RÉUTILISABLES.
 * Les règles .jdp-section ci-dessus (80px puis 96px) s'appliquent à toute section
 * et ce file est chargé en dernier : une règle .jdp-section écrite ailleurs ne peut
 * pas la battre à spécificité égale. Une exception réutilisable se déclare donc ICI
 * avec un sélecteur element+classe (section.xxx = 0-1-1) qui bat le 0-1-0 du blanket
 * quel que soit l'ordre des media queries. Les paddings propres à UNE seule section
 * (longform, preuve sociale) restent dans le CSS de leur composant, pas ici.
 */
section.jdp-section--flush-top {
	padding-top: var(--sp-8); /* haut réduit (ex : grille produits du hub qui remonte après retrait d'un marquee) */
}

/* Print */
@media print {
	.jdp-site-header,
	.jdp-site-footer,
	.jdp-cart-drawer,
	.jdp-mobile-menu,
	.jdp-promo-strip,
	.jdp-utility-row {
		display: none !important;
	}
	body {
		background: white !important;
		color: black !important;
	}
}