/** LISTE DE CAT2GORIES POUR LE M2GA MENU **/


/* Style pour le conteneur principal des catégories */
.product-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Style pour les catégories parentes */
.category-parent {
    margin-bottom: 20px;
    width: calc(10% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-1 {
	width: calc(100% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-2 {
	width: calc(50% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-3 {
	width: calc(33.33% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-4 {
	width: calc(25% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-5 {
	width: calc(20% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-6 {
	width: calc(16.66% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-7 {
	width: calc(14.28% - 6px); /* Ajuster la largeur des catégories parentes */
}

.category-parent-8 {
	width: calc(12.5% - 6px); /* Ajuster la largeur des catégories parentes */
}


/* Style pour les liens des catégories parentes */
.category-parent a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

/* Style pour la liste des catégories enfants */
.category-children {
    margin-top: 10px;
}

/* Style pour les liens des catégories enfants */
.category-children li {
    list-style-type: none;
    margin-left: 20px;
padding-bottom: 5px;
line-height: 1em;

}

.category-children li a {
    color: #666;
    text-decoration: none;
	font-weight: 400;
}

/* Style pour les liens des catégories enfants au survol */
.category-children li a:hover {
    color: #ff2a65;
    text-decoration: underline;
}

/* Media queries pour rendre le widget responsive */
@media screen and (max-width: 768px) {
    .category-parent {
        width: 48%; /* Ajustement de la largeur pour deux colonnes sur des écrans de taille moyenne */
    }
}

@media screen and (max-width: 576px) {
    .category-parent {
        width: 100%; /* Ajustement de la largeur pour une seule colonne sur de petits écrans */
    }
}

.custom-btn .ajax_add_to_cart,
.custom-btn .add_to_cart_button,
.custom-btn .single_add_to_cart_button,
.custom-btn .woocommerce-button,
.custom-btn .button {
    background-color: #ea2f8a !important;
    border-radius: 50px !important;
    border: 8px solid #ea2f8a !important;
    color: #ffffff !important;
    display: inline-block !important;
    font-family: Barlow !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

.custom-btn .ajax_add_to_cart::after,
.custom-btn .add_to_cart_button::after,
.custom-btn .single_add_to_cart_button ::after,
.custom-btn .woocommerce-button::after,
.custom-btn .button::after {
    font-size: 14px !important;
    line-height: 1.6em !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
}
/**
.bg-pink .ajax_add_to_cart,
.bg-pink .add_to_cart_button,
.bg-pink .single_add_to_cart_button,
.bg-pink .woocommerce-button,
.bg-pink .button {
	background-color: #ffffff !important;
	color: #ea2f8a !important;
}
**/
.woocommerce-info {
	background-color: #ea2f8a !important;
}

/* Registration form */
.custom-registration-form {
	width: 100%;
	border: 2px solid #ea2f8a;
	text-align: left;
	padding: 25px;
	color: #ea2f8a;
}

.custom-registration-form .password-field {
    position: relative;
}

.custom-registration-form .password-field input[type="password"],
.custom-registration-form .password-field input[type="text"] {
    width: 100%;
    padding-right: 40px; /* Espace pour l'icône */
}

.custom-registration-form .toggle-password {
    position: absolute;
    right: 10px; /* Positionne l'icône à l'intérieur du champ */
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666; /* Couleur de l'icône */
}


.custom-registration-form .login-title {
	color: #ea2f8a;
	font-size: 26px;
	line-height: 1em;
	padding-bottom: 25px;
	font-weight: 500;
}

.custom-registration-form .login-error {
    color: red;
    margin-bottom: 10px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid red;
}

.custom-registration-form input[type="text"],
.custom-registration-form input[type="password"],
.custom-registration-form input[type="email"],
.custom-registration-form input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	padding: 14px 4% !important;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	width: 100%;
	font-weight: 400;
    border: 1px solid #ea2f8a;
	border-radius: 3px;
}

.custom-registration-form .button-primary {
	margin-top: 25px;
	color: #ffffff !important;
    border-width: 0 !important;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase !important;
    background-color: #ea2f8a !important;
    cursor: pointer;
}

.custom-registration-form .button-primary:hover {
	background-color: #ea2f8a !important;
}

/* Login form */

.custom-login-form {
	width: 100%;
	background-color: #ea2f8a;
	text-align: left;
	padding: 25px;
	color: #ffffff;
}

.custom-login-form .login-title {
	color: #ffffff;
	font-size: 26px;
	line-height: 1em;
	padding-bottom: 25px;
	font-weight: 500;
	
}

.custom-login-form .login-error {
    color: red;
    margin-bottom: 10px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid red;
}

.custom-login-form input[type="text"],
.custom-login-form input[type="password"],
.custom-login-form input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	padding: 14px 4% !important;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	width: 100%;
	font-weight: 400;
	border-width: 0;
	border-radius: 3px;
}

.custom-login-form .button-primary {
    color: #EA2F8A !important;
    border-width: 0 !important;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase !important;
    background-color: #FFFFFF;
    cursor: pointer;
}

.custom-login-form .button-primary:hover {
	background-color: #FFFFFF !important;
}

.custom-login-form .forgot-password {
	padding-top: 25px;
}

.custom-login-form .forgot-password a {
	color: #ffffff;
	text-decoration: underline;
}


/** Liste des catégories du menu **/

.tab-container {
    position: relative;
    display: flex;
}

.tab-list {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    flex: 3;
}

.tab-item {
    padding: 10px;
    cursor: pointer;
    color: #ffffff;
}

.tab-item:hover {
    background-color: rgba(255,255,255, 0.25);
}

.tab-item:hover::after {
	content: ">";
	margin-left: 20px;
}

.tab-children {
    display: none;
    flex: 7;
    padding: 10px;
}

.tab-children ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    column-count: 3;
}

.tab-children ul li {
    padding: 5px;
    color: #ffffff;
}

.mega-menu-item .woocommerce-product-search {
	display: flex;
}

.mega-menu-item .search-field {
	flex: 4;
	background-color: rgba(255, 255, 255, 0.25);
	font-size: 14px;
	line-height: 14px;
	padding: 3px 10px;
	border: 0 solid #EA2F8A;
	color: #ffffff;
}

.mega-menu-item button {
	flex: 1;
	background-color: #ffffff;
	/**color: #0c71c3;**/
	cursor: pointer;
	border: 0 solid #ffffff;
}

.mega-menu-item button:hover {
	background-color: #eeeeee;
}

@media (max-width: 768px) {
    .tab-container {
        flex-direction: column;
    }

    .tab-list, .tab-children {
        max-width: 100%;
        width: 100%;
    }

    .tab-children {
        position: relative; /* Make it stack below the parent list */
        left: 0;
        top: 0;
        margin-top: 10px;
    }
}

/** Pagination **/
ul.page-numbers {
	border: 1px solid #EA2F8A !important;
}

.page-numbers .current {
	color: #ffffff !important;
	background-color: #EA2F8A !important;
}