/* ==========================================================
   BDEE — RESPONSIVE
   ========================================================== */

/* Navigation desktop — conserver les liens sur une seule ligne */
@media (min-width: 922px) {
	.main-header-menu > .menu-item > .menu-link {
		margin: 1rem;
	}
}

/* Écrans intermédiaires — max-width: 1100px */
@media (max-width: 1100px) {
	.bdee-card-grid,
	.bdee-project-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bdee-team-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bdee-hero h1 {
		font-size: clamp(2.5rem, 4.8vw, 4rem);
	}
}

/* Tablette et mobile — max-width: 921px */
@media (max-width: 921px) {
	h1 ,.bdee-hero h1 {
		font-size: 50px;
	}
	.bdee-hero .bdee-water-mark {
		display: none;
	}

	h2, .entry-content h2, .bdee-heading h2,
	h2.bdee-title, .bdee-split h2 {
		font-size: 40px;
	}
	#masthead .ast-menu-toggle {
		padding: 0;
		background: transparent;
		height: max-content;
		line-height: 1;
		top: .7lh;
	}
	#masthead .ast-arrow-svg {
		margin: 0;
	}
	#masthead .sub-menu {
		background: transparent!important;
	}
	/* menu toggle */
	#masthead .menu-toggle {
		--btn-color : #fff;
		position: relative;
		transform: translateY(-10px);
	}
	#masthead .menu-toggle:focus {
		border: none!important;
		outline: none!important;
	}
	#masthead .menu-toggle svg {
		fill: var(--btn-color);
		scale: 1.5;
	}
	#masthead .menu-toggle::after {
		position: absolute;
		content: "MENU";
		font-size: 1rem;
		width: max-content;
		height: 1lh;
		text-transform: uppercase;
		color: var(--btn-color);
		bottom: 0px;
		left: 50%;
		transform: translate(-50%, 50%);
		pointer-events: none;
	}
	#masthead .menu-toggle.toggled::after {
		content: "FERMER";
	}
	#masthead .main-header-menu {
		padding: 20px;
		width: 100%;
		max-width: 350px;
		margin: auto;
		gap: 0;
		background-color: transparent!important;
	}
	#masthead .main-header-menu li a.menu-link {
		padding: 10px 0;
		margin: 0;
		background-color: transparent!important;
		color: var(--black);
		text-align: center;
		line-height: 1;
	}
	#masthead .main-header-menu li:first-child a.menu-link::before {
		display: block;
	}
	#masthead .ast-mobile-header-content {
		display: block!important;
		transition: all .3s ease-out;
		border-radius: 0 0 10px 10px;
		box-shadow: 0px 20px 18px 0px #00000050;
	}
	.ast-header-break-point .ast-primary-header-bar {
		border: none!important;
	}
	body:not(.ast-main-header-nav-open) #masthead .ast-mobile-header-content {
		opacity: 0;
		pointer-events: none;
		transform: translateY(-50px);
	}
	.site-primary-header-wrap {
		min-height: 84px;
	}

	.bdee-hero > .wp-block-columns {
		min-height: 0;
	}
	.bdee-hero__media {
		padding: 0 20px;
	}

	.bdee-hero__media .wp-block-image img {
		aspect-ratio: 4 / 3;
		height: auto;
	}

	.bdee-hero__content {
		padding: 3.5rem var(--bdee-gutter) 5rem !important;
	}

	.bdee-water-mark {
		bottom: -3.25rem;
		left: 50%;
		width: 10rem;
		transform: translateX(-50%);
	}

	.bdee-split {
		gap: 2.5rem;
	}

	.bdee-split .wp-block-image img {
		min-height: 300px;
	}

	.bdee-feature-card {
		margin-inline-start: 0;
	}

	.bdee-features,
	.bdee-card-grid,
	.bdee-project-grid,
	.bdee-team-grid {
		grid-template-columns: 1fr;
	}

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

	.bdee-isotope-grid .bdee-card {
		width: 48%;
		margin: 1%;
	}
	.bdee-cta {
		padding: 8rem var(--bdee-gutter) 3rem;
		text-align: center;
	}

	.bdee-cta .bdee-water-mark {
		top: 1.5rem;
		left: 50%;
		width: 8rem;
		transform: translateX(-50%);
	}

	.bdee-expertise-slider__prev,
	.bdee-expertise-slider__next {
		top: 0;
		left: auto;
	}

	.bdee-expertise-slider__prev {
		right: 4.5rem;
	}

	.bdee-expertise-slider__next {
		right: 4.5rem;
	}
	.bdee-card-grid:not(.bdee-isotope-grid) {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.bdee-project-grid:not(.bdee-isotope-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Mobile — max-width: 544px */
@media (max-width: 544px) {
	.no-mobile {
		display: none!important;
	}
	.no-mobile-margin {
		margin: 0!important;
	}
	.no-mobile-padding {
		padding: 0!important;
	}
	body .is-mobile-justify-center {
		justify-content: center;
	}
	.bdee-features {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.bdee-project-grid:not(.bdee-isotope-grid) {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.wpcf7-form .cf7-row {
		grid-template-columns: 1fr;
	}
	.bdee-hero__content {
		padding-top: 0!important;
	}
	.bdee-section {
		padding-inline: 1.15rem;
	}
	.bdee-expertise-slider__prev {
		right: 52%;
	}
	.bdee-expertise-slider {
		margin-top: 40px;
		padding-top: 40px;
	}
	.bdee-expertise-slider__next {
		right: 48%;
	}

	.bdee-hero h1 {
		font-size: clamp(2.25rem, 11vw, 3.25rem);
	}

	.bdee-team-grid {
		grid-template-columns: 1fr;
	}

	.bdee-card .wp-block-image img {
		height: 220px;
	}
	.bdee-isotope-grid .bdee-card {
		width: 98%;
		margin: 1%;
	}
}