/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 31 2026 | 22:15:27 */
/**********************************************/
/*        LOC-51 — FIGMA PERFECT FINAL        */
/**********************************************/

/* FILTER BOX MAIN WRAPPER */
.catalog-filter.popup .catalog-filter-title{
	border-bottom: 0 !important;
}

.catalog-filter.popup .filter-items .filter-item label{
	margin-top: 0 !important;
}

.filter-toggle-top-loc51 {
    width: 100%;
    background: transparent;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
    font-family: 'Ubuntu', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #141B34;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-wrapper-loc51 {
    width: 100%;
    max-width: clamp(360px, 42vw, 480px);
    margin-top: 15px;
}

@media (max-width: 768px) {
    .sidebar-wrapper-loc51 {
        max-width: 100%;
    }
}

/**********************************************/
/*            SECTION WRAPPERS                */
/**********************************************/

.catalog-filter-items-item,
.yith-wcan-filter {
    background: transparent !important;
    border-bottom: 1px solid #E9EEF5 !important;
    padding: 0 0 12px 0 !important;
    margin-bottom: 14px !important;
}

.catalog-filter.popup .catalog-filter-header {
	background-color: transparent !important;
	padding: 20px 20px 0;
}

.catalog-filter.popup .catalog-filter-header-close:after, .catalog-filter.popup .catalog-filter-header-close:before {
	background-color: black !important;
}

@media(max-width: 768px){
	.catalog-filter.popup .catalog-filter-title{
		display: block !important;
		padding: 10px 0 5px;
	}
	
	.catalog-filter.popup .catalog-filter-title h5{
		padding: 0;
		font-size: 20px;
		font-weight: bold;
	}
	
	.catalog-filter.popup .catalog-filter-items{
		padding: 10px;
	}
}

.catalog-filter-items-item:last-child,
.yith-wcan-filter:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/**********************************************/
/*                 TITRES                     */
/**********************************************/

.catalog-filter-items-item-title,
.filter-title,
.filter-title-loc51,
.yith-wcan-title {
    font-family: 'Ubuntu', 'Ubuntu Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #113571;
    margin: 0 !important;
    padding: 0 !important;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-bottom: 6px !important;
    cursor: pointer;
    text-transform: uppercase;
}

/**********************************************/
/*                 ARROWS                     */
/**********************************************/

.catalog-filter-items-item-title::after,
.filter-title::after,
.filter-title-loc51::after,
.yith-wcan-title::after {
    content: "";
    width: 11px;
    height: 7px;
    transition: .25s ease;
    margin-left: 8px;
}

.catalog-filter-items-item-title.collapsed::after,
.filter-title.collapsed::after,
.filter-title-loc51.collapsed::after,
.yith-wcan-title.collapsed::after {
    transform: rotate(45deg);
}

.catalog-filter-items-item-title:after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M0.899902 5.27295L4.8999 1.27295L8.8999 5.27295' stroke='%23113571' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.catalog-filter-items-item-title.collapsed:after {
	transform: rotate(180deg);
}

@media(min-width: 768px){
	.products__items .product-component{
		max-width: calc(19.66667% - 10px);
	}
}

/**********************************************/
/*            COLLAPSE CONTENT                */
/**********************************************/

.catalog-filter-items-item ul,
.filter-content,
.filter-content-loc51,
.catalog-filter-items-item form,
.range-wrap {
    margin: 0 !important;
    padding: 0 !important;
    max-height: 100%;
    overflow: hidden;
    transition: max-height .18s ease;
}

.show {
}

.catalog-filter-items-item ul{
	gap: 10px 0 !important;
}

.catalog-filter-items-item ul.show,
.filter-content.show,
.filter-content-loc51.show,
.catalog-filter-items-item form.show,
.range-wrap.show {
    padding: 6px 0 0 0 !important;
}

/**********************************************/
/*                 LISTS                      */
/**********************************************/

.catalog-filter-items-item li,
.filter-item,
.yith-wcan-filter li,
.yith-wcan-list li {
    padding: 0px 0 !important;
    margin: 0 !important;
}

.product-categories li,
.woocommerce-widget-layered-nav-list li,
.filter-items li,
.yith-wcan-filter li,
.yith-wcan-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-widget-layered-nav-list li, 
.filter-item.checkbox{
	padding-left: 14px !important;
}

.filter-items .filter-item.checkbox label{
	margin-bottom: 0 !important;
}

.catalog-filter-items-item .filter-item.checkbox a{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.product-categories li > a,
.woocommerce-widget-layered-nav-list li > a,
.filter-items li > a,
.yith-wcan-filter li > a,
.yith-wcan-list li > a {
    flex: 1 1 auto;
    font-family: 'Ubuntu Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.product-categories li > a {
    padding-left: 14px;
    color: #000 !important;
    font-weight: 500 !important;
}

.woocommerce-widget-layered-nav-list .count,
.yith-wcan-filter .yith-wcan-count,
.item-count {
    color: #0D1E46;
    font-weight: 400;
    font-size: 14px;
    margin-left: 8px;
}

.catalog-filter-items-item a,
.filter-item a,
.yith-wcan-filter li > a,
.yith-wcan-list li > a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1D273B !important;
    text-decoration: none !important;
}

.catalog-filter-items-item .count{
	font-size: 14px;
	font-weight: 300;
}

.product-component__price, .product-component__request{
	font-size: 16px;
	font-weight: 500;
}

.product-component__name h4{
	font-weight: 300;
}

.product-component__flags-item{
	font-size: 13px;
}

/**********************************************/
/*                PRICE RANGE                 */
/**********************************************/

.range-value {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.range-wrap {
    margin: 10px 0 !important;
}

/**********************************************/
/*                 BUTTON                     */
/**********************************************/

.btn-green {
    width: 100% !important;
    height: 42px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    margin-top: 12px !important;
}
.category-intro__banner-btn{
	font-weight: 500 !important;
}
.category-intro__banner-btn:hover {
	background-color: var(--blue);
	color: #fff;
}

.category-intro__banner.bottom{
	gap: 0px 30px !important;
}

@media(max-width: 768px){
	.category-intro__banner.bottom{
		gap: 10px 30px !important;
	}
}

/* éléments المخفيين من بعد Voir plus */
.loc51-hidden-item {
    display: none;
}

/* Bouton Voir plus / Voir moins */
.loc51-see-more {
    border: none;
    background: transparent;
    color: #8FA1B8;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 15px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    width: 100%;
}
.loc51-see-more:hover {
    text-decoration: underline;
}

.loc51-see-more::after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: .25s ease;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    transform-origin: 50% 50%;
}

.loc51-see-more.expanded::after {
    transform: rotate(-135deg);
}

.loc51-clear-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #696969 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    width: 100%;
    font-family: 'Inter';
}


.loc51-clear-filters::after {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.75 9.75L14.25 17.25' stroke='%23696969' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.53939 17.1914L6.61523 20.1156' stroke='%23696969' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.91439 14.5664L3.99023 17.4906' stroke='%23696969' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7619 8.64397L17.909 2.90894C18.1179 2.69981 18.3659 2.53389 18.639 2.42066C18.912 2.30743 19.2047 2.24911 19.5003 2.24902C19.7958 2.24894 20.0885 2.3071 20.3616 2.42017C20.6347 2.53325 20.8829 2.69903 21.0919 2.90803C21.3009 3.11704 21.4667 3.36518 21.5798 3.63828C21.6928 3.91138 21.751 4.20408 21.7509 4.49966C21.7508 4.79525 21.6925 5.08791 21.5793 5.36095C21.466 5.63398 21.3001 5.88203 21.091 6.09092L15.356 11.238C15.2801 11.3061 15.219 11.3889 15.1762 11.4814C15.1334 11.5738 15.1099 11.6741 15.1072 11.7759C15.1044 11.8778 15.1225 11.9792 15.1602 12.0738C15.1979 12.1685 15.2545 12.2545 15.3266 12.3265L16.1893 13.1893C16.3286 13.3286 16.4391 13.4939 16.5145 13.6759C16.5899 13.8579 16.6287 14.0529 16.6287 14.2499C16.6287 14.4469 16.5899 14.642 16.5145 14.824C16.4391 15.0059 16.3286 15.1713 16.1893 15.3106L9 22.4999L1.5 14.9999L8.68934 7.81059C8.82863 7.6713 8.99399 7.56081 9.17598 7.48543C9.35796 7.41005 9.55302 7.37125 9.75 7.37125C9.94698 7.37125 10.142 7.41005 10.324 7.48543C10.506 7.56081 10.6714 7.6713 10.8107 7.81059L11.6734 8.67335C11.7455 8.7454 11.8315 8.80202 11.9261 8.83974C12.0208 8.87746 12.1221 8.8955 12.224 8.89275C12.3259 8.89 12.4261 8.86652 12.5186 8.82375C12.6111 8.78097 12.6939 8.7198 12.7619 8.64397Z' stroke='%23696969' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");


    background-repeat: no-repeat;
    background-size: 25px 25px;
}

.filter-box-loc51 input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #1D4591;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    box-sizing: border-box;
    flex: 0 0 20px;
    min-width: 20px;
    min-height: 20px;
}

.yith-wcan-filter li > a,
.woocommerce-widget-layered-nav-list li > a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.yith-wcan-filter li > a::before,
.woocommerce-widget-layered-nav-list li > a::before,
.catalog-filter .yith-wcan-filters .filter-items .filter-item.checkbox label a::before{
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #1D4591;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    flex: 0 0 20px;
    min-width: 20px;
    min-height: 20px;
}

.yith-wcan-filter li.selected > a::before,
.yith-wcan-filter li.chosen > a::before,
.yith-wcan-filter a.yith-wcan-selected::before,
.woocommerce-widget-layered-nav-list li.chosen > a::before,
.yith-wcan-filter li.loc51-selected > a::before,
.woocommerce-widget-layered-nav-list li.loc51-selected > a::before,
.yith-wcan-list li.loc51-selected > a::before,
.yith-wcan-filter li.loc51-selected-pending > a::before,
.woocommerce-widget-layered-nav-list li.loc51-selected-pending > a::before,
.yith-wcan-list li.loc51-selected-pending > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.2 2.2L10 2.9' fill='none' stroke='%231D4591' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.yith-wcan-filter li.chosen > a[data-loc51-unselected="1"]::before,
.woocommerce-widget-layered-nav-list li.chosen > a[data-loc51-unselected="1"]::before,
.yith-wcan-list a.yith-wcan-selected[data-loc51-unselected="1"]::before {
    background-image: none;
}

.filter-box-loc51 input[type="checkbox"]:checked {
    background-color: transparent;
    border-color: #1D4591;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.2 2.2L10 2.9' fill='none' stroke='%231D4591' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.filter-box-loc51 input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(29,69,145,0.15);
}

.filter-items label span {
    color: #000;
    font-weight: 600;
    flex: 1 1 auto;
}

.filter-items label {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    cursor: pointer;
}

.range-container {
  width: 100%;
  position: relative;
  font-family: Arial, sans-serif;
	margin: 30px 0;
}

/* Valeurs */
.range-values {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 16px;
}

.catalog-filter-items-item-title ~ div {
    display: block;
}

/* 2. When the title has the .collapsed class, hide the div */
.catalog-filter-items-item-title.collapsed ~ div {
    display: none;
}

/* Track */
.slider {
  height: 6px;
  background: #e0e0e0;
  border-radius: 10px;
  position: relative;
}

.slider .progress {
  position: absolute;
  height: 100%;
  background: #00a878;
  border-radius: 10px;
  left: 0;
  right: 0;
}

/* Range inputs superposés */
input[type="range"] {
  position: absolute;
  width: 100%;
  height: 6px;
  top: 32px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
}

/* Thumb */
input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 2px solid #1e4fd7;
  border-radius: 50%;
  cursor: pointer;
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 2px solid #1e4fd7;
  border-radius: 50%;
  cursor: pointer;
}


/* Hide Voir plus when section header is collapsed or list not shown */
.catalog-filter-items-item-title.collapsed ~ .loc51-see-more { display: none; }
.filter-title-loc51.collapsed ~ .loc51-see-more { display: none; }
.catalog-filter-items-item ul:not(.show) ~ .loc51-see-more { display: none; }
.yith-wcan-filter ul:not(.show) ~ .loc51-see-more { display: none; }

/* Prevent initial flash: show only first 3 items until expanded */
/* disabled initial hide for lists to remove Voir plus behavior */
/* Initial hide beyond 4 to prevent flash before JS attaches */
.product-categories li:nth-child(n+5),
.filter-items li:nth-child(n+5),
.woocommerce-widget-layered-nav-list li:nth-child(n+5),
.yith-wcan-filter ul li:nth-child(n+5),
.yith-wcan-list li:nth-child(n+5) { display: none; }
.catalog-filter-items-item-title .loc51-see-more,
.filter-title-loc51 .loc51-see-more,
.yith-wcan-title .loc51-see-more {
    margin-left: auto;
    padding: 0;
    width: auto;
}
.catalog-filter-items-item-title.collapsed .loc51-see-more,
.filter-title-loc51.collapsed .loc51-see-more,
.yith-wcan-title.collapsed .loc51-see-more { display: none; }
.yith-wcan-filter li > a .yith-wcan-count,
.yith-wcan-list li > a .yith-wcan-count { margin-left: auto; }

.loc51-products-overlay { position: absolute; inset: 0; background: rgba(255,255,255,0.65); display: flex; align-items: center; justify-content: center; z-index: 10; }
.loc51-spinner { width: 28px; height: 28px; border-radius: 50%; border: 3px solid rgba(13,30,70,0.2); border-top-color: #1D4591; animation: loc51spin .8s linear infinite; }
@keyframes loc51spin { to { transform: rotate(360deg); } }
.catalog-count{
	font-size: 20px;
	font-weight: 300;
}

.category-intro__banner{
	padding: 30px 35px !important;
}

.category-intro__btn{
	color: #0d1e46;
}
.btn-filtre-popup {
	display: block;
	margin: 20px auto 0;
	background: #203362;
	color: #ffff;
	font-weight: 500;
	font-size: 20px;
	line-height: 21px;
	text-align: center;
	text-transform: capitalize;
	border-radius: 19px;
	padding: 10px 20px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.btn-filtre-popup:hover {
	background: #1a2850;
	opacity: 0.9;
}

.btn-filtre-popup:active {
	opacity: 0.7;
}

.catalog-nav-secondary-display{
	border: 0px;
}

.catalog-nav-secondary-display button {
	border-radius: 3px;
    border: 1px solid #B8C7CF;
}

.catalog-nav-secondary-display button:first-child{
	margin-right: 5px;
}

.catalog-nav-secondary-display button:after{
	display: none;
}


.catalog-filter.popup .loc51-clear-wrapper{
	padding: 10px 0;
}

@media(min-width: 768px){
.filter-box-loc51 {
    background: #fff;
    padding: 18px 20px !important;
    border-radius: 10px;
    border: 2px solid #E9EEF5;
    box-shadow: 0 8px 18px rgba(20, 27, 52, 0.075);
    margin-top: 22px !important;
    overflow: hidden;
}	
}