body.single-fournisseur .mobmenu{
    display: none !important;
}

.kc-fournisseur-wrapper{
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
}


.kc-product-listing ul.products{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.kc-sidebar > .elementor > .elementor-element{
  --width: 100% !important;
}

.kc-container{
    max-width: 1550px;
    margin: auto;
    padding: 0 20px;
}
.kc-fournisseur-header .kc-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100px;
}

/* Overlay */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  display: none;
}

/* Conteneur popup */
.popup-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background: #fff;
  z-index: 9999;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.popup-container.active {
  display: block;
  opacity: 1;
}

/* Contenu interne */
.popup-content {
  padding: 20px;
  position: relative;
}

.popup-inner {
  margin-top: 10px;
}

.popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: #333;
}

/* Carte Google */
.map-container {
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
}
.map-container > #fournisseur-map > .elementor > .elementor-element > .e-con-inner > .elementor-widget-google_maps > .elementor-widget-container > .elementor-custom-embed > iframe {
  width: 100% !important;
  height: 100%;
  border: none;
}

/* Détails localisation */
.location-details {
  font-size: 0.95rem;
}

.btn-itineraire {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 12px;
  background: #0073aa;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.fournisseur-infos {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.fournisseur-infos li {
  margin-bottom: 8px;
}

.fournisseur-description p {
  margin: 0;
}


body .kc-fournisseur-header .kc-container .left-part .kc-fournisseur-logo{
  max-width:150px;
}
.kc-fournisseur-title{
  display: none;
}
.kc-fournisseur-header .kc-container{
  padding:10px 20px;
}

.kc-fournisseur-main .kc-container{
  margin-top:50px;
}

.kc-fournisseur-main .kc-container .kc-title-page{
  font-size:25px;
  font-family: 'Poppins',sans-serif;
  color:#002461;
  font-weight:600;
  margin-bottom:20px;
}

.kc-product-listing{
  padding-top:0;
}
.kc-product-listing .product-count{
  color: #002461;
  font-size: 13px;
}

.kc-product-listing .products .product>a.woocommerce-LoopProduct-link{
  text-align: center;
    padding: 10px 10px 10px 10px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.05);
    background:white;
    border-radius:30px;
    position:relative;
}

.kc-product-listing .products .price {
      position: absolute;
    border: 1px solid;
    border-radius: 100px;
    padding: 5px 15px;
    top: 280px;
    right: 20px;
    background: #001fff;
    color: white;
    left: 20px;
    font-size: 13px;
    font-weight: 600;

  }
  .kc-product-listing .products .price span{
      font-size: 13px;
      font-weight: 600;
      color:white;
  }
body .kc-product-listing  ul.products li.product .woocommerce-loop-product__title, body .kc-product-listing  .woocommerce-loop-product__title
{
  font-size: 18px;
    color: #002461;
    font-family: 'Heebo',sans-serif;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
}
body .kc-product-listing ul.products li.product {
  text-align: center;
}
body .kc-product-listing ul.products li.product .button
{
      color: white;
    background-color:#1dd0a0;
    font-family: 'Heebo',sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    text-decoration: none;
    border-radius: 100px 100px 100px 100px;
    padding: 15px 15px 15px 15px;
    margin-top:10px;
}
body .kc-product-listing ul.products li.product{
  transform:scale(1);
  transition:all 0.5s;
}
body .kc-product-listing ul.products li.product:hover{
  transform:scale(1.10);
  transition:all 0.5s;
}

.kc-points-retrait h2,
.kc-points-retrait .h2{
  color:#002461;
  font-size:30px;
  text-align: center;
  margin-top:0;
}

.kc-points-list{
  display: flex;
  gap:20px;
  justify-content:center;
}
.kc-point__wrapper{
  width:32%;
  list-style: none;
}
.kc-point{
  margin:0;
  padding:20px;
  border:1px solid #002461;
  padding:10px;
  border-radius:30px;

}
.kc-point-image{
  max-height:200px;
  overflow: hidden;
   border-radius:20px;
}
.kc-point-image img{
  border-radius:0px;
  width:100%;
  max-width:inherit;
  height:auto;
}
.kc-point h3{
  margin-top:10px;
  font-size:18px;
  color:#002461;
}

.kc-point-content h3{
  margin-bottom:10px;
  line-height:22px;
}
.kc-point-content{
  padding:10px;
}
.kc-point-content .kc-point-adresse img{
  float:left;
  margin-right:10px;
  margin-top:2px;
}
.kc-point-content .kc-point-adresse{
  color:#002461;
}

.kc-footer-title{
  display: none;
}

.kc-fournisseur-footer .kc-container,
.kc-fournisseur-header .kc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
}
.kc-fournisseur-footer .kc-container{
  justify-content: center;
}

.kc-fournisseur-footer .kc-container,
.kc-fournisseur-header .kc-container{
  padding:10px 20px;
}

body .kc-footer-logo,
body .kc-fournisseur-header .kc-container .left-part .kc-fournisseur-logo{
  max-width:150px;
}
body .kc-footer-logo{
  margin:0 auto;
}
/*pop up contact*/
#popup-informations h2,
#popup-localisation h2,
#popup-contact h2{
  margin-top:20px;
  margin-bottom:20px;
  font-size:25px;
  color: #002461;
}
#popup-contact h3{
  margin-top:10px;
  margin-bottom:10px;
  font-size:18px;
  color: #002461;
}
#popup-contact .field-wrap select,
#popup-contact .field-wrap textarea,
#popup-contact .field-wrap>div input{
  padding:5px;
  border-radius:10px;
  font-size:14px;
  color:#002461;
  height:40px;
  border:1px solid #002461;
}
#popup-contact .field-wrap textarea{
  height:90px;
}
#popup-contact .field-wrap textarea::placeholder,
#popup-contact .field-wrap>div input::placeholder{
  font-size:14px;
  color:#002461;
  opacity:0.7;
}
.location-details p{
  color:#002461;
}
a#btn-itineraire,
#popup-contact .field-wrap input[type=submit]{
  display: block;
  width:100%;
  padding:15px;
  color:white;
  height:auto;
  border-radius:100px;
  background:#001fff;
  text-align: center;
}
a#btn-itineraire:hover,
#popup-contact .field-wrap input[type=submit]:hover{
  background:#002461;
}
/*pop up localication*/
#popup-localisation .map-container{
  /* height:175px; */
}
/*infos fournisseur*/
#popup-informations .fournisseur-infos{
  background:#eaeaff;
  padding:20px;
  border-radius:20px;
}
#popup-informations .fournisseur-infos li{
  margin:0;
  margin-bottom:10px;
  color:#002461;
}
#popup-informations .fournisseur-description p{
  font-size:14px;
  color:#002461;
  opacity: 0.7;
}
/**responsive*/
/* Styles pour le menu burger */
.kc-burger-menu {
    display: none;
    background: none;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

.burger-line {
    width: 20px;
    height: 3px;
    transition: all 0.3s ease;
    transform-origin: center;
}

.kc-burger-menu.active .burger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 3px);
}

.kc-burger-menu.active .burger-line:nth-child(2) {
    opacity: 0;
}

.kc-burger-menu.active .burger-line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -5px);
}

/* Actions header - responsive */
.kc-header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}
.btn__wrapper{
  display: flex;
  justify-content: center;
}
.kc-accordion-toggle{
  background: none;
  border: 2px solid #002461;
  border-radius: 100px;
  padding: 10px 15px;
  color:#002461;
  font-size:14px;
  cursor: pointer;
}
.kc-accordion-toggle:hover{
  background:#002461;
  color:white;
  text-decoration: none;
}
.kc-accordion-toggle:focus{
  text-decoration: none;
}
.kc-contact-item strong{
  color:#002461;
}
.kc-contact-item a{
  /* color: #1dd0a0; */
  text-decoration: none;
}
@media (max-width: 1199px) { 
   body .kc-product-listing ul.products{
          grid-template-columns: 1fr 1fr;
          gap:0;
    }

    body .kc-points-list{
      margin-left:0;
    }
    body .kc-product-listing ul.products li.product{
      margin-left:0;
    }
    .kc-header-actions button{
      font-weight:500;
    }
}

@media (max-width: 1024px) { 
   body .kc-fournisseur-wrapper{
    display: block;
   }
    body .kc-product-listing ul.products{
          grid-template-columns: 1fr 1fr 1fr;
          gap:10px;
    }
    .kc-header-actions button{
      font-weight:500;
      font-size:14px;
    }
   .kc-product-listing{
    margin-top:40px;
}
.kc-product-listing .products .price{
  position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: block;
}
section.kc-points-retrait{
  padding-top:0;
}
body .kc-product-listing ul.products li.product .woocommerce-loop-product__title, body .kc-product-listing .woocommerce-loop-product__title{
  margin-bottom:5px;
}
}
  

@media (max-width: 768px)
{
  /* Affichage du menu burger en mobile */
  .kc-burger-menu {
    display: flex;
  }
  
  /* Menu actions en mobile */
  .kc-header-actions {
    position: absolute;
    top: 100%;
    right: 20px;
    background: white;
    border: 2px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    min-width: 200px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    flex-direction: column;
    gap: 10px;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
  }
  
  .kc-header-actions.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  
  .kc-header-actions button {
    width: 100%;
    margin: 0;
    padding: 12px 16px;
    border-radius: 10px;
  }
  
  .right-part {
    position: relative;
  }
  
  .kc-point__wrapper{
    width:47%;
  }
  .kc-points-retrait h2, .kc-points-retrait .h2{
    font-size:20px;
  }
  .kc-point-content h3{
  margin-bottom:10px;
  line-height:20px;
  font-size:16px;
}
    body .kc-product-listing ul.products {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    body .kc-points-list{
      flex-wrap: wrap;
    }
     .kc-point-content .kc-point-adresse{
      font-size:14px;
    }
    .kc-point-content .kc-point-adresse img{
      margin-right:5px;
    }
    .kc-header-actions button{
      font-size:13px;
    }
    body .elementor .kc-container .kc-footer-logo, body .kc-footer-logo, body .kc-fournisseur-header .kc-container .left-part .kc-fournisseur-logo{
      width:100px!important;
    }
    body .kc-fournisseur-footer .kc-container, body .kc-fournisseur-header .kc-container{
      padding:10px;
      border-radius:20px;
    }
}

@media (max-width: 490px){
  #popup-informations h2, #popup-localisation h2, #popup-contact h2{
    font-size:20px;
  }
  .fournisseur-infos li{
    font-size:13px;
  }
body .kc-product-listing ul.products {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .kc-point__wrapper{
      width:100%;
    }
    .kc-point-content .kc-point-adresse{
      font-size:14px;
    }
    .kc-point-content .kc-point-adresse img{
      margin-right:5px;
    }
    .kc-header-actions button{
      font-size:12px;
      margin-bottom:0;
    }
    
    /* Masquer le menu burger sur très petit écran si on préfère garder les boutons visibles */
    .kc-burger-menu {
      display: flex;
    }
    body .kc-fournisseur-header .kc-container{
      display: block;
      text-align: center;
    }
    .kc-fournisseur-header .kc-container .left-part{
      margin-bottom:15px;
    }
    body .elementor .kc-container .kc-footer-logo, body .kc-footer-logo, body .kc-fournisseur-header .kc-container .left-part .kc-fournisseur-logo{
      margin:0 auto;
    }
}