:root {
  --radius-xl: 40px;
  --radius-l: 18px;
  --radius-m: 12px;
  --radius-s: 8px;

  --primary: #ED1C24;
  --black: #231F20;
  --white: #ffffff;
  --background: #fafafb;
  --grey: #e8e8e8;

  --margin-bw-sections: 96px;
}

/*---------------- ------------Layout/général */
/*Annulation des animations*/
.wow {
    animation-name: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation-duration: 0s !important;
}
.tvcmscustomer-services.wow {
    animation-name: none !important;
    visibility: visible !important;

    /* État initial des cartes enfants */
    & .tvservices-center {
        opacity: 0;
        transform: translateY(8px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

    /* Quand WOW.js active le parent au scroll */
    &[style*="visibility: visible"] {
        & .tvservices-center {
            opacity: 1;
            transform: translateY(0);

            /* Délais de cascade */
            &:nth-child(1) { transition-delay: 0.1s; }
            &:nth-child(2) { transition-delay: 0.2s; }
            &:nth-child(3) { transition-delay: 0.3s; }
            &:nth-child(4) { transition-delay: 0.4s; }
        }
    }
}
.tvcmsadvance-block.wow {
    animation-name: none !important;
    visibility: visible !important;

    /* Préparation des éléments internes */
    & .tvcmsadvance-block-content,
    & .tvadv-block-img {
        opacity: 0;
        transform: translateY(15px);
        transition: opacity 0.6s cubic-bezier(0.215, 0.610, 0.355, 1),
                    transform 0.6s cubic-bezier(0.215, 0.610, 0.355, 1);
    }

    /* Déclenchement au scroll */
    &[style*="visibility: visible"] {
        & .tvcmsadvance-block-content,
        & .tvadv-block-img {
            opacity: 1;
            transform: translateY(0);
        }

        /* Gestion des délais spécifiques */
        & .tvcmsadvance-block-content { transition-delay: 0.1s; }
        & .tvadv-block-img { transition-delay: 0.25s; }
    }
}

body .full-wrapper-backdrop{
  z-index: 501;
}

span,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6{
  letter-spacing: -1%;
}

.label, label{
  font-family: inherit!important;
}

.tv-main-div{
  overflow: unset;
}

#left-column,
.block-categories{
  display: none;
}
/*---------------- Fin Layout/général */


/* ---------------- COMPOSANTS*/
/*Scrollbar*/
*{
  scrollbar-width: auto;
  scrollbar-color: auto;
}
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.28);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
  box-shadow: none;
  -webkit-box-shadow: none;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.38);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}

#header{ 
  & .tv-contact-account-cart-wrapper,
  & .tvcms-header-logo-wrapper{
    width: fit-content;
    min-width: 208px;
  }

  & .tvcmsheader-search{
    width: 100%;
    margin: 0 20px;
  }

  & .tv-contact-account-cart-wrapper{
    margin-left: auto;
  }

  & .tvsearch-header-display-wrappper form{
    border: none;

    & .tvheader-top-search-wrapper-info-box{
      border-radius: var(--radius-s) 0 0 var(--radius-s);
      border: 2px solid rgba(0, 0, 0, 0.07);
      overflow: hidden;
    }

    & .tvheader-top-search-wrapper{
      background-color: var(--primary);
      margin-left: -1px;
      border-radius: 0 var(--radius-s) var(--radius-s) 0;

      & button{
        & svg path {
          fill: var(--white)!important;
        }
      }
    }
  }

  & .tvcms-header-menu-offer-wrapper{
    background-color: white;

    & .menu-content{
      & > li {
        & span{
          color: var(--black);
        }
      }
    }
  }

  & #adtm_menu{
    z-index: 500;
    
    & #menu{
      justify-content: space-between;
    }

    & .li-niveau1 .adtm_sub_open,
    & .li-niveau1 {
      & span{
        font-weight: 500;
      }

      & .advtm_menu_actif{
        position: relative;

        &::after{
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 4px;
          background-color: var(--primary);
          border-radius: 2px;
        }

        & .advtm_menu_span{
          background-color: unset;
          color: var(--primary);
        }
      }
    }

    & ul.adtm_elements{
      padding-left: 12px;
    }
  }

  & #tvcmsdesktop-logo{
    & img{
      height: 80px;
    }
  }

  & #tvcms-mobile-view-header .tvcmsheader-sticky{
    z-index: 200;
  }
}

/*Sidebar des filtres*/
.catalog-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 36px;
  align-items: flex-start;
  transition: grid-template-columns .45s cubic-bezier(.4,0,.2,1);

  &.is-sidebar-collapsed {
    grid-template-columns: 0 minmax(0, 1fr);
    gap: 0;

    .catalog-sidebar {
      max-width: 0;
      opacity: 0;
      transform: translateX(-30px);
      pointer-events: none;
      border-width: 0;
    }

    .tvclose-btn-filter-panel {
      appearance: none;
      -webkit-appearance: none;

      border: 0;
      background: transparent;
      color: inherit;

      font: inherit;
      text-decoration: none;

      -webkit-tap-highlight-color: transparent;

      i,
      span {
        color: inherit;
      }
        
      .material-icons {
        transform: rotate(180deg);
      }

      span::after {
        content: "Afficher";
      }
    }
  }
  

  & .catalog-sidebar {
    width: 100%;
    max-width: 280px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: var(--radius-l);

    max-height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #cfcfcf transparent;

    position: sticky;
    top: 40px;

    transition:
      opacity .35s ease,
      transform .45s cubic-bezier(.4,0,.2,1),
      max-width .45s cubic-bezier(.4,0,.2,1);

    & .PM_ASBlockOutput > .card{
      border: none;
      margin: 0;
    }

    & .PM_ASSelectionsRemoveLink.filter-block{
      background-color: #dadada3d;
      border-radius: 32px;
      display: flex !important;
      justify-content: center;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
    }

    #search_filters,
    .PM_ASBlockOutput,
    .PM_ASBlock,
    .PM_ASearchBloc,
    .PM_ASearchResults {
      width: 100%;
    }

    #PM_ASBlock_3{
      border: none;
      margin: 0;
    }

    & .card-header{
      background-color: unset;
      border: none;
      padding: 15px;
      margin-bottom: 12px;
      padding-bottom: 0;

      & .PM_ASBlockTitle{
        font-size: 24px;
        font-weight: 600;
        color: var(--black);
      }
    }

    & .PM_ASForm{
      & .PM_ASCriterionsGroupTitle{
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 12px;

        & .PM_ASCriterionsGroupName{
          font-size: 16px;
        }
      }

      & .selectize-input{
        border-radius: var(--radius-s);
      }
    }

    .checkbox{
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .facet,
    .PM_ASCriterionGroup {
      padding: 26px 0 0;
      margin: 0;
      border: 0;

      .facet-title,
      .PM_ASCriterionsGroupTitle,
      h4,
      h5 {
        display: block;
        margin: 0 0 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        font-size: 22px;
        line-height: 1.2;
        font-weight: 800;
        color: #111;
      }
    }

    #search_filters {
      > p,
      .h6 {
        margin: 0 -18px 22px;
        padding: 18px 20px;
        background: #ed1c24;
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;

        &::after {
          content: "";
          display: block;
          width: 64px;
          height: 2px;
          margin-top: 6px;
          background: #111;
        }
      }
    }

    select,
    .PM_ASCriterionGroup select {
      width: 100%;
      min-height: auto;
      height: auto;
      padding: 0;
      border: 1px solid #d0d0d0;
      box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
      background: transparent;
      overflow: visible;
      font-size: 13px;
      color: #111;
      border-radius: var(--radius-s);
      padding: 8px;

      option {
        padding: 4px 0;
        background: #fff;
        color: #111;
      }
    }

    & .PM_ASCritRange{
      border: none;

      & .ui-slider-handle,
      & .ui-slider-range{
        background-color: var(--primary)!important;
        background: unset;
        border: 1px solid white;
      }
    }

    .PM_ASResetGroup{
      display: block;
      color: var(--primary)!important;
      font-size: 12px;
    }

    input[type="checkbox"],
    input[type="radio"] {
      margin-right: 8px;
      accent-color: #ed1c24;
    }

    label {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 7px 0;
      font-size: 15px;
      line-height: 1.35;
      color: #111;
      cursor: pointer;
    }

    .custom-checkbox,
    .facet-label,
    .PM_ASCriterionStepEnable {
      display: block;
      margin: 7px 0;
    }

    .ui-slider,
    .PM_ASRange {
      margin-top: 14px;
    }
  }

  .catalog-results {
    min-width: 0;
  }
}

/*Carte produits*/
.product-miniature,
.owl-item {
  & .tvproduct-wrapper.grid-2{
    display: flex!important;
    flex-direction: column;
  }

  & .tvproduct-wrapper{
    border-radius: var(--radius-l);

    & .tvall-product-star-icon{
      display: none;
    }

    & h6{
      height: 64px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    & .tvproduct-image{
      & .tvproduct-btn-color{
        opacity: 1;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;

        & .tvproduct-wishlist{
          opacity: 1;
        }
      }
    }

    & .tvproduct-info-box-wrapper{
      padding: 20px;
      display: flex;
      width: 100%;
      flex: 1;

      & .product-description{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;

        & .tv-product-price{
          display: flex;
          flex-direction: column;
          gap: 12px;
          
          & .product-flag{
            color: #d21717;
            font-weight: 500;

            & .tvproduct-save-label{
              background-color: #d21717;
              padding: 4px 8px;
              border-radius: 8px;
              color: white;
              margin-right: 10px;
            }
          }  
          
          & .product-price-and-shipping{
            text-align: left !important;
          }
        }
      }

      & .tvproduct-add-to-cart{
        background-color: var(--primary) !important;
        color: var(--white) !important;
        border: none;
        border-radius: var(--radius-m);
        min-height: 48px;
        padding: 0;

        & span{
          color: var(--white) !important;
        }
      }
    }
  }
}


/*MODULE RECHERCHE*/
#ambjolisearch-dropdown {
  border-radius: 0 0 24px 24px;
  padding-top: 13px;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.07);
  min-width: 794px;

  .jolisearch-title{
    background: unset;
    text-shadow: unset;
    box-shadow: unset;
    color: var(--black);

    font-size: 16px;
    position: relative;
    margin: 0;

    &::after{
      content: none;
    }
  }

  .jolisearch-item.more-results,
  .jolisearch-dropdown.jolisearch-theme-modern,
  .jolisearch-item.jolisearch-section{
    margin: 0;
  }

  .jolisearch-container{
    /*Produits*/
    & .jolisearch-item:has(.jolisearch-description.product) {
      width: fit-content;
      max-width: 50%;

      & .jolisearch-link{
        display: flex;
        flex-direction: row;

        & .jolisearch-name{
          font-size: 14px;
          text-align: start;
        }

        & .jolisearch-price{
          text-align: start;
          font-size: 18px;
          font-weight: 600;
          margin-top: 20px;
        }
      }
    }

    /*Categories*/
    & .jolisearch-item:has(.jolisearch-description.category) {

      & img{
        display: none;
      }
      
    }

    /*Fabricants*/
    .jolisearch-item:has(.jolisearch-description.manufacturer) {
      & .jolisearch-image{
        height: 48px;
        object-fit: none;
        width: 100%;
        margin: unset;
      }

      & .jolisearch-description{
       display: none;
      }
    }

  } 
}

/*VENTES CROISEES PANIER*/
.product-accessories.pm-csoc {
	& h3 {
		font-size: 32px;
   	    font-weight: 600;
   	    color: var(--black);
   	    text-transform: inherit !important;
		display: flex;
		align-items: center;
		gap: 20px;
		position: relative;
	  &::after {
			content: "";
			position: absolute;
			bottom: -10px;
			left: 0;
			right: 0;
			height: 4px;
			background-color: var(--primary);
			border-radius: 2px;
			width: 10%;
			min-width: 64px;
		}
	}
	& .carousel {
		box-shadow:none;
		margin-top: 40px;
	}
	& .col-xl-3 {
		width:100%;
	}
	& .tvproduct-wrapper.grid-2, .tvproduct-wrapper.list, .tvproduct-wrapper.catelog {
		display:none!important;
	}
}

/*PUBLICITES DANS CATEGORIES*/
.tvall-product-wrapper-info-box.product-miniature.js-product-miniature {
	& img {
		border-radius: var(--radius-l);
	}
}

#footer .footer-container{
  background-color: var(--black);

  a,p,span,div, i{
    color: var(--white);
  }

  & .tvblock-social-icon path{
    fill: var(--white)!important;
  }

  & .tvfooter-about-logo-wrapper img{
    height: 80px;
    width: auto;
    object-fit: contain;
  }

  & .tvfooter-title::after{
    content: "";
    display: block;
    width: 64px;
    height: 2px;
    margin-top: 6px;
    background: var(--primary);
  }

  & .tvfooter-copy-payment-icon-wrapper{
    background-color: unset;
  }
}

button.add-to-cart{
  color: var(--white) !important;

  & span,
  & i{
    color: var(--white) !important;
  }
}
/*------- Fin COMPOSANTS*/


/*Page d'accueil*/
#index{
  /*Pour la page d'accueil unqiuement, le lien Accueil de la navbar est actif */
  & #adtm_menu{
    & .advtm_menu_7 {
      position: relative;

      &::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background-color: var(--primary);
        border-radius: 2px;
      }

      & .advtm_menu_span{
        background-color: unset;
        color: var(--primary);
      }
    }
  }

  & .tvcmsattrsearch{
    margin-bottom: 96px;

    & .container.ttvattrsearch{
      z-index: 100;
    }

    & .ttvattrsearch-wrapper{
      background-color: var(--black);
      border-radius: var(--radius-l);

      & .ttv-main-title span {
        color: white;
      }
    }
  }

  & .tvcmscustomer-services{
    margin-bottom: var(--margin-bw-sections);

    & .tvall-services-block{
      border: none;

      & .tvservices-wrapper{
        display: flex;
        flex-direction: column;
        gap: 20px;  

        & .tvservices-title,
        & .tvservice-dec{
          text-align: center;
        }

        & .tvservices-img-conut{
          margin: 0;
          width: auto;

          & img{
            width: 40px;
            height: auto;
            object-fit: contain;
          }
        }
      }
    }
  } 

  & .tvcmsmultibanners{
    & .tvmultibanner{
      margin: 0;
    }

    &.container-fluid{
      & .container{
        padding: 0;
      }
    }
  }

  & .tvcmsnew-product{
    margin-bottom: var(--margin-bw-sections);
  }

  & .tvfeatured-product-wrapper-box.container,
  & .tvnew-product-wrapper-box.container{
    padding: 0;

    & .tvcmsmain-title-wrapper{
      text-align: left;
      margin-bottom: 20px;

      & .tvmain-title h2{
        padding-bottom: 0!important;
        font-style: italic;
      }

      & .tvmain-desc{
        display: none;
      }
    }
  }

  & .tvbrand-img-block{
    background-color: unset;
    border: none;

    & .tvbrand-title{
      display: none;
    }
  }
}

/*Page galerie de produits*/
#category{
  & main{
    & #wrapper{
      background-color: var(--background);
    }

    & .tv-main-div > .wrapper > .container{
      display: flex;
    }

    & .tvall-product-wrapper-info-box.product-miniature{
      margin-bottom: 15px;
      width: 33.33%;

      & .thumbnail-container{
        display: flex;
        height: 100%;
        width: 100%;

        & a{
          width: 100%;
          
          &  img {
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
        }       
      }
    }
  } 

  & .tvcms-left-column-wrapper,
  & .tvcmsproduct-grid-list {
    display: none;
  }  

  #js-product-list-top{
    background-color: unset;
    border: none;
    display: flex;
    align-items: center;

    & span{
      width: auto;
    }

    .products-sort-order{
      padding-right: 0;
      white-space: nowrap;

      & button{
        background-color: white;
        border: 1px solid var(--grey);
        border-radius: var(--radius-m);
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 12px;
        width: auto;
      }
    }
  }

  .breadcrumb{
    display: none;
  }

  .catalog-listing-heading{
    padding: 0;
    justify-content: start;

    & .catalog-title{
      display: flex;
      align-items: center;
      gap: 20px;
      font-weight: 600;
      font-size: 32px;
      position: relative;

      &::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 4px;
        background-color: var(--primary);
        border-radius: 2px;
        width: 20%;
        min-width: 64px;
      }

      & .catalog-count{
        font-size: 16px;
        padding: 6px 12px;
        background-color: white;
        border-radius: 46px;
        border: 1px solid var(--grey);
      }
    }
  } 

  & .tvall-page-shortby{
    display: flex;
    justify-content: flex-end;
    gap: 50px;

    & .tvclose-btn-filter-panel{
      background-color: white;
      border: 1px solid var(--grey);
      border-radius: var(--radius-m);
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border: 1px solid var(--grey);
      cursor: pointer;
    }
  }
}

/*Page produit*/
#product{
  .product-price{
    display: flex;
    align-items: start;
    gap: 12px;

    .tvproduct-tax-label{
      margin: 12px 0;
    }

    .regular-price{
      color: #9c9999;
    }

    span.price{
      font-size: 32px;
    }

    .discount.discount-amount{
      background-color: var(--primary);
    }
  }

  & .tvfooter-product-sticky-bottom{
    & .tvproduct-image-title-price{
      margin-right: 80px;

      & .tvtitle-price{
        max-width: unset;

        & h1{
          font-size: 16px;
          font-weight: 600;
        }

        & .regular-price{
          color: #9c9999;
        }

        & .discount.discount-amount{
          line-height: normal;
          padding: 5px 6px;
          margin: 0 0 0 10px;
          background-color: var(--primary);
          border-radius: 3px;
          letter-spacing: 0.4px;
          color: #fff;
          font-size: 12px;
          font-weight: 400;
          vertical-align: middle;
        }
      }
    }
   

   

    & span.price{
      font-size: 24px;
    }
  }
  
  & #block-reassurance{
    margin: 40px 0;

    & img{
      width: 40px;
      height: auto;
      object-fit: contain;
    }

    & ul{
      flex-wrap: nowrap;
      flex-direction: row;
      align-items: start;

      & li{
        flex: 1;
        min-width: unset;

        & .block-reassurance-item{
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 12px;

          border: none;

          & .block-title{
            font-size: 18px;
            font-weight: 600;
            color: var(--black);
          }

          & span{
            text-align: center;
          }
        }
      }
    }
  } 

  & #product-details{
    & .product-manufacturer{
      img{
        max-height: 80px;
      }
    }
  }
} 

/*Version tablet*/
@media screen and (max-width: 1024px) {
  #category {
    /*& #js-product-list-top {
      flex-direction: column;
      align-items: unset;
    }*/

    & .tvall-page-shortby{
      margin: 0;
      padding: 0;
      gap: 20px;

      & .sort-by-row,
      & .tvclose-btn-filter-panel{
        flex: 1;
        margin: 0;
      }

      & .sort-by-row{
        & .products-sort-order{
          margin: 0;
          padding: 0;

          & button{
            width: 100%!important;
          }
        }
      }
    }

    & .tvall-product-wrapper-info-box.product-miniature,
    & #products.grid-2 .tv-grid-list-wrapper-info-box{
      width: 50%!important;
    }
  } 
	
	/*MODULE RECHERCHE*/
	#jolisearch_mobile_modal {
		& .h1 {
			display: flex;
            align-items: center;
            gap: 20px;
            font-weight: 600;
            font-size: 32px;
            position: relative;
			text-transform: inherit;
		}
		& form input[type=text] {
			min-width: 255px;
			padding: 10px;
			color: #7a7a7a;
			border: 0;
			border: 1px solid rgba(0, 0, 0, .25);
		}
		& .jolisearch-suggestion-badge {
			margin:16px 5px;
		}
		& .jolisearch-filter {
			& h4 {
				font-size:16px;
				border-bottom:none;
			}
		}
		& .jolisearch-filter__item {
			margin-bottom:10px;
			background: transparent !important;
		}
		& .jolisearch-content {
			& h4 {
				font-size:16px;
				border-bottom:none;
			}
			& .col-xs-6-12 {
				flex:0 0 47%;
			}
		    & .product {
				border: 1px solid #eee;
				border-radius: var(--radius-l);
  			padding:0;
			}
			& #jolisearch-product-0, #jolisearch-product-2, #jolisearch-product-4, #jolisearch-product-6 {
				margin:0 0.5rem 1rem 0;
			}
			& #jolisearch-product-1, #jolisearch-product-3, #jolisearch-product-5, #jolisearch-product-7 {
				margin:0 0 1rem 0.5rem;
			}
		  	& .product-image {
				border-radius: var(--radius-l) var(--radius-l) 0 0;
			}
		 	& .jolisearch-product, .product-actions{
				margin: 0 10px 10px;
				padding:0;
			}
		 	& .btn-primary {
				background-color: var(--primary) !important;
				color: var(--white) !important;
				border: none;
				border-radius: var(--radius-m);
				min-height: 40px;
				padding: 0;
				font-size: 12px;
				text-transform: uppercase;
				font-weight: 600;
			}
		  	& .product-name {
				letter-spacing:-1%;
				font-size:14px;
				font-weight:600;
				line-height:17px;
				margin:0 0 15px;
				color:#222222;
				text-align: left;
			}
		 	& .product-price {
				letter-spacing:-1%;
				font-size:18px;
				font-weight:600;
				line-height:20px;
				margin:0;
				color:var(--primary);
				text-align: left;
			}
		  	& .product-quantity {
				margin-bottom:0;
			}
		}
	}
}

/* Version mobile */
@media screen and (max-width: 768px) {
  #header{
    .tv-header-logo img{
      height: 64px;
    }

    & .tvcmsheader-search {
      margin: 0;
    }

    #_desktop_top_menu {
      & #adtm_menu {
        z-index: 100000;

        & .adtm_toggle_menu_button_text{
          padding: 16px 16px;
          background-size: 24px;
          background-position: right 16px center;
        }
        
        &.adtm_touch{
          &.adtm_menu_toggle_open {
            height: 100%;
            background-color: white;
            position: fixed;
            top: 0;
            width: 100%;
            padding: 0;
            z-index: 1000;
            left: 0;
            overflow: scroll;

            & .adtm_sub_open{
              .advtm_menu_span {
                color: var(--black) !important;
              }

              & .advtm_menu_actif{
                background-color: var(--primary) !important;
                
                & .advtm_menu_span {
                  color: var(--white) !important;
                }
              } 
            } 

            & ul .columnWrapTable{
              border-left: 6px solid red;
            }
          }
        }        

        & .li-niveau1 {
          & .advtm_menu_actif {
            &::after {
              content: none;
            }
          }
        }
    

        & tr{
          background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
          padding-left: 12px;
          display: block;
        }

        & .adtm_column:last-child{
          padding: 0;
        }

        & .advtm_menu_7&::after {
          content: none;
        }
      }
    }
  }

  #index{
    #header {
      & #_desktop_top_menu {
        & #adtm_menu {
          & .advtm_menu_7 {
            & span.advtm_menu_span{
              color: var(--primary) !important;
            }

            &::after{
              content: none;
            }
          }
        }
      }
    }
  }

    #category {
      & #js-product-list-top {
        flex-direction: column;
        align-items: unset;
      }
    }

  /*Gérer l'effet sombre de la sidebar*/
  body.is-sidebar-collapsed::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }

  .catalog-layout {
    grid-template-columns: 1fr;
    
    .catalog-sidebar {
      display: none;
      position: fixed;
      z-index: 10000;
      width: 100%;
      max-width: unset;
      margin: 0;
      padding: 0;
      left: 0;
      bottom: 0;
      max-height: unset;

      & .card-header{
        padding-top: 20px;

        & .PM_ASBlockTitle::after{
          right: 10px;
        }
      }
    }

    &.is-sidebar-collapsed {
      .catalog-sidebar {
        display: block;
        max-width: unset;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        border-width: initial;
        border-radius: 32px 32px 0 0;
        border: none;
      }
    }
  }

  .PM_ASBlockOutput.PM_ASMobileMode {
    .card-block {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
  }
	
	/*MODULE RECHERCHE*/
	#jolisearch_mobile_modal {
		& .h1 {
			display: flex;
            align-items: center;
            gap: 20px;
            font-weight: 600;
            font-size: 32px;
            position: relative;
			text-transform: inherit;
		}
		& form input[type=text] {
			min-width: 255px;
			padding: 10px;
			color: #7a7a7a;
			border: 0;
			border: 1px solid rgba(0, 0, 0, .25);
		}
		& .jolisearch-filter {
			& h4 {
				font-size:16px;
				border-bottom:none;
			}
		}
		& .jolisearch-filter__item {
			margin-bottom:10px;
			background: transparent !important;
		}
		& .jolisearch-content {
			& h4 {
				font-size:16px;
				border-bottom:none;
			}
			& .col-xs-6-12 {
				flex:0 0 47%;
			}
		    & .product {
				border: 1px solid #eee;
				border-radius: var(--radius-l);
  			padding:0;
			}
			& #jolisearch-product-0, #jolisearch-product-2, #jolisearch-product-4, #jolisearch-product-6 {
				margin:0 0.5rem 1rem 0;
			}
			& #jolisearch-product-1, #jolisearch-product-3, #jolisearch-product-5, #jolisearch-product-7 {
				margin:0 0 1rem 0.5rem;
			}
		  	& .product-image {
				border-radius: var(--radius-l) var(--radius-l) 0 0;
			}
		 	& .jolisearch-product, .product-actions{
				margin: 0 10px 10px;
				padding:0;
			}
		 	& .btn-primary {
				background-color: var(--primary) !important;
				color: var(--white) !important;
				border: none;
				border-radius: var(--radius-m);
				min-height: 40px;
				padding: 0;
				font-size: 12px;
				text-transform: uppercase;
				font-weight: 600;
			}
		  	& .product-name {
				letter-spacing:-1%;
				font-size:14px;
				font-weight:600;
				line-height:17px;
				margin:0 0 15px;
				color:#222222;
				text-align: left;
			}
		 	& .product-price {
				letter-spacing:-1%;
				font-size:18px;
				font-weight:600;
				line-height:20px;
				margin:0;
				color:var(--primary);
				text-align: left;
			}
		  	& .product-quantity {
				margin-bottom:0;
			}
		}
	}
}