/* LARGEUR CONTAINERS */
#category section#wrapper .container,
#cms section#wrapper .container,
#authentication section#wrapper .container,
#my-account section#wrapper .container {
	width:1200px;
	padding: 0;
}

/* ARRIERE PLAN GLOBAL */
main section#wrapper {
	background: #fff;
}

/* MENU NAVIGATION HEADER */
#header nav.elementor-nav-menu .elementor-nav li.menu-item a.elementor-item {
	text-transform: capitalize;
}
.elementor-6170201 .elementor-element.elementor-element-54d5c01 {
	z-index: 1;
}
li.menu-item-type-account.menu-item-has-children ul.sub-menu.elementor-nav--dropdown {
	background: #F2F2F2;
	z-index: 2;
	border: 1px solid #23398C;
}

/* RECHERCHE AJAX */
#header form.elementor-search .elementor-search__container {
	background: #23398C;
	color: #fff;
}
#header form.elementor-search .elementor-search__container .elementor-search__label {
	color: #fff;
}
#header form.elementor-search .elementor-search__container input {
	font-size: 24px;
	color: #fff;
}

/* PANIER AJAX */
.elementor-cart__container .elementor-cart__main {
	width: 420px;
	max-width: 100%;
	padding: 0;
}
.elementor-cart--shown .elementor-cart__main .elementor-cart__title {
	background: #23398C;
	color: #fff;
	line-height: 45px;
	min-height: auto;
	margin: 0 0 15px;
}
.elementor-cart--shown .elementor-cart__main .screen-reader-text {
	color: #fff;
	position: relative;
	top: auto;
	padding: 0 0 0 15px;
}
.elementor-cart--shown .elementor-cart__main .elementor-cart__close-button {
	margin: 10px 10px 0;
	color: #fff !important;
}
.elementor-cart--shown .elementor-cart__main .elementor-cart__products {
	padding: 0 15px;
}
.elementor-cart--shown .elementor-cart__main .elementor-cart__summary {
	padding: 0 15px;
}
.elementor-cart--shown .elementor-cart__main footer.elementor-cart__footer-buttons {
	padding: 20px 15px;
}
.elementor-cart--shown .elementor-cart__main footer.elementor-cart__footer-buttons .elementor-align-justify a {
	background: #23398C;
}

/* FICHE PRODUIT */
.elementor-widget-ps-widget-module .elementor-widget-container #medInterest {
	text-align: left;
}
#frontInterestedForm .form-group {
	margin-bottom: 0;
}
#frontInterestedForm .form-group label#label_math_captcha {
	margin: 20px 0;
}

/* PAGE CONTACT */
#contact .container {
	width: 1200px;
	padding: 0;
}
#contact .container #left-column.col-md-3 {
	width: 33.33%;
	padding-left: 0;
}
#contact .left-column.col-md-9 {
	width: 66.66%;
	padding-right: 0;
}
#contact .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1200px;
}
#contact .elementor-3170201 .elementor-element.elementor-element-5873148 {
	margin-top: auto;
	margin-bottom: auto;
	padding: initial;
}
#contact .btn-primary {
	background-color: #23398C;
}
#contact label.btn.btn-default {
	background-color: #23398C;
	height: 45px;
	line-height: 1;
	display: flex;
	align-items: center;
	margin-left: 10px;
}

/* COMPTE */
#authentication footer.form-footer button#submit-login {
	background-color: #23398C;
}
#my-account footer.page-footer {
	margin: 0 0 50px;
}
#my-account footer.page-footer .text-sm-center a {
	background-color: #23398C;
	padding: 10px 30px;
	margin: 0 0 30px;
	text-transform: uppercase;
	color: #fff;
}
#identity form#customer-form button.btn-primary {
	background-color: #23398C;
}

/* SIMPLE BLOG HOMEPAGE */
#ets_blog_page #wrapper .container {
	width: 1200px;
	padding: 0;
}
#ets_blog_page #wrapper .ets_blog_content div#left-column + div#content-wrapper {
	padding-left: 0;
	padding-right: 0;
}
#ets_blog_page #wrapper .ets_blog_content #left-column {
	padding-left: 0;
}
#ets_blog_page #wrapper .ets_blog_content .ets_blog_layout_grid ul.ets-blog-list {
	display: block;
}
#ets_blog_page #wrapper .ets_blog_layout_grid .ets-blog-list > li {
	width: 33%;
	display: inline-block !important;
	float: initial;
}
#ets_blog_page #wrapper .ets-blog-wrapper-content-main a.read_more {
	background: #214b95;
	color: #fff;
	font-style: normal;
	padding: 10px 15px 8px;
	line-height: 1;
	border-radius: 5px;
}
#ets_blog_page #wrapper .ets-blog-categories {
	float: left;
	margin-right: 0;
}
#ets_blog_page #wrapper .ets-blog-sidear-post-meta {
	display: block;
}
#ets_blog_page #wrapper .ets-blog-sidear-post-meta span.be-label {
	display: none;
}

/* 1. On cache le conteneur pour faire disparaître la virgule en texte brut */
#ets_blog_page #wrapper .ets-blog-categories {
    font-size: 0 !important;
    color: transparent !important;
}

/* 2. On réaffiche les liens avec un espace très réduit à droite */
#ets_blog_page #wrapper .ets-blog-categories a {
    font-size: 13px !important; /* Ajustez la taille selon vos besoins */
    display: inline-block;
    margin-right: 4px; /* Espace réduit avant le slash */
}

/* 3. On ajoute le slash "/" comme nouveau séparateur serré */
#ets_blog_page #wrapper .ets-blog-categories a:not(:last-child)::after {
    content: "/"; /* Remplace le point par un slash */
    margin-left: 4px; /* Espace réduit après le nom de la catégorie */
    color: #999; /* Couleur grise pour le slash (modifiable) */
}


/* --- TRONCATURE UNIQUEMENT SUR LA PAGE DE LISTE (ACCUEIL BLOG) --- */

/* On force le ciblage sur la liste d'articles (.ets_blog_layout_list) pour le titre */
#ets_blog_page #wrapper .ets_blog_layout_list a.ets_title_block {
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em;
	max-height: 3em;
}

/* On force le ciblage sur la liste d'articles (.ets_blog_layout_list) pour la description */
#ets_blog_page #wrapper .ets_blog_layout_list .blog_description {
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em;
	max-height: 6em; /* 1.5em x 4 lignes = 6em pour une coupure propre */
}

/* --- SÉCURITÉ POUR L'ARTICLE SEUL --- */
/* On s'assure que sur la page de l'article seul, le texte s'affiche normalement à 100% */
#ets_blog_page #wrapper .ets_blog_detail .blog_description {
	display: block !important;
	-webkit-line-clamp: unset !important;
	max-height: none !important;
	overflow: visible !important;
}

/* COULEURS BOUTONS ET LIENS DIVERS */
#cart .product-line-grid-body .price {
	color: #16239E;
}
#cart .checkout a.btn {
	background: #16239E;
}
#cart #promo-code-button a {
	color: #16239E;
}
#cart #promo-code button.btn {
	background: #16239E;
	border: none;
}
#cart .promo-code-button a.collapse-button {
	color: #16239E;
}
#cart .promo-code a.collapse-button {
	color: #16239E;
}
#checkout section.checkout-step .address-item.selected {
	border: 3px solid #16239E !important;
}
#checkout a {
	color: #16239E;
}
#checkout button.btn {
	background: #16239E;
	border: none;
}