/* Fond gris en arrière-plan de la modale */
.nice-cart-overlay {
  display: none; /* Caché par défaut */ 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1040;
}

.nice-cart-modal {
  display: none;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 95vw;
  height: 95vh;
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
  z-index: 1050;
}

/* Bouton de fermeture (la croix) */
.nice-cart-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  line-height: 1;
}
.nice-cart-close:hover {
  color: #ff0000;
}


#nice-cart-dropdown-content {
  display: flex;
  flex-direction: column; /* Aligne les enfants verticalement */
  height: 100%; /* Important : il doit prendre toute la hauteur de son parent */
}


.nice-cart-modal-header {
  flex-shrink: 0; /* Empêche l'en-tête de rétrécir */
  padding: 1rem;
  padding-bottom:0px
}

/* --- 2. Zone de contenu scrollable --- */
.nice-cart-modal-body {
  flex-grow: 1; /* Permet à cette zone de prendre tout l'espace vertical restant */
  overflow-y: auto; /* Active le défilement vertical UNIQUEMENT si le contenu est trop grand */
  padding: 1rem;
padding-bottom:0px;
padding-top:0px;
}

/* --- 3. Pied de page fixe --- */
.nice-cart-modal-footer {
  flex-shrink: 0; /* Empêche le pied de page de rétrécir */
  padding: 1rem;
padding-top:0px;

}


/* --- Conteneur des deux colonnes --- */ 
.two-column-container {
  margin-bottom: 1.5rem; /* Espace sous les colonnes */
}

/* --- Style commun aux deux colonnes --- */
.column-left,
.column-right {
  border: 1px solid #e9ecef; /* Liseré de 1px */
  border-radius: .3rem; /* Bords arrondis */
  padding: 1rem;
}

.column-left {
  background-color: #f8f9fa; /* Couleur de fond claire 1 */
}

.column-right {
  background-color: #f1f3f5; /* Couleur de fond claire 2 */
}

/* --- Style des titres de colonnes --- */
.column-title {
  font-weight: 600;
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #dee2e6;
}


/* /modules/nice_shoppingcart/views/css/nice_shoppingcart.css */

.product-line-image img {
  border-radius: .3rem;
  border: 1px solid #dee2e6;
}

.product-line-info {
  /* Cette classe prendra toute la place disponible au centre */
}

.product-line-qte {
  /* Cette classe prendra toute la place disponible au centre */
}

.product-line-actions {
  width: 150px; /* Donne une largeur fixe à la colonne de droite */
  text-align: center;
}

.product-line-remove { 
    font-size: 1.25rem;
}



@media (max-width: 768px) {

  /* --- Gestion du formulaire de code promo --- */
  
  /* On permet au conteneur du formulaire de passer en colonne */
  .cart-vouchers form .d-flex {
    flex-direction: column; /* Les éléments passent les uns sous les autres */
    align-items: stretch; /* Les éléments s'étirent sur 100% de la largeur */
  }

  /* On supprime la marge du bouton et on en ajoute une au-dessus */
  .cart-vouchers form .btn {
    margin-left: 0 !important;
    margin-top: 0.5rem;
  }

  /* --- Gestion des totaux (Aperçu rapide) --- */

  /* On transforme chaque ligne de total en conteneur flex */
  .cart-summary-totals .d-flex {
    flex-direction: row; /* Assure que les éléments sont sur la même ligne */
    justify-content: space-between; /* Pousse le label à gauche et la valeur à droite */
  }
}