/**
 * DDigital Group — Responsive
 * Mobile-first breakpoints: 1024px / 768px / 480px
 */

/* ─── Tablet Landscape (≤ 1024px) ───────────────────────── */
@media (max-width: 1024px) {

	.ddg-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.ddg-grid--3 { grid-template-columns: repeat(2, 1fr); }

	.ddg-facts-strip__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ddg-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.ddg-steps::before {
		display: none;
	}

	.ddg-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--ddg-sp-10);
	}

	.ddg-footer__brand {
		grid-column: 1 / -1;
	}
}

/* ─── Tablet Portrait (≤ 768px) ─────────────────────────── */
@media (max-width: 768px) {

	.ddg-menu-toggle {
		display: inline-flex;
	}

	.ddg-nav {
		display: none;
	}

	.ddg-header__actions .ddg-btn--primary {
		display: none;
	}

	.ddg-hero__title {
		font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
	}

	.ddg-hero__content {
		max-width: 100%;
	}

	.ddg-hero__actions {
		flex-direction: column;
	}

	.ddg-hero__actions .ddg-btn {
		width: 100%;
		justify-content: center;
	}

	.ddg-grid--2,
	.ddg-grid--3,
	.ddg-grid--4 {
		grid-template-columns: 1fr;
	}

	.ddg-steps {
		grid-template-columns: 1fr;
	}

	.ddg-cta {
		padding: var(--ddg-sp-10) var(--ddg-sp-6);
	}

	.ddg-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ddg-cta__actions .ddg-btn {
		justify-content: center;
	}

	.ddg-footer__grid {
		grid-template-columns: 1fr;
		gap: var(--ddg-sp-8);
	}

	.ddg-footer__brand {
		grid-column: auto;
	}

	.ddg-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--ddg-sp-4);
	}

	.ddg-about-grid,
	.ddg-contact-split,
	.ddg-home-facts,
	.ddg-form-row {
		grid-template-columns: 1fr !important;
	}

	.ddg-services-tabs__nav {
		flex-direction: column !important;
	}

	.ddg-page-header__title {
		font-size: var(--ddg-text-3xl);
	}
}

/* ─── Mobile (≤ 480px) ──────────────────────────────────── */
@media (max-width: 480px) {

	.ddg-hero__trust {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--ddg-sp-3);
	}

	.ddg-trust-divider {
		display: none;
	}

	.ddg-section-header__title {
		font-size: var(--ddg-text-2xl);
	}

	.ddg-stat__value {
		font-size: var(--ddg-text-3xl);
	}

	.ddg-cta__title {
		font-size: var(--ddg-text-3xl);
	}

	.ddg-card {
		padding: var(--ddg-sp-6);
	}

	.ddg-footer__legal-links {
		flex-wrap: wrap;
		gap: var(--ddg-sp-3);
	}

	.ddg-prose h2 {
		font-size: var(--ddg-text-xl);
	}
}