.topbar {
    background-color: var(--color-secondary);
    padding: 15px 0;
    font-size: 15px;
    color: var(--color-primary);
    text-align: center;
  }
  
  .topbar-content span {
    margin: 0 10px;
  }
  .topbar-content > span:first-child:before,
  .topbar-content > span:after{
    content: "";
    width: 7.5px;
    height: 7.5px;
    background-color: var(--color-orange-1);
    display: inline-block;
    border-radius: 50%;
    position: relative;
    left: 10px;
  }
  .topbar-content > span:first-child:before{
    left: -15px;
  }
  .topbar-content > span.highlight:after{
    content: none !important;
  }
  
  .topbar-content .highlight {
    background-color: var(--color-orange-1);
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    margin-right: 0px;
  }
  .topbar-content .livraison strong{
    font-size: 16px;
    font-family: var(--open-font);
  }
  .topbar-content .retrait{
    font-size: 16px;
  }
  
  .navbar {
    background-color: var(--color-primary);
    padding: 20px 0 0 0;
    color: white;
  }
  
  
  .navbar-content .logo,
  .navbar-content .logo a {
    font-size: 39px;
    margin: 0;
    font-family: var(--alice-font);
    color: white;
  }
  
  .navbar-content .slogan{
    font-size: 0.9em;
    margin: 0;
  }
  
  /* -------------------------
        Menu

  ------------------------- */
  .menu {
    
    text-align: center;
  }
  .menu ul li{
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 20px;
  }
  .menu ul li a {
    color: white;
    text-decoration: none;
    font-size: 1em;
    font-weight: 500;
  }
  .menu ul li a:hover{
    text-decoration: underline;
  }
  .menu a:hover {
    opacity: 0.8;
  }
  .menu #menu-primary > li > ul.sub-menu{
    background-color: var(--color-beige-3);
    padding: 50px 130px;
    z-index: 999999;
    position: absolute;
    top:180px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    display: grid;
    grid-template-columns: repeat(3,30%);
  }
  .menu #menu-primary > li:nth-child(2) > ul.sub-menu{
    grid-template-columns: none;
    display: block
  }
  /* li colonne*/
  .menu #menu-primary > li > ul.sub-menu >li{
    /*width: 25%;
    float: left;*/
    text-align: left;
  }
  .menu #menu-primary > li:nth-child(2) > ul.sub-menu >li{
    width: 24%;
    float: left;
    text-align: left;
  }
  .menu #menu-primary > li > ul.sub-menu >li > a{
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 700;
    font-family: var(--glacial-font-bold);
  }

  .menu #menu-primary > li > ul.sub-menu >li > ul.sub-menu > li{
    display: block;
    margin: 0px;
    padding-bottom: 5px;
  }
  .menu #menu-primary > li > ul.sub-menu >li > ul.sub-menu > li >a{
    color: #000;
    font-size: 19px;
    font-weight: 400;
    font-family: var(--glacial-font);
  }
  
  .menu #menu-primary > li > ul.sub-menu >li:nth-child(3) > ul.sub-menu > li > a{
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 700;
    font-family: var(--glacial-font-bold);
  }
  .menu #menu-primary > li > ul.sub-menu >li.rt-custom-menu-field-item{
    position: absolute;
    right:50px;
    top:100px;
  }
  .menu #menu-primary > li > ul.sub-menu >li.rt-custom-menu-field-item > a{
    display: none;
  }
  .menu #menu-primary > li > ul.sub-menu >li.rt-custom-menu-field-item .rt-wp-menu-custom-fields-image-wrapper img{
    border-radius: 25px;
    object-fit: cover;
    width: 300px;
    height: 380px;
  }
  .menu #menu-primary > li:nth-child(2) > ul.sub-menu >li.rt-custom-menu-field-item{
    width: auto;
  }
  .menu #menu-primary > li:nth-child(2) > ul.sub-menu >li.rt-custom-menu-field-item .rt-wp-menu-custom-fields-image-wrapper img{
    border-radius: 35px;
    object-fit: cover;
    width: 465px;
    height: 380px;
  }
  #menu-primary > .menu-item-has-children li{
    display: none;
  }
  #menu-primary > .menu-item-has-children.open li{
    display: block;
  }
  .menu .retour_sub_menu_mobile{
    display: none;
  }

  .menu-item-has-children a[href="#"]{
    display: none;
  }
  .menu-item-has-children li:has(a[href="#"]) {
    padding: 0;
    padding-bottom: 0 !important;
  }
  .search-icons {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .search-icons input {
    padding: 8px 15px 8px 45px;
    border: 0px;
    background-color: transparent;
    color: white;
    font-size: 14.4px;
    width: 230px;
    height: 37px;
  }
  .search-icons .group_search{
    position: relative;
    border: 2px solid white;
    border-radius: 25px;
  }
  .group_search .icon_search{
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 15px;
  }
  
  .search-icons input::placeholder {
    color: white;
    font-size: 14.4px;
  }
  
  .search-icons span {
    font-size: 18px;
    cursor: pointer;
  }

  .close_nav_mobile,
  .sidebar-btn-mobile{
    display: none;
  }

  /* -------------------------
        mini_cart

    ------------------------- */
  #mini-cart-link{
    position: relative;
  }
  #mini-cart-link.animate {
      transform: scale(1.2);
      background: #27ae60;
  }

  #mini-cart-count {
      font-weight: bold;
      background-color: var(--color-orange-4);
      border-radius: 100%;
      color: #fff;
      display: block;
      font-size: 10px;
      height: 1.6em;
      inset-inline-end: -.7em;
      line-height: 1.5em;
      min-width: 1.6em;
      position: absolute;
      text-align: center;
      top: -10px;
      right: -10px;
  }

  #mini-cart-dropdown {
    width: 50%;
    position: fixed;
    top: 0px;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 11111;
    transform: translateX(100%);
    transition: all 0.4s;
    background-color: var(--color-beige-3);
    margin: 0;
    padding: 40px 0 0;
  }
  #mini-cart-dropdown.opened{
      transform: translateX(0);
  }
  .close_mini_cart{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  .voile_mini_cart{
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    display: none;
  }
  .voile_mini_cart.open{
    display: block;
  }

  /* Mini Cart wrapper */
  .mc { color:#1d1d1f; }
  .mc__head { padding:0px 40px 40px}
  .mc__title { 
    display:flex; align-items:center; gap:8px; font-weight:700; font-size:40px; 
    color: var(--color-orange-3);
    font-family: var(--glacial-font-bold);

  }
  .mc__count { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    height: 70px;
    padding: 0 7px;
    background: var(--color-orange-3);
    color: #fff;
    border-radius: 50%;
    font-size: 37px;
   }

  .mc__freehint { margin-top:6px; font-size:22px; color:var(--body-text-color); }
  .mc__progress { margin-top:10px; height:6px; background:#9f9f9f; border-radius:4px; overflow:hidden; }
  .mc__progress-bar { height:100%; background:var(--color-orange-3); width:0; transition:width .3s ease; }

  .mc__items { padding:10px 0 0; }
  .mc-item { 
    display: grid;
    grid-template-columns: 135px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 20px 0px 40px;
    border-top: 1px solid #efe7e2;
    /* background: #fcf8f6; */
    margin: 0 40px;
  }
  .mc-item__media img { 
    width: 135px;
    height: 135px;
    object-fit: cover;
    border-radius: 25px;
  }
  .mc-item__title { 
    display:block; 
    font-size: 25px;
    font-family: var(--glacial-font-bold);
    font-weight:700; 
    margin-bottom:8px;
    color:#000; 
    text-decoration:none; }
  .mc-item__price { 
    font-weight:700; 
    font-family: var(--glacial-font-bold);
    font-size: 22px;
    color:#9f9f9f; }

  .mc-item__qtyrow { display:flex; align-items:center; gap:16px; }
  .mini-cart-quantity { 
    display:inline-flex; 
    align-items:center; 
    gap:6px; 
    background:transparent; 
    border:1px solid var(--color-primary-2); 
    border-radius: 25px;
    padding: 8px 10px;
    width: 135px;
    margin-left: 35px;
  }
  .qty-minus, .qty-plus { 
    width:22px; 
    height:22px; 
    line-height:22px; 
    border:0; 
    background:transparent; 
    cursor:pointer; 
    font-family: var(--glacial-font-bold);
    font-size: 24px;
    color: var(--color-primary-2);
    font-weight: bold;
  }
  .input-qty {
    background: transparent; 
    border: 0;
    min-width:24px; 
    color: var(--color-primary-2);
    font-family: var(--glacial-font-bold);
    text-align:center; 
    font-weight:700; 
    font-size: 24px;
    line-height: 20px;
  }
  .mc-item__remove { 
    color:var(--color-primary-2); 
    text-decoration:underline; 
    font-size:20px; }
  .mc-item + .mc-item { border-top:1px solid #9f9f9f; }

  /* Suggestions */
  
  .mc-suggest__title {
    font-size: 34px;
    font-weight: 700;
    color: var(--color-orange-3);
    padding:20px 40px;
    background:#fff;
  }
  .mc-suggest__row {
    background-color: var(--color-beige-3);
    display:flex; 
    gap:12px; 
    overflow:auto; 
    padding-bottom:6px; 
    padding:20px 40px 20px;
  }
  .mc-suggest__card { 
    display: grid;
    grid-template-columns: 135px 1fr auto; 
    gap:12px; 
    align-items:center; 
   
  }
  .mc-suggest__thumb { 
    background:#fff; border-radius:25px; 
    padding: 20px 15px;
    width: 135px;
    height: auto;
  }
  .mc-suggest__thumb img{
    object-fit: cover;
    border-radius: 25px;
    width: 100px;
    height: auto;

  }
  .mc-suggest__name { 
    font-size: 27px;
    margin-bottom:6px; 
  }
  .mc-suggest__add { 
    font-size:20px; 
    text-decoration:underline; 
    color: #000;
  }
  .swiper-suggestion{
    padding:0 0 35px 0;
  }
  .swiper-suggestion .swiper-pagination{
    bottom: 0px;
  }
  .swiper-suggestion .swiper-pagination-bullet {
    background-color: var(--color-beige-4);
    width: 16px;
    height: 16px;
    opacity: 1;
}

.swiper-suggestion .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: var(--color-primary);
}

/* Custom arrow */
.swiper-suggestion .swiper-button-prev,
.swiper-suggestion .swiper-button-next {
    background: var(--color-orange-3);
    width: 57px;
    height: 57px;
    border-radius: 50%;
}

.swiper-suggestion .swiper-button-prev:after,
.swiper-suggestion .swiper-button-next:after {
    font-size: 16px;
    color: #fff;
}
.swiper-suggestion .swiper-button-next, 
.swiper-suggestion .swiper-button-prev{
    top:60px;
    right: var(--swiper-navigation-sides-offset,0%);
}
.swiper-suggestion .swiper-button-prev{
  left: 0;
}
  /* CTA */
  .mc__cta {padding:40px 40px; background: #fff; }
  .mc-btn { 
    font-size: 25px;
    text-align: center;
    width:100%; 
    padding:16px 16px; 
    border-radius:40px; 
    background: var(--color-orange-3);
    color:var(--color-secondary);  
    margin-bottom: 20px;
  }
  .mc-btn__total { 
    font-weight: bold;
    font-family: var(--glacial-font-bold);
   }
   .mc__ribbon{
    text-align: center;
   }
   .mc__ribbon span.offerte{ 
    
    background-color: var(--color-orange-1);
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    margin-right: 15px;
  }
  .mc__ribbon strong { 
    color: var(--color-primary);
    font-size: 16px;
    font-family: var(--open-font);}

  /* Animation légère au “added_to_cart” */
  #mini-cart.animate .mc-btn { box-shadow:0 8px 24px rgba(215,90,58,.35); transform:translateY(-1px); transition:.3s ease; }

  /* Chrome, Safari, Edge (Blink/WebKit) */
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type="number"] {
    -moz-appearance: textfield; /* supprime les flèches */
  }



@media (max-width: 767.98px) {

    .topbar{
        display: none;
    }
    .navbar-content .logo{
        line-height: 50px;
    }
    .sidebar-btn-mobile{
        position: absolute;
        right: 15px;
        top: 30px;
        display: inline-block;
    }
    .search-icons{
        margin-top: 20px;
    }
    .close_nav_mobile{
        position: absolute;
        right: 15px;
        top: 30px;
        display: inline-block;
    }
    .menu{
        width: 100%;
        position: fixed;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 11111;
        transform: translateX(-100%);
        transition: all 0.4s;
        background-color: var(--color-primary);
        margin: 0;
        padding: 50px 0;
    }
    .menu.opened{
        transform: translateX(0);
    }
    .menu ul > li{
        padding: 10px 15px;
        display: block;
        text-align: left;
    }
    .menu ul > li > a {
        font-size: 20px;
        /*color: rgb(60, 60, 59);*/
        font-weight: 700;
    }
    
    #menu-primary > .menu-item-has-children.open > ul.sub-menu {
      visibility: visible;
      grid-template-columns: none;
      height: max-content;
      padding: 50px 15px;
      top: 0;
    }
    .menu #menu-primary > li > ul.sub-menu >li.rt-custom-menu-field-item{
      display: none;
    }
    .menu .retour_sub_menu_mobile{
      width: 42px;
      height: 42px;
      position: absolute;
      top: 15px;
      z-index: 999999;
      left: 15px;
    }
    .menu #menu-primary > li:nth-child(2) > ul.sub-menu >li{
      width: 100%;
    }
    /* -------------------------
        mini_cart

    ------------------------- */
    #mini-cart-dropdown{
      width: 95%;
    }
    .mc__head{
      padding: 0px 20px 20px;
    }
    .mc__title{
      font-size: 30px;
    }
    .mc__freehint{
      font-size: 20px;
    }
    .mc__count {
      
      min-width: 50px;
      height: 50px;
      font-size: 27px;
    }
    .mc-item {
      display: flow;
      
      padding: 10px 0px 20px;
      
      margin: 0 20px;
    }
    .mc-item__media{
      display: flex;
    }
    .mc-item__media a.img{
      background: #fff;
      border-radius: 25px;
      margin: 0px 15px 15px 0;
    }
    .mc-item__title{
      font-size: 17px;
    }
    .mini-cart-quantity{
      padding: 5px 10px;
      width: 105px;
      margin-left: 0;
    }
    .input-qty{
      font-size: 20px;
    }
    .mc-item__remove{
      font-size: 18px;
    }
    .mc-item__price{
      font-size: 20px;
    }
    .mc-suggest__title{
      font-size: 20px;
      padding: 10px 20px;
    }
    .mc-suggest__row{
      padding: 10px 20px 10px;
    }
    .mc-suggest__name{
      font-size: 20px;
    }
    .mc-suggest__add{
      font-size: 15px;
    }
    .mc-suggest__thumb{
      padding: 10px;
      width: 120px;
    }
    .swiper-suggestion .swiper-button-prev, .swiper-suggestion .swiper-button-next{
      width: 37px;
      height: 37px;
      top: 70px;
    }
    .mc__cta{
      padding: 20px 20px;
    }
    .mc-btn {
      font-size: 20px;
      padding: 10px;
    }
    .mc__ribbon span.offerte {
      font-size: 13px;
      margin-right: 10px;
    }
    .mc__ribbon strong{
      font-size: 15px;
    }

}

@media (max-width: 575.98px) {


}