/* Large Desktop
==================================================================================================== */
@media (min-width: 1280px) {
	

}

/*  Très Large Desktop
==================================================================================================== */
@media (min-width: 1480px) {


}


/*  #Mobile et tablette portrait
==================================================================================================== */

@media (max-width: 1025px) {

	/* En-tête mobile : logo à gauche, icônes compte/panier et bouton menu à droite.
	   Collé en haut au défilement (sticky) : la barre d'annonce reste visible et le contenu n'a plus besoin
	   d'un décalage fixe. */
	#mobile-header {
		position: sticky;
		top: 0;
		z-index: 99998;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		box-sizing: border-box;
		width: 100%;
		height: 90px;
		padding: 0 5px 0 20px;
		background: var(--wp--preset--color--gris);
	}
	#mobile-header #responsive-logo {
		position: static;
		width: auto;
		margin: 0;
		line-height: 0;
		flex: 0 1 auto;
		min-width: 0;
	}
	#mobile-header #responsive-logo img {
		height: 28px; /* logo horizontal 414×56 : environ 207px de large */
		width: auto;
		max-width: 100%;
	}
	#mobile-header .mobile-header-actions {
		display: flex;
		align-items: center;
		gap: 4px;
		flex: 0 0 auto;
	}
	#mobile-header ul.menu-cart {
		position: static;
		display: flex;
		align-items: center;
		gap: 2px;
		margin: 0;
		padding: 0;
	}
	#mobile-header ul.menu-cart li {
		padding: 0;
		line-height: 0;
	}
	#mobile-header ul.menu-cart li a {
		padding: 10px; /* zone tactile d'environ 42px */
	}
	#mobile-header ul.menu-cart li.panier a .cart-contents-count {
		top: 0;
		right: 0;
	}
	#mobile-header .hamburger {
		position: static;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		background: none;
		-webkit-appearance: none;
		appearance: none;
	}
	#mobile-header .hamburger-box {
		display: block;
		top: 0; /* centré par le bouton en flex, au lieu du décalage absolu du bureau */
		left: 0;
	}
	/* Panneau du menu : accroché juste sous l'en-tête (position absolue par rapport à l'en-tête sticky),
	   quel que soit le défilement ; il ne recouvre plus le logo ni les icônes. */
	#hambmenu {
		position: absolute;
		top: 100%;
		left: 0;
		height: calc(100vh - 90px);
	}
	header#header, .no-mobile {
		display: none;
	}
	#main {
		padding: 0;
	}

	/* GRILLE
	-------------------------------------------------------------- */

	.rangee {
		width: 90%!important;
	}
	.wp-block-group {
		width: 90% !important;
		max-width: 90% !important;
	}
	.fullwidth, .full {
		width: 100%!important;
		max-width: 100%!important;
	}
	.col5, .col15, .col10, .col20, .col30, .col40, .col48, .col50, .col60, .col70, .col80, .col90, .col25,.col33, .col45, .col55, .col75, .col65,.col66,.col35, section .col50.deux-tiers:first-of-type,section .col50.un-tiers:last-of-type,section .col50.deux-tiers:last-of-type, section .col50.un-tiers:first-of-type {
		flex-basis:100% !important;
		width: 100%!important;
	}
	.aucun-ecart{
		padding: 0px!important;
	}
	.padding {
		padding: 40px 0 !important;
	}
	.padding-bottom {
		padding-bottom: 40px !important;
	}
	.padding-top {
		padding-top: 40px !important;
	}
	footer#footer,  #credits p {
		text-align: center;
	}
	#credits p a {
		display: block;
		margin-right: 0px;
	}
}

/* #Mobile
==================================================================================================== */

@media (max-width: 767px) {
	#mobile-header {
		height: 70px;
		padding: 0 2px 0 15px;
	}
	#mobile-header #responsive-logo img {
		height: 22px; /* environ 163px de large */
	}
	#hambmenu {
		height: calc(100vh - 70px);
	}
	.rangee {
		width: 95%!important;
	}
	.wp-block-group {
		width: 95% !important;
		max-width: 95% !important;
	}
	.padding {
		padding: 30px 0 !important;
	}
	.padding-bottom {
		padding-bottom: 30px !important;
	}
	.padding-top {
		padding-top: 30px !important;
	}
	.only-mobile {
		display: block !important;
	}
	h1 {
		font-size: var(--wp--preset--font-size--big);
	}
	a.bloc-focus {
		height: 300px;
		aspect-ratio: initial;
	}
	span.titre-focus {
		padding: 30px;
	}
	span.titre-focus em {
		font-size: var(--wp--preset--font-size--large);
		line-height: 45px;
		font-weight: 700;
	}
}

/* Carrousel (widget) : flèches plus petites et ramenées dans le cadre sur mobile */
@media (max-width: 767px) {
	.widget-carousel .swiper-button-prev,
	.widget-carousel .swiper-button-next {
		width: 44px !important;
		height: 44px !important;
		background-size: 16px auto;
	}
	.widget-carousel .swiper-button-prev { left: 8px !important; }
	.widget-carousel .swiper-button-next { right: 8px !important; }
}