/*
 Theme Name:     RPSBOXE
 Description:    Made by Elipte with <3
 Author:         Elipte Sarl
 Author URI:     https://elipte.com/
 Template:       Divi
 Version:        1.0.0
*/

/* -------------------------------------------------------------------------------------------------------- */
/* @GLOBAL                                                                                                  */
/* -------------------------------------------------------------------------------------------------------- */
html, body {
	overflow-x: hidden;
}

img {
	-webkit-user-drag: none; /* Chrome, Safari */
	-khtml-user-drag: none;  /* Konqueror */
	-moz-user-drag: none;    /* Firefox (ancien) */
	-o-user-drag: none;      /* Opera (ancien) */
	user-drag: none;         /* standard (pas encore largement supporté) */
}

#page-container {
	overflow-x: hidden;
}

/* -------------------------------------------------------------------------------------------------------- */
/* @HEADER                                                                                                  */
/* -------------------------------------------------------------------------------------------------------- */

/* ---------------- MENU FULLWIDTH EN DESKTOP (VERSION FLEX-GROW) ---------------- */
@media (min-width: 981px) {

	/* 1) Forcer la section/row du menu en fullwidth */
	.et_pb_section.et_pb_section--with-menu,
	.et_pb_row.et_pb_row--with-menu {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 2) Convertir UNIQUEMENT le menu principal en flexbox */
	.et_pb_menu__menu>nav>ul.et-menu {
		display: flex !important;
		justify-content: center !important;
		padding: 0 !important;
		margin: 0 auto !important;
	}

	/* 3) Éléments du PREMIER niveau */
	.et_pb_menu__menu>nav>ul.et-menu>li {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-grow: 1;
		min-width: 100px;
		white-space: nowrap !important;
		position: relative;
		/* Important pour les sous-menus absolus */
	}

	/* 4) Liens du premier niveau */
	.et_pb_menu__menu>nav>ul.et-menu>li>a {
		display: block !important;
		text-align: center !important;
	}

	/* 5) Sous-menus : revenir au style vertical classique */
	.et_pb_menu__menu .sub-menu {
		left: 0;
		width: auto;
		min-width: 340px !important;
		display: block;
		background-color: white  !important;
		z-index: 10;
		/*top: 86px !important;*/
	}

	.et-menu li li a {
		width: 300px !important;
	}

	.et_pb_menu__menu .sub-menu li {
		display: block !important;
		white-space: normal !important;
	}

	.et_pb_menu__menu .sub-menu li a {
		display: block !important;
		padding: 5px 0px  !important;
		text-align: left;
		font-size: 20px !important;
	}

	/* 6) Icônes panier + recherche */
	a.et_pb_menu__icon.et_pb_menu__cart-button {
		position: absolute;
		top: -36px;
		right: 67px;
	}

	button.et_pb_menu__icon.et_pb_menu__search-button {
		position: absolute;
		top: -36px;
		right: 20px;
	}

	.et-menu .menu-item-has-children>a:first-child:after {
		display: none;
	}

	.et-menu .menu-item-has-children>a:first-child {
		padding-right: 0;
	}
	.nav li ul {
		border-top: 2px solid #0072ff;
	}
}

@media (max-width: 980px) {
	ul#mobile_menu2 {
		margin-top: 11px;
		padding: 0;
	}

	.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu {
		padding: 0 !important;
	}

	/* On s'assure que le lien parent est positionné en relative */
	.et_mobile_menu .menu-item-has-children>a {
		position: relative;
		background-color: #fff;
	}

	.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
		background-color: #fff !important;
	}

	/* Cache les sous-menus par défaut */
	.et_mobile_menu .menu-item-has-children>.sub-menu {
		display: none !important;
	}

	/* Affiche le sous-menu quand l'élément parent a la classe active */
	.et_mobile_menu .menu-item-has-children.active>.sub-menu {
		display: block !important;
	}

	/* La flèche est maintenant placée dans le lien */
	.et_mobile_menu .menu-item-has-children>a .submenu-toggle {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 18px;
		padding: 5px;
		line-height: 1;
		cursor: pointer;
		user-select: none;
		z-index: 10;
	}

	/* Rotation de la flèche quand le sous-menu est ouvert */
	.et_mobile_menu .menu-item-has-children.active>a .submenu-toggle {
		transform: translateY(-50%) rotate(180deg);
	}
	.et_mobile_menu {
		border-top: 2px solid #0072ff !important;
	}
}



.et_pb_menu__logo img {
	height: 53px !important;
	object-fit: contain;
}

@media (max-width: 981px) {
	.et_pb_menu__logo img {
		width: 120px;
	}
}

span.et_pb_menu__cart-count {
	text-transform: uppercase;
}

/* Ajoute une icône à gauche du lien "Voir tous les gants" */
.menu-icon-b {
    padding-left: 15px !important;
}

.menu-icon-b > a::before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    vertical-align: middle;
}

.menu-icon-b a {
    /* font-weight: bold; */
}

.m-gants-de-boxe > a::before {
    background-image: url(/wp-content/uploads/2025/05/nobg_ico_1-1.png);
}

.m-protections > a::before {
    background-image: url(/wp-content/uploads/2025/05/7-mai-2025-11_33_41-1.png);
}

.m-frappe > a::before {
    background-image: url(/wp-content/uploads/2025/05/nobg_ico_3-1.png);
}

.m-textile > a::before {
    background-image: url(/wp-content/uploads/2025/05/nobg_ico_4-1.png);
}

.m-arts-martiaux > a::before {
    background-image: url(/wp-content/uploads/2025/05/7-mai-2025-11_33_42-1.png);
}

.m-salle > a::before {
    background-image: url(/wp-content/uploads/2025/05/nobg_ico_5-1.png);
}

.m-accessoires > a::before {
    background-image: url(/wp-content/uploads/2025/05/nobg_ico_6-1.png);
}

/* -------------------------------------------------------------------------------------------------------- */
/* @HOME                                                                                                  */
/* -------------------------------------------------------------------------------------------------------- */