/* ========================================
   CAMBIOS PERSONALIZADOS - 2026-03-17
   SELECTORES CORREGIDOS
   ======================================== */

/* 1. Ajustar espaciado del carrito (imagen + texto más a la derecha) */
.cart-summary-products .media-left,
.cart-item .product-image,
.cart-grid .product-line-grid-left,
.cart-overview .product-line-grid-left,
.cart-detailed-product .product-image,
.product-line-grid .product-line-grid-left {
  padding-left: 20px !important;
  margin-left: 10px !important;
}

.cart-summary-products .media-body,
.cart-item .product-line-info,
.cart-grid .product-line-grid-body,
.product-line-grid .product-line-grid-body {
  padding-left: 20px !important;
}

/* Responsive móvil */
@media (max-width: 768px) {
  .cart-summary-products .media-left,
  .cart-item .product-image,
  .cart-grid .product-line-grid-left,
  .product-line-grid-left {
    padding-left: 25px !important;
    margin-left: 5px !important;
  }
  
  .cart-summary-products .media-body,
  .cart-item .product-line-info,
  .product-line-grid-body {
    padding-left: 20px !important;
  }
}





/* 2. Fondo gris azulado SOLO EN MÓVIL para categorías principales */
@media (max-width: 991px) {
  /* Mobile menu */
  .mobile-menu__link[href*="gps-para-autos"],
  .mobile-menu__link[href*="gps-para-motos"],
  .mobile-menu__link[href*="gps-para-camionetas"],
  .mobile-menu__link[href*="gps-para-camion"],
  .mobile-menu__link[href*="gps-maquinaria"] {
    background-color: #4a5f7a !important;
    color: #ffffff !important;
    padding: 12px 20px !important;
    border-radius: 4px !important;
    margin: 5px 0 !important;
  }

  /* Hover móvil */
  .mobile-menu__link[href*="gps-para-autos"]:hover,
  .mobile-menu__link[href*="gps-para-motos"]:hover,
  .mobile-menu__link[href*="gps-para-camionetas"]:hover,
  .mobile-menu__link[href*="gps-para-camion"]:hover,
  .mobile-menu__link[href*="gps-maquinaria"]:hover {
    background-color: #3a4f6a !important;
  }
}

/* ======================================== */











/* ========================================
   3. CARRITO LIMITADO A 1 UNIDAD
   ======================================== */

/* Mostrar contenedor de botones */
.cart-line-product-actions .input-group-btn-vertical,
.product-line-grid-right .input-group-btn-vertical,
.product-quantity .input-group-btn-vertical {
  display: flex !important;
  flex-direction: column !important;
}

/* Ocultar SOLO botón + */
.cart-item .bootstrap-touchspin-up,
.product-quantity .bootstrap-touchspin-up,
.js-increase-product-quantity,
button.bootstrap-touchspin-up {
  display: none !important;
}

/* Botón - visible con símbolo menos */
.cart-item .bootstrap-touchspin-down,
.product-quantity .bootstrap-touchspin-down,
.js-decrease-product-quantity,
button.bootstrap-touchspin-down {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #e0e0e0 !important;
  color: #666 !important;
  border: 1px solid #ccc !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-size: 18px !important;
  font-weight: bold !important;
  min-width: 30px !important;
  min-height: 30px !important;
}

/* Asegurar que el símbolo - aparezca */
.cart-item .bootstrap-touchspin-down::before,
.product-quantity .bootstrap-touchspin-down::before,
button.bootstrap-touchspin-down::before {
  content: "−" !important; /* Símbolo menos Unicode */
  display: block !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

/* Si el botón tiene icono <i>, ocultarlo y usar ::before */
.bootstrap-touchspin-down i {
  display: none !important;
}

/* Estado ERROR: Más de 1 unidad */
.cart-error .bootstrap-touchspin-down,
.cart-error button.bootstrap-touchspin-down {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  border: 2px solid #cc0000 !important;
  animation: pulseRed 1s infinite !important;
}

/* Campo de cantidad - FONDO BLANCO por defecto */
.cart-item input.js-cart-line-product-quantity,
.product-quantity input[name="qty"],
input.js-cart-line-product-quantity {
  background-color: #ffffff !important; /* BLANCO */
  text-align: center !important;
  transition: all 0.3s ease !important;
  font-weight: bold !important;
  border: 1px solid #ccc !important;
  color: #333 !important;
}

/* Fondo ROSA solo cuando cantidad > 1 */
.cart-error input.js-cart-line-product-quantity,
.cart-error input[name="qty"] {
  background-color: #ffb3d9 !important; /* Rosa */
  border: 2px solid #ff69b4 !important;
  color: #cc0055 !important;
  font-weight: bold !important;
}

/* Animación pulso rojo */
@keyframes pulseRed {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  50% {
    box-shadow: 0 0 10px 5px rgba(255, 0, 0, 0);
  }
}

/* Ajustar ancho del input de cantidad */
.cart-item .product-quantity,
.product-line-grid-right .product-quantity {
  max-width: 80px !important;
}

/* Mensaje de alerta visual */
.cart-quantity-warning {
  display: none;
  background-color: #fff3cd;
  border: 2px solid #ffc107;
  color: #856404;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 10px 0;
  font-weight: bold;
  text-align: center;
}

.cart-error .cart-quantity-warning {
  display: block !important;
}

/* ======================================== */