/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/* Menu Produits */
 .wrapper-menu-vertical .menu-vertical-title{
    background-color: #092134;
    text-transform: uppercase;
 }

 .menu-vertical .item-level-0{
   position: relative;
 }

 /* Menu mobile */

 #canvas-menu-mobile .dropdown-wrapper{
   display: block;
   width: 100%;
 }
 #canvas-menu-mobile .dropdown-wrapper .dropdown-toggle{
   width: 100%;
   justify-content: space-between;
   color: black;
   padding-left: 25px;
   padding-right: 18px;
   border-bottom: 1px #e6e6e6 solid ;
 }

/*  
 .elementor-12 .elementor-element.elementor-element-jql3i2v .menu-vertical .item-level-0 > a{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
 } */
 .nrt_mega_menu .style_wide .element_a_depth_1{
    text-transform:none;
 }

/* Menu Nos Marques */
.menu-horizontal  .element_a_depth_0{
   text-transform: uppercase;
}
.menu-horizontal .element_ul_depth_1{
    margin: 0;
 }
.menu-horizontal .style_wide{
    padding-top: 10px;
 }

.menu-horizontal .element_ul_depth_1 a{
   text-transform: uppercase;
}

/* Left column */

#search_filters_brands .h6 {
   display: block;
   margin-bottom: 15px;
}

.slider_mobile .swiper-slide-contents{
   margin-left: auto;
   text-align: center;
}

.elementor-slide-button{
   display: table;
   margin: 0 auto;
}

/* Page Produit - prix */
.product-price {
   margin-bottom: 0 !important;
}

.lang-fr .product-price::before {
   content: 'Votre prix:';
   font-size: 1.75rem;
}
.lang-de .product-price::before {
   content: 'Ihr Preis:';
}

.current-price{
   font-weight: 600;
   margin-left: 10px;
}

.product-price::before,
.product-price .current-price,
.label-small{
   line-height: 35px;
   float: left;
}

.lang-fr .baseprices_before_tin::before{
   content: 'Prix B2C:';
   font-size: 1.4rem;
}
.lang-de .baseprices_before_tin::before{
   content: 'B2C-Preis:';
}

.baseprices_original_tin,
.baseprices_original_tinl{
   margin-left: 8px;
}

.summary-container .label-small{
   margin: 0px;
   margin-left: 10px;
   color: #70aea4;
}

.product-short-description{
   clear: both;
   margin-top: 20px;
}

.product-type-3 .item-inner .product_name{
   text-transform: none;
}

.product-description .sku-product{
   margin-bottom: 5px;
   display: block;
   font-size: 1.1rem;
}

/* Accueil */

@media only screen and (min-width: 768px) {
   .brand-slider{
      max-width: 80%;
      margin: 0 auto;
   }
}

.brand-slider .swiper-slide .item-inner{
   margin-bottom: 0 !important;
}

/* page Brand / manufacturer */

.manufacturer-logo{
   width: 200px;
   margin-right: 40px;
   object-fit: contain;
}

@media only screen and (min-width: 1025px) {
   .manufacturer-wrapper{
      display: flex;
      align-items: flex-start;
      flex-direction: row-reverse;
   }

   #manufacturer-picture{
      margin-left: 60px;
   }

   #manufacturer-description .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
      /* padding: 10px 0; */
   }
}

/* BLOG */

.blog-type-1 .blog-title,
.blog-type-2 .blog-title,
.blog-type-3 .blog-title,
.blog-type-4 .blog-title,
.blog-type-5 .blog-title,
.blog-type-6 .blog-title{
   text-transform: none;
}

/* ADMIN */

.page-addresses .addresses-footer a, body#checkout section.checkout-step .add-address a{
   text-transform: none;
}

/* .page-title .h1 {
   color: gray !important;
} */

/* POPUP */

.cp-popup-close-button{
   left: auto;
   right: 10px !important; 
}


.type-available {
    color: #0cad30 !important;
}

.type-available span{
   text-transform: lowercase !important;
}

.type-available-on-order {
    color: #4ad76a !important;
}

.type-available-on-order span{
   text-transform: lowercase !important;
}

.product-stock-status{
   text-align: center;
}


/* Menu marques */
.menu-horizontal .menu-marques .element_a_depth_1,
.nrt_mo_mega_2 .mo_element_a_depth_1{
   display: flex;
   justify-content: flex-end;
   flex-direction: row-reverse;
   align-items: center;
   margin-left: auto;
   text-align: right;
}

.menu-horizontal .menu-marques .element_a_depth_1 img,
.nrt_mo_mega_2 .mo_element_a_depth_1 img{
   display: block;
   height: auto;
   max-width: 100%;
   margin-bottom: 0;
   margin-left: 10px;
}

.menu-horizontal .menu-marques .element_a_depth_1.has-icon-img,
.nrt_mo_mega_2 .mo_element_a_depth_1:has(img){
   font-weight: bold;
   margin: 10px 0 0 0;
}

.menu-horizontal .menu-marques .element_a_depth_1:not(.has-icon-img),
.menu-horizontal .menu-marques .element_a_depth_2:not(.has-icon-img),
.menu-horizontal .menu-marques .element_a_depth_3:not(.has-icon-img),
.nrt_mo_mega_2 .mo_element_a_depth_1:not(:has(img)),
.nrt_mo_mega_2 .mo_element_a_depth_2:not(:has(img)),
.nrt_mo_mega_2 .mo_element_a_depth_3:not(:has(img)){
   color: var(--color-body);
   font-size: 0.9em;
}

.menu-horizontal .menu-marques .element_a_depth_1:not(.has-icon-img),
.menu-horizontal .menu-marques .element_a_depth_2:not(.has-icon-img),
.menu-horizontal .menu-marques .element_a_depth_3:not(.has-icon-img){
   padding: 4px 0;
}

.menu-horizontal .menu-marques .element_a_depth_2,
.nrt_mo_mega_2 .mo_element_a_depth_2{
   text-transform: none;
   font-size: 0.9em;
}

.menu-horizontal .menu-marques .element_a_depth_2{
   padding-left: 10px !important;
}

.menu-horizontal .menu-marques .element_a_depth_2:before{
   content: '–';
   display: inline-block;
   margin-right: 6px;
   color: var(--color-body);
}

/* Pour le mobile */
/* .nrt_mo_mega_2 .element_a_depth_1{
   justify-content: flex-start;
   flex-direction: row;
   text-align: left;
} */


.wrapper-custom-checkbox a{
   font-weight: 600;
}


#content-wrapper .btn.btn-default{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 20px;
   font-size: var(--font-size-body);
   text-transform: capitalize;
   line-height: 20px;
   position: relative;
   border-width: 1px;
   height: 42px;
   flex-wrap: nowrap;
   border-width: var(--ax-form-btn-width);
   border-radius: var(--ax-form-btn-rd);
   text-transform: uppercase;
   font-size: 1.3rem;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
   
   color: var(--color-btn);
   background-color: var(--bg-color-btn);
   border-color: var(--bg-color-btn);
}

#content-wrapper .btn.btn-default:hover{
   color: #fff;
   background-color: #78aea4;
   border-color: #78aea4;
}