/*
 * DR1.FR Child — Responsive CSS
 * Breakpoints tablette et mobile pour header, grilles, CTA et blocs.
 */

@media (max-width: 980px) {
	.dr1-section {
		padding: var(--dr1-space-xl) 0;
	}

	.dr1-site-header__inner {
		min-height: 76px;
		gap: var(--dr1-space-md);
	}

	.dr1-menu-toggle {
		display: inline-flex;
		flex-shrink: 0;
	}

	.dr1-primary-navigation {
		position: absolute;
		top: calc(100% + 0.75rem);
		left: 1rem;
		right: 1rem;
		margin-left: 0;
		padding: 1rem;
		border: 1px solid rgba(26, 26, 46, 0.1);
		border-radius: var(--dr1-radius-lg);
		background: rgba(255, 255, 255, 0.98);
		box-shadow: var(--dr1-shadow-soft);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-6px);
		transition: opacity var(--dr1-transition), transform var(--dr1-transition), visibility var(--dr1-transition);
	}

	.dr1-site-header.is-menu-open .dr1-primary-navigation {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	.dr1-site-header.is-menu-open .dr1-menu-toggle__line:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}

	.dr1-site-header.is-menu-open .dr1-menu-toggle__line:nth-child(2) {
		opacity: 0;
	}

	.dr1-site-header.is-menu-open .dr1-menu-toggle__line:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}

	.dr1-primary-navigation ul {
		flex-direction: column;
		align-items: stretch;
		gap: 0.25rem;
	}

	.dr1-primary-navigation a {
		justify-content: flex-start;
		padding: 0.85rem 1rem;
		border-radius: 14px;
	}

	.dr1-grid-influencers {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dr1-site-footer__inner {
		grid-template-columns: 1fr 1fr;
	}

	.dr1-site-footer__meta {
		grid-column: 1 / -1;
		text-align: left;
	}

	.dr1-hero-premium,
	.dr1-section-benefits,
	.dr1-block-audit,
	.dr1-block-ethics,
	.dr1-card-case-study {
		padding: clamp(1.5rem, 4vw, 2.25rem);
	}
}

@media (max-width: 767px) {
	.dr1-container {
		width: min(100% - 1.25rem, var(--dr1-container));
	}

	.dr1-section,
	.dr1-page-content {
		padding-top: var(--dr1-space-lg);
		padding-bottom: var(--dr1-space-xl);
	}

	.dr1-site-header__inner {
		min-height: 72px;
	}

	.dr1-site-branding__title {
		font-size: 1.1rem;
	}

	.dr1-site-branding__tagline {
		display: none;
	}

	.dr1-grid-influencers,
	.dr1-grid {
		grid-template-columns: 1fr;
	}

	.dr1-site-footer {
		padding-top: var(--dr1-space-xl);
	}

	.dr1-site-footer__inner {
		grid-template-columns: 1fr;
		gap: var(--dr1-space-lg);
	}

	.dr1-site-footer__meta {
		text-align: left;
	}

	.dr1-cta-primary,
	.dr1-cta-secondary,
	.et_pb_button.dr1-cta-primary,
	.et_pb_button.dr1-cta-secondary {
		width: 100%;
	}

	.dr1-grid-influencers .dr1-influencer-avatar img,
	.dr1-grid-influencers .dr1-influencer-avatar {
		aspect-ratio: 16 / 18;
	}

	.dr1-list-publications .dr1-publication-title,
	.dr1-grid-influencers .dr1-influencer-name {
		font-size: 1.2rem;
	}
}