/* =========================================================
   📱 RÉGLAGES MOBILE (Écrans de moins de 768px)
   ========================================================= */
@media (max-width: 767px) {
  /* On force chaque option de livraison à s'empiler proprement */
  .delivery-option {
    display: flex !important;
    flex-direction: column !important;
  }

  /* On force le conteneur du point relais à prendre toute la largeur */
  .carrier-extra-content, 
  .chronorelais_informations,
  #chrono_postcode_controls {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    display: block !important;
  }

  /* On s'assure que la carte ne dépasse pas de l'écran */
  #it-relay-map-container, 
  #map-canvas {
    width: 100% !important;
    height: 300px !important;
  }
}

/* =========================================================
   💻 RÉGLAGES PC (Écrans de plus de 768px)
   ========================================================= */
@media (min-width: 768px) {
  /* On cache le bouton "Changer mon code postal" qui pose problème sur PC */
  #chrono_postcode_controls, 
  #change_postcode {
    display: none !important;
  }

  /* On force la carte et les textes à être bien alignés */
  .chronorelais_informations {
    width: 100% !important;
    display: block !important;
    margin-bottom: 20px !important;
  }

  #relais_txt_cont {
    clear: both !important;
    display: block !important;
  }
}

.images-container {
    .pk-ce-widget-wrapper {
        z-index: 1;
    }
    .elementor-slick-slider .slick-prev {
        left: 0;
    }
    .elementor-slick-slider .slick-next {
        right: 0;
    }
    .elementor-slick-slider .slick-arrow,
    .elementor-slick-slider .slick-arrow:hover {
        background-color: #ccc;
    }
    .elementor-slick-slider .slick-next:before {
        content: '\f105' !important;
    }
    .elementor-slick-slider .slick-prev:before {
        content: '\f104' !important;
    }
}

.product-images .slick-slide img,
.product-images .slick-track .slick-slide img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover !important;
}