/*
Theme Name: Kadence Enfant
Description: Theme enfant de Kadence. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: kadence
Version: 1.0
*/
/* ============================================================
   Header style Equipo Home 4 (Enova), sans Elementor
   Couleurs : accent #ffb700 / bouton #f25c05 / texte #1c1c1e
   gris #616161 / bordures #e0e0e0
   ============================================================ */

body{
	font-family:'Inter',sans-serif;
}

/* Barre superieure jaune (dans la rangée haute du header) */
#enova-topbar{
	background:#ffb700;
	color:#000000;
	font-family:'Inter',sans-serif;
	font-size:13px;
	line-height:35px;
}
#enova-topbar .enova-topbar-inner{
	max-width:var(--global-content-width, 1470px);
	margin:0 auto;
	padding:0 var(--global-content-edge-padding, 1.5rem);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#enova-topbar a{ color:#000000; }
#enova-topbar .enova-sep{
	display:inline-block;
	width:1px;
	height:16px;
	background:#616161;
	margin:0 16px;
	vertical-align:middle;
}
#enova-topbar .enova-icon{ font-style:normal; }
@media (max-width: 767px){
	#enova-topbar{ line-height:1.8; padding:6px 0; }
	#enova-topbar .enova-topbar-inner{ display:block; text-align:center; }
	#enova-topbar .enova-sep{ display:none; }
}

/* Fond blanc du header (rangées main + bottom) */
#masthead .site-header-row-container-inner{
	background:#ffffff;
}
#masthead .site-bottom-header-wrap .site-header-row-container-inner{
	border-top:1px solid #e0e0e0;
}
.site-main-header-inner-wrap{
	min-height:50px;
}

/* Menu principal */
.main-navigation .menu-container,
.main-navigation ul.menu,
.main-navigation ul.menu > li > a{
	font-family:'Inter',sans-serif;
	font-size:16px;
	font-weight:500;
	line-height:2.5em;
	text-transform:none;
	letter-spacing:0;
}
.main-navigation ul.menu > li.menu-item{
	padding-left:0;
	padding-right:20px;
}
.main-navigation ul.menu > li.menu-item + li.menu-item{
	border-left:1px solid #e0e0e0;
	padding-left:20px;
}
.main-navigation ul.menu > li.menu-item > a{
	color:#1c1c1e;
}
.main-navigation ul.menu > li.menu-item > a:hover,
.main-navigation ul.menu > li.menu-item.current-menu-item > a,
.main-navigation ul.menu > li.menu-item.current_page_item > a,
.main-navigation ul.menu > li.menu-item.current_page_ancestor > a{
	color:#000000;
}

/* Sous-menus / dropdowns */
.main-navigation .sub-menu{
	background:#ffffff;
	border-radius:4px;
}
.main-navigation .sub-menu li.menu-item > a{
	font-family:'Inter',sans-serif;
	font-size:14px;
	font-weight:400;
	color:#1c1c1e;
	padding:12px 24px;
}
.main-navigation .sub-menu li.menu-item > a:hover{ color:#ffb700; }
/* --- Ligne du logo : recherche produit + Mon compte / Panier --- */
.site-header-row{ position:relative; }
.enova-headertools{
	display:flex;
	align-items:center;
	height:100%;
}
.enova-search-form{
	display:flex;
	align-items:center;
	background:#ffffff;
	border:1px solid #e0e0e0;
	border-radius:4px;
	overflow:hidden;
	width:430px;
	max-width:60vw;
	height:35px;
}
.enova-search-field{
	flex:1 1 auto;
	display:block;
	width:auto;
	border:0;
	background:transparent;
	font-family:'Inter',sans-serif;
	font-size:15px;
	color:#1c1c1e;
	padding:0 16px;
	outline:none;
	min-width:0;
}
.enova-search-field::placeholder{ color:#616161; }
.enova-search-submit{
	background:#f25c05;
	border:0;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:35px;
	flex:0 0 auto;
	transition:background .2s ease;
}
.enova-search-submit:hover{ background:#000000; }
.site-header-main-section-center{ position:relative; }
.enova-account-cart{
	display:flex;
	align-items:center;
	gap:26px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.enova-account-cart a{
	display:flex;
	align-items:center;
	gap:8px;
	font-family:'Inter',sans-serif;
	font-size:16px;
	font-weight:600;
	color:#1c1c1e;
	text-decoration:none;
	transition:color .2s ease;
}
.enova-account-cart a:hover{ color:#000000; }
.enova-cart-link{ position:relative; }
.enova-cart-count{
	background:#f25c05;
	color:#ffffff;
	font-family:'Inter',sans-serif;
	font-size:11px;
	font-weight:600;
	line-height:18px;
	min-width:18px;
	height:18px;
	padding:0 5px;
	border-radius:9px;
	text-align:center;
	cursor:pointer;
	position:absolute;
	top:-8px;
	right:-14px;
}
@media (max-width: 1200px){
	.enova-search-form{ width:320px; }
}
@media (max-width: 767px){
	.enova-headertools{ flex-wrap:wrap; gap:12px; }
	.enova-search-form{ width:100%; max-width:none; }
	.enova-account-cart{ position:relative; right:auto; top:auto; transform:none; justify-content:center; gap:18px; }
}
/* ======= CORRECTIFS : disposition recherche / Mon compte / Panier ======= */
/* Le bloc compte/panier doit s'ancrer a la LIGNE entière (droite), pas à la colonne centrale */
.site-header-main-section-center{ position:static !important; }
.site-header-row{ position:relative; }
.site-header-main-section-center .header-html-inner .enova-headertools{
	display:flex !important;
	flex-direction:row !important;
	flex-wrap:nowrap !important;
	align-items:center;
	height:100%;
}
.site-header-main-section-center .enova-search-wrap{ margin:0 auto; }
.site-header-main-section-center .header-html-inner .enova-account-cart{
	display:flex !important;
	flex-direction:row !important;
	align-items:center;
	gap:26px;
	position:absolute !important;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.site-header-main-section-center .enova-account-cart a{
	color:#1c1c1e !important;
	background:none !important;
	text-decoration:none !important;
	display:flex;
	align-items:center;
	gap:8px;
	font-family:'Inter',sans-serif;
	font-size:16px;
	font-weight:600;
}
.site-header-main-section-center .enova-account-cart a:hover{ color:#000000 !important; }
.enova-search-form{
	display:flex !important;
	flex-direction:row !important;
	background:#ffffff !important;
	border:1px solid #e0e0e0 !important;
	border-radius:4px;
	width:430px;
	max-width:60vw;
}
.enova-search-submit{
	background:#f25c05 !important;
	border:none !important;
	color:#ffffff !important;
}
.enova-search-submit:hover{ background:#000000 !important; }
.enova-search-field{
	color:#1c1c1e !important;
	border:none !important;
	background:transparent !important;
}
/* ======= Onglet categories dans la barre de recherche (gauche) ======= */
.enova-search-cat{
	flex:0 0 auto;
	position:relative;
	display:flex;
	align-items:center;
	background:#fafafa;
	border-right:1px solid #e0e0e0;
}
.enova-search-cat-select{
	display:block;
	min-width:150px;
	max-width:200px;
	height:35px;
	padding:0 30px 0 14px;
	border:0;
	background:transparent;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	font-family:'Inter',sans-serif;
	font-size:14px;
	font-weight:500;
	color:#1c1c1e;
	cursor:pointer;
	outline:none;
}
.enova-search-cat-chevron{
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	pointer-events:none;
}
@media (max-width: 767px){
	.enova-search-cat-select{ min-width:130px; max-width:160px; padding-right:26px; }
	.enova-search-cat-chevron{ right:9px; }
}
/* ======= Largeur adaptative de la barre de recherche (bureau) ======= */
.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto 1fr auto; }
.site-header-main-section-center{ width:100%; }
.site-header-main-section-center > .site-header-item{ width:100%; flex:1 1 auto; }
.site-header-main-section-center .enova-search-wrap{ width:100%; }
.site-header-main-section-center .enova-search-form{ width:100%; max-width:760px; margin:0 auto; }
@media (max-width: 1400px){
	.site-header-main-section-center .enova-search-form{ max-width:640px; }
}
@media (max-width: 1200px){
	.site-header-main-section-center .enova-search-form{ max-width:520px; }
}

/* ======= Recherche + categories + compte/panier sur mobile ======= */
.site-mobile-header-wrap .site-bottom-header-wrap,
.site-mobile-header-wrap .site-bottom-header-wrap .site-header-row-container-inner{
	background:#ffffff;
	border-bottom:1px solid #e0e0e0;
}
.site-mobile-header-wrap .enova-headertools{
	flex-direction:column !important;
	align-items:center;
	gap:12px;
	padding:10px 16px;
}
.site-mobile-header-wrap .enova-search-wrap{ width:100%; margin:0; }
.site-mobile-header-wrap .enova-search-form{ width:100%; max-width:100%; height:35px; }
.site-mobile-header-wrap .enova-account-cart{
	position:relative !important;
	right:auto;
	top:auto;
	transform:none;
	justify-content:center;
}
.site-mobile-header-wrap .enova-search-cat-select{ min-width:120px; max-width:150px; }
/* ======= Barre large : s'etend entre le logo et Mon compte ======= */
.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto 1fr 250px; }
.site-header-main-section-center .enova-search-form{ max-width:none; }
@media (max-width: 1400px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto 1fr 230px; }
}
@media (max-width: 1200px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto 1fr 200px; }
}
/* ======= SOLUTION ROBUSTE : barre entre logo et Mon compte ======= */
.site-main-header-inner-wrap.site-header-row-center-column{
	grid-template-columns:auto minmax(0,1fr) 250px !important;
}
.site-header-main-section-center{
	flex:1 1 auto !important;
	width:100% !important;
}
.site-header-main-section-center > .site-header-item{
	width:100% !important;
	flex:1 1 auto !important;
	min-width:0;
}
.site-header-main-section-center .header-html,
.site-header-main-section-center .header-html-inner{
	width:100% !important;
	min-width:0;
}
.site-header-main-section-center .enova-headertools{
	width:100% !important;
	min-width:0;
	justify-content:center;
}
.site-header-main-section-center .enova-search-wrap{
	width:100% !important;
	min-width:0;
	margin:0 !important;
}
.site-header-main-section-center .enova-search-form{
	width:100% !important;
	max-width:none !important;
	min-width:0;
}
@media (max-width: 1400px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 230px !important; }
}
@media (max-width: 1200px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 200px !important; }
}
/* ======= Marges symetriques autour de la barre ======= */
.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) auto !important; }
.site-header-main-section-center .enova-search-form{
	width:auto !important;
	max-width:none !important;
	margin-left:50px !important;
	margin-right:50px !important;
}
@media (max-width: 1400px){
	.site-header-main-section-center .enova-search-form{ margin-left:50px !important; margin-right:50px !important; }
}
@media (max-width: 1200px){
	.site-header-main-section-center .enova-search-form{ margin-left:50px !important; margin-right:50px !important; }
}
.site-mobile-header-wrap .enova-search-form{
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
}
/* ======= FINAL : 50px a gauche, reserve à droite pour Mon compte/Panier ======= */
.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 280px !important; }
.site-header-main-section-center .enova-search-form{
	width:auto !important;
	max-width:none !important;
	margin-left:50px !important;
	margin-right:0 !important;
}
@media (max-width: 1400px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 300px !important; }
	.site-header-main-section-center .enova-search-form{ margin-left:50px !important; margin-right:0 !important; }
}
@media (max-width: 1200px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 230px !important; }
	.site-header-main-section-center .enova-search-form{ margin-left:50px !important; margin-right:0 !important; }
}
.site-mobile-header-wrap .enova-search-form{
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
}
/* ======= Separateur fin entre onglets ======= */
.main-navigation ul.menu > li.menu-item + li.menu-item{
	border-left:0 !important;
	position:relative;
}
.main-navigation ul.menu > li.menu-item + li.menu-item::before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:16px;
	background-color:#e0e0e0;
}

/* ======= Bouton Contactez-nous compact ======= */
#masthead .header-button{
	padding:7px 20px !important;
	font-size:14px !important;
	font-weight:600;
	line-height:1;
	letter-spacing:0;
	text-transform:none;
}

/* ======= Archintext : layout final calque testdemessites (conteneur 1470px) ======= */
@media (min-width: 1281px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 300px !important; }
	.site-header-main-section-center .enova-headertools{ justify-content:center !important; }
	.site-header-main-section-center .enova-search-wrap{ width:100% !important; margin:0 !important; }
	.site-header-main-section-center .enova-search-form{
		width:auto !important;
		max-width:none !important;
		margin-left:50px !important;
		margin-right:0 !important;
	}
}
@media (min-width: 1025px) and (max-width: 1280px){
	.site-main-header-inner-wrap.site-header-row-center-column{ grid-template-columns:auto minmax(0,1fr) 300px !important; }
	.site-header-main-section-center .enova-headertools{ justify-content:center !important; }
	.site-header-main-section-center .enova-search-wrap{ width:100% !important; margin:0 !important; }
	.site-header-main-section-center .enova-search-form{
		width:auto !important;
		max-width:680px !important;
		margin-left:50px !important;
		margin-right:auto !important;
	}
}

/* Enova topbar (class based, desktop + mobile) */
.enova-topbar{
	background:#ffb700;
	color:#000000;
	font-family:'Inter',sans-serif;
	font-size:13px;
	line-height:35px;
}
.enova-topbar .enova-topbar-inner{
	max-width:var(--global-content-width, 1470px);
	margin:0 auto;
	padding:0 var(--global-content-edge-padding, 1.5rem);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.enova-topbar a{ color:#000000; }
.enova-topbar .enova-sep{
	display:inline-block;
	width:1px;
	height:16px;
	background:#616161;
	margin:0 16px;
	vertical-align:middle;
}
.enova-topbar .enova-icon{ font-style:normal; }
@media (max-width: 767px){
	.enova-topbar{ line-height:1.8; padding:6px 0; }
	.enova-topbar .enova-topbar-inner{ display:block; text-align:center; }
	.enova-topbar .enova-sep{ display:none; }
}

/* ============================================================
   ENOVA MINI-CART BUTTONS FIX
   Le CSS custom Kadence (Additional CSS) masque tous les .wc-forward
   du mini-panier avec display:none!important. Comme WooCommerce ajoute
   wc-forward aux deux boutons (Voir le panier ET Commander), ils
   disparaissent. On restaure leur affichage dans le volet panier.
   ============================================================ */
.kadence-mini-cart-refresh .woocommerce-mini-cart__buttons .wc-forward,
#cart-drawer .woocommerce-mini-cart__buttons .wc-forward {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: all !important;
	height: auto !important;
	width: auto !important;
	overflow: visible !important;
	position: static !important;
	z-index: auto !important;
}

/* ============================================================
   ENOVA CART DRAWER FONT FIX
   Sur archintext.fr, le volet panier utilise la police du Customizer
   (--global-body-font-family = Roboto). Sur archintext.com, le theme
   enfant force body{font-family:'Inter'} sur tout le site : Inter a une
   hauteur d'x plus grande, donc le nom de l'article et la ligne
   "Sous-total" paraissent plus gros que sur .fr.
   On aligne uniquement le tiroir sur la police du site.
   ============================================================ */
#cart-drawer{
	font-family: var(--global-body-font-family);
}

/* ============================================================
   Tiroir panier : ouverture plus en douceur (duree passee de .3s
   a .45s). Scope #cart-drawer uniquement (recherche + menu mobile
   conservent l'animation native Kadence).
   ============================================================ */
#cart-drawer .drawer-inner{
	transition:transform .45s cubic-bezier(0.77,0.2,0.05,1),opacity .3s cubic-bezier(0.77,0.2,0.05,1);
}
#cart-drawer .drawer-overlay{
	transition:opacity .35s ease-in-out;
}
#cart-drawer.popup-drawer{
	transition:opacity .45s ease-in,left 0s .45s,right 0s .45s;
}
#cart-drawer.popup-drawer.active{
	transition:opacity .45s ease-out;
}

/* ============================================================
   Tiroir panier : boutons "Continuer mes achats" et "Voir le
   panier" cote a cote sur la meme ligne (gauche / droite).
   ============================================================ */
#cart-drawer .woocommerce-mini-cart__buttons.buttons{
	flex-direction:row;
	flex-wrap:wrap;
	gap:.5em;
}
#cart-drawer .woocommerce-mini-cart__buttons.buttons .button{
	flex:1 1 auto;
	min-width:0;
	margin:0;
	white-space:nowrap;
}

/* ============================================================
   Tiroir panier : boutons fixes en bas du volet, bande gris clair
   pleine largeur (fonds gris sur les marges externes comprises),
   reste du volet en blanc. Les articles defilent au-dessus.
   ============================================================ */
#cart-drawer .drawer-content{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	min-height:0;
	overflow-y:auto;
	padding-bottom:0;
}
#cart-drawer .mini-cart-container{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	min-height:0;
}
#cart-drawer .kadence-mini-cart-refresh{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	min-height:0;
}
#cart-drawer .woocommerce-mini-cart__buttons.buttons{
	flex:0 0 auto;
	margin-top:auto;
	margin-left:-1.5em;
	margin-right:-1.5em;
	margin-bottom:0;
	padding:1em 1.5em;
	background:#f2f2f2;
}

/* ============================================================
   Tiroir panier : bouton "Continuer mes achats" en orange auto
   signature #F25C05 (remplace le jaune #FAEB65 d'origine).
   ============================================================ */
#cart-drawer .woocommerce-mini-cart__buttons .button.checkout.enova-close-cart{
	background:#FFB700 !important;
	color:#000000 !important;
}
#cart-drawer .woocommerce-mini-cart__buttons .button.checkout.enova-close-cart:hover,
#cart-drawer .woocommerce-mini-cart__buttons .button.checkout.enova-close-cart:focus{
	background:#e6a500 !important;
	color:#000000 !important;
}

/* ============================================================
   Tiroir panier : les deux boutons du bas ("Continuer mes
   achats" et "Voir le panier") en police Inter et texte noir
   #000000.
   ============================================================ */
#cart-drawer .woocommerce-mini-cart__buttons .button{
	font-family:'Inter',sans-serif !important;
	color:#000000 !important;
}
#cart-drawer .woocommerce-mini-cart__buttons .button:hover,
#cart-drawer .woocommerce-mini-cart__buttons .button:focus{
	color:#000000 !important;
}

/* ============================================================
   Tiroir panier : typographie alignee sur Inter pour le contenu
   (nom produit, prix + quantite, Sous-total, montant).
   ============================================================ */
#cart-drawer .woocommerce-mini-cart-item a:not(.remove){
	font-family:'Inter',sans-serif !important;
	font-size:12px !important;
	font-weight:500 !important;
	color:#000000 !important;
}
#cart-drawer .woocommerce-mini-cart-item .quantity{
	font-family:'Inter',sans-serif !important;
	font-size:11.9px !important;
	font-weight:400 !important;
	color:#718096 !important;
}
#cart-drawer .woocommerce-mini-cart__total strong{
	font-family:'Inter',sans-serif !important;
	font-size:17px !important;
	font-weight:700 !important;
	color:#000000 !important;
}
#cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount{
	font-family:'Inter',sans-serif !important;
	font-size:17px !important;
	font-weight:500 !important;
	color:#000000 !important;
}

/* ============================================================
   Tiroir panier : croix de suppression (a.remove) en noir
   #000000 au lieu du rouge; survol : fond noir, croix blanche.
   ============================================================ */
#cart-drawer .woocommerce-mini-cart-item a.remove{
	color:#000000 !important;
}
#cart-drawer .woocommerce-mini-cart-item a.remove:hover,
#cart-drawer .woocommerce-mini-cart-item a.remove:focus{
	color:#ffffff !important;
	background-color:#000000 !important;
}

/* ============================================================
   Page Panier (/panier/) : croix de suppression du tableau en
   noir #000000 au lieu du rouge; survol : fond noir, croix
   blanche. Scope body.woocommerce-cart .product-remove.
   ============================================================ */
body.woocommerce-cart .cart .product-remove a.remove{
	color:#000000 !important;
}
body.woocommerce-cart .cart .product-remove a.remove:hover,
body.woocommerce-cart .cart .product-remove a.remove:focus{
	color:#ffffff !important;
	background-color:#000000 !important;
}

/* ============================================================
   Page Panier (/panier/) : contour des images produit (colonne
   product-thumbnail) ne 1px solid #e0e0e0, identique a celui
   de la barre de recherche (.enova-search-form).
   ============================================================ */
body.woocommerce-cart table.cart .product-thumbnail img{
	border:1px solid #e0e0e0 !important;
}

/* ============================================================
   Tiroir panier : contour des images produit ne 1px solid
   #e0e0e0, identique a celui de la barre de recherche
   (.enova-search-form).
   ============================================================ */
#cart-drawer .woocommerce-mini-cart-item img{
	border:1px solid #e0e0e0 !important;
	width:80px !important;
	height:80px !important;
}

/* ============================================================
   Tiroir panier : l'entete du titre "Apercu du panier" reprend le
   conteneur de la bande des boutons : fond gris clair #f2f2f2,
   meme padding (1em 1.5em), pleine largeur.
   ============================================================ */
#cart-drawer .drawer-header{
	background:#f2f2f2;
	padding:1em 1.5em;
	align-items:center;
}
#masthead .site-bottom-header-wrap .site-header-row-container-inner{border-bottom:1px solid #e0e0e0;height:50px;}
#masthead .site-bottom-header-wrap .site-header-row{height:50px;min-height:50px;align-items:center;}
#masthead .site-bottom-header-wrap .main-navigation .menu > li > a,
#masthead .site-bottom-header-wrap .main-navigation nav ul li a,
#masthead .site-bottom-header-wrap .site-header-section .menu a{font-size:16px !important;font-family:'Inter',sans-serif !important;font-weight:500 !important;letter-spacing:normal !important;}
#masthead .site-top-header-wrap .enova-account-link,
#masthead .site-top-header-wrap .enova-cart-link,
#masthead .site-header-top-wrap .enova-account-link,
#masthead .site-header-top-wrap .enova-cart-link,
#masthead .site-header-main-section-left .enova-account-link,
#masthead .site-header-main-section-left .enova-cart-link,
#masthead .site-header-main-section-center .enova-account-link,
#masthead .site-header-main-section-center .enova-cart-link{font-size:14px !important;font-family:'Inter',sans-serif !important;font-weight:600 !important;letter-spacing:normal !important;}
#masthead .enova-search-form{flex:0 1 auto !important;width:851px !important;max-width:100% !important;min-height:40px !important;margin-left:80px !important;margin-right:0 !important;}
#masthead .enova-search-field{font-size:16px !important;font-family:'Inter',sans-serif !important;letter-spacing:normal !important;}
#masthead .enova-search-cat-select,
#masthead .enova-search-cat{font-size:12px !important;font-family:'Inter',sans-serif !important;letter-spacing:normal !important;}

/* ============================================================
   Search bar : bottom row mobile / tablette
   ============================================================ */
#masthead #mobile-header .site-bottom-header-wrap,
#masthead #mobile-header .site-bottom-header-wrap .site-header-row-container-inner{
	background:#ffffff;
	border-top:0 !important;
	border-bottom:0 !important;
	box-shadow:none !important;
}
html.enova-scrolled #masthead #mobile-header .site-bottom-header-wrap,
html.enova-scrolled #masthead #mobile-header .site-bottom-header-wrap .site-header-row-container-inner{
	border-top:0 !important;
	border-bottom:0 !important;
	box-shadow:none !important;
}
#masthead #mobile-header .site-bottom-header-wrap .site-header-row,
#masthead #mobile-header .site-bottom-header-wrap .site-header-bottom-section-center,
#masthead #mobile-header .site-bottom-header-wrap .site-header-item,
#masthead #mobile-header .site-bottom-header-wrap .mobile-html,
#masthead #mobile-header .site-bottom-header-wrap .mobile-html-inner,
#masthead #mobile-header .site-bottom-header-wrap .enova-headertools,
#masthead #mobile-header .site-bottom-header-wrap .enova-search-wrap{
	width:100% !important;
	min-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
#masthead #mobile-header .site-bottom-header-wrap .enova-search-form{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	box-sizing:border-box !important;
	width:100% !important;
	max-width:720px !important;
	min-width:0 !important;
	margin:0 auto !important;
	height:auto !important;
	min-height:40px !important;
	padding:0 !important;
}
#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat{
	flex:0 1 auto !important;
	min-width:0 !important;
	max-width:46% !important;
	display:flex;
	align-items:center;
	position:relative;
}
#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat-select{
	width:100% !important;
	min-width:0 !important;
	max-width:100% !important;
	flex:0 1 auto;
}
#masthead #mobile-header .site-bottom-header-wrap .enova-search-field{
	flex:1 1 0 !important;
	min-width:0 !important;
	width:auto !important;
}
#masthead #mobile-header .site-bottom-header-wrap .enova-search-submit{
	flex:0 0 auto !important;
	width:44px !important;
	min-height:0 !important;
}
/* Plage smartphone : la barre suit la largeur de l'ecran (max-width:100%) */
@media (max-width:767px){
	#masthead #mobile-header .site-bottom-header-wrap .site-header-row,
	#masthead #mobile-header .site-bottom-header-wrap .site-header-bottom-section-center{ padding:8px 6px; }
	/* 401 a 767 : le theme remet la gouttiere a 24px, on la ramene a 14px */
	#masthead #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container{
		padding-left:14px !important;
		padding-right:14px !important;
	}
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-form{ max-width:100% !important; }
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat{ max-width:42% !important; }
}

/* Plage tablette (768 a 1024) : la barre s'elargit progressivement */
@media (min-width:768px) and (max-width:1024px){
	#masthead #mobile-header .site-bottom-header-wrap .site-header-row,
	#masthead #mobile-header .site-bottom-header-wrap .site-header-bottom-section-center{ padding:8px 20px; }
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-form{ max-width:100% !important; }
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat{ max-width:32% !important; }
}
@media (max-width:400px){
	/* logo + hamburger : etat valide en 320/360px (8px de chaque cote) */
	/* logo 8px (4+4) ; menu 6px (3+3) */
	#masthead #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container{
		padding-left:4px !important;
		padding-right:3px !important;
	}
	#masthead #mobile-header .site-main-header-inner-wrap{
		padding-left:4px !important;
		padding-right:3px !important;
	}
	/* gouttiere de la barre de recherche inchangee (14px) */
	#masthead #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container{
		padding-left:14px !important;
		padding-right:14px !important;
	}
#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat{ max-width:44% !important; }
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat-select{
		padding:0 22px 0 10px !important;
		font-size:13px !important;
	}
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat-chevron{ right:7px; }
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-field{ padding:0 10px !important; font-size:15px !important; }
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-submit{ width:40px !important; }
}

/* Logo + hamburger : plage smartphone large (401 a 767px). Le theme les colle aux bords (padding 0), on les rentre de 5px de chaque cote. */
@media (min-width:401px) and (max-width:767px){
	#masthead #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container{
		padding-left:5px !important;
		padding-right:5px !important;
	}
	/* le logo s'ecarte de 3px supplementaires du bord gauche : 5px + 3px = 8px */
	#masthead #mobile-header .site-main-header-wrap .site-header-main-section-left{
		margin-left:3px !important;
	}
}

/* Logo + hamburger : tablette (768 a 1024px). Le theme les colle aux bords (padding 0), on les rentre de 16px de chaque cote (menu), 18px pour le logo. */
@media (min-width:768px) and (max-width:1024px){
	#masthead #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container{
		padding-left:16px !important;
		padding-right:16px !important;
	}
	/* le logo s'ecarte de 2px de plus que le menu : 16px + 2px = 18px */
	#masthead #mobile-header .site-main-header-wrap .site-header-main-section-left{
		margin-left:2px !important;
	}
}

/* ============================================================
   Equidistance de la barre entre le logo et Mon compte
   Plage 1030 a 1445px (petits portables et bas de plage).
   Regle isolee : ne modifie rien ailleurs, facile a retirer.
   ============================================================ */
/* ============================================================
   Equidistance de la barre entre le logo et Mon compte
   Plage 1026 a 1445px.

   Mon compte / Panier est en position:absolute (right:0) : il est
   retire du flux et se cale sur le bord droit de la colonne. Les
   marges du formulaire ne deplacent donc rien vers lui ; c'est la
   largeur de la colonne de droite qui fixe l'ecart.
   ============================================================ */
@media (min-width:1026px) and (max-width:1445px){
	.site-main-header-inner-wrap.site-header-row-center-column{
		grid-template-columns:auto minmax(0,1fr) 240px !important;
	}
	.site-header-main-section-center .enova-search-wrap{
		width:100% !important;
		min-width:0 !important;
		margin:0 !important;
		padding:0 !important;
		display:block !important;
	}
	/* #masthead est indispensable : sans lui, la specificite 1-1-0 de
	   #masthead .enova-search-form (851px) l'emporte et la barre garde
	   une largeur fixe qui deborde sur la colonne de droite. */
	#masthead .site-header-main-section-center .enova-search-form{
		flex:1 1 auto !important;
		width:auto !important;
		max-width:none !important;
		min-width:0 !important;
		margin-left:50px !important;
		margin-right:50px !important;
	}
}

/* ============================================================
   320 a 1024px : l'onglet Categories (Toutes les categories)
   est retire pour aerer la barre de recherche.
   Le select reste dans le DOM : product_cat vaut __all__, donc
   la recherche se fait sans filtre de categorie.
   Le prefixe #masthead #mobile-header est requis pour passer
   devant display:flex des regles mobiles existantes.
   ============================================================ */
@media (max-width:1024px){
	#masthead #mobile-header .site-bottom-header-wrap .enova-search-cat{
		display:none !important;
	}
	.site-mobile-header-wrap .enova-search-cat{
		display:none !important;
	}
}

/* ============================================================
   320 a 1024px : ligne fine sous la barre de recherche,
   meme couleur que les bordures du header desktop (#e0e0e0).
   Les deux etats (normal et sticky) doivent etre couverts,
   car border-bottom:0 !important existe pour chacun.
   Identique en specificite, donc ecrit apres pour l'emporter.
   ============================================================ */
@media (max-width:1024px){
	#masthead #mobile-header .site-bottom-header-wrap{
		border-bottom:1px solid #e0e0e0 !important;
	}
	html.enova-scrolled #masthead #mobile-header .site-bottom-header-wrap{
		border-bottom:1px solid #e0e0e0 !important;
	}
}

/* ============================================================
   320 a 1024px : ligne a 18px sous la barre.
   Le conteneur interne a une hauteur fixe 50px qui mange les
   paddings : on la libere (height:auto). On pousse ensuite la
   rangee de 10px vers le bas avec margin-bottom : la barre ne
   bouge pas (aucun padding sur elle), et la ligne portee par
   .site-bottom-header-wrap descend a 8 + 10 = 18px.
   ============================================================ */
@media (max-width:1024px){
	#masthead #mobile-header .site-bottom-header-wrap .site-header-row-container-inner{
		height:auto !important;
	}
	#masthead #mobile-header .site-bottom-header-wrap .site-header-row{
		margin-bottom:10px !important;
	}
}

/* ============================================================
   Logo et hamburger descendent de 5px dans le header mobile.
   transform:translateY n'affecte ni le flux ni la hauteur :
   les autres elements de l'entete restent immobiles.
   ============================================================ */
@media (max-width:1024px){
	#masthead #mobile-header .site-branding{
		transform:translateY(5px);
	}
	#masthead #mobile-header .menu-toggle-open{
		transform:translateY(5px);
	}
}

/* ============================================================
   Icone Mon compte placee a gauche du hamburger (header mobile).
   Meme translation verticale de 5px que le hamburger pour rester
   aligne, et rien d'autre ne bouge.
   ============================================================ */
#masthead #mobile-header .site-header-main-section-right .enova-mobile-account-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 6px;
	color:#1c1c1e;
	text-decoration:none;
	transform:translateY(5px);
}
#masthead #mobile-header .site-header-main-section-right .enova-mobile-account-link svg{
	display:block;
}

/* ============================================================
   Icone Panier placee entre Mon compte et le hamburger (mobile).
   Meme alignement vertical des icones et meme jauge que le compte.
   ============================================================ */
#masthead #mobile-header .site-header-main-section-right .enova-mobile-cart-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 3px;
	color:#1c1c1e;
	text-decoration:none;
	transform:translateY(5px);
}
#masthead #mobile-header .site-header-main-section-right .enova-mobile-cart-link svg{
	display:block;
}
#masthead #mobile-header .site-header-main-section-right .enova-mobile-cart-count{
	font-size:9px;
	line-height:1;
	font-weight:700;
	color:#1c1c1e;
	margin-left:2px;
}