/**
 * Decima — Responsive.
 * Mobile-safe : aucune scrollbar horizontale. Breakpoints 1280 / 1024 / 768 / 480.
 *
 * @package Decima
 */

/* Sécurité : empêche tout débordement horizontal global. */
html, body { overflow-x: hidden; }

/* ------- <= 1280px : resserrement ------- */
@media (max-width: 1280px) {
	.decima-footer__grid { grid-template-columns: 1.4fr repeat(3, 1fr); }
	.decima-footer__brand { grid-column: 1 / -1; }
}

/* ------- <= 1024px : tablette ------- */
@media (max-width: 1024px) {
	.decima-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.decima-hero__grid { grid-template-columns: 1fr; }
	.decima-hero__visual { order: 2; }
	.decima-why__grid { grid-template-columns: 1fr; }
	.decima-timeline { grid-template-columns: repeat(3, 1fr); row-gap: 32px; }
	.decima-timeline__arrow { display: none; }

	/* CTA du header masqué : header épuré (logo + menu GeneratePress). */
	.decima-header-cta { display: none; }
}

/* ------- <= 768px : mobile large ------- */
@media (max-width: 768px) {
	.decima-section__head--split { grid-template-columns: 1fr; }
	.decima-grid--3 { grid-template-columns: 1fr; }
	.decima-sectors__grid { grid-template-columns: repeat(3, 1fr); }
	.decima-why__list { grid-template-columns: 1fr; }
	.decima-footer__grid { grid-template-columns: repeat(2, 1fr); }

	/* Timeline verticale */
	.decima-timeline { grid-template-columns: 1fr; gap: 24px; }
	.decima-timeline__step {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 16px;
		align-items: start;
	}
	.decima-timeline__marker { margin-bottom: 0; grid-row: 1 / span 3; }
	.decima-timeline__num { align-self: center; }
}

/* ------- <= 480px : mobile ------- */
@media (max-width: 480px) {
	.decima-hero__advantages { grid-template-columns: 1fr; gap: 12px; }
	.decima-sectors__grid { grid-template-columns: repeat(2, 1fr); }
	.decima-dashboard__row { grid-template-columns: 1fr; }
	.decima-footer__grid { grid-template-columns: 1fr; }
	.decima-hero__actions .decima-button { width: 100%; justify-content: center; }
	.decima-legal-dl { grid-template-columns: 1fr; gap: 2px 0; }
	.decima-legal-dl dd { margin-bottom: 10px; }
	.decima-prose { font-size: 17px; }
}