/* =====================================================
   GX COMBOS — Estilos del Carrito
===================================================== */

/* Identificación visual de items que pertenecen a un combo */
.woocommerce-cart .cart_item.gx-combo-item,
.woocommerce-checkout .cart_item.gx-combo-item {
  background: #f0f8ff !important;
  border-left: 3px solid #2271b1 !important;
}

.woocommerce-cart .cart_item.gx-combo-item--base,
.woocommerce-checkout .cart_item.gx-combo-item--base {
  border-left-color: #00a32a !important;
}

/* Etiqueta dentro del item */
.woocommerce-cart .cart_item.gx-combo-item .woocommerce-Price-amount,
.woocommerce-checkout .cart_item.gx-combo-item .woocommerce-Price-amount {
  position: relative;
}

/* El meta "🎁 Combo: ..." que mostramos */
.wc-item-meta,
.product-info-meta {
  font-size: 12px;
  color: #2271b1;
  margin-top: 4px;
  display: block;
}

.wc-item-meta strong {
  font-weight: 600;
  color: #2271b1;
}

/* Etiqueta sticky tipo "Combo" */
.gx-combo-badge {
  display: inline-block;
  background: #2271b1;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 8px;
  vertical-align: middle;
}

.gx-combo-badge--base {
  background: #00a32a;
}

/* Separador visual entre combos */
.gx-combo-separator {
  height: 1px;
  background: #e1e5e9;
  margin: 8px 0;
}

/* Fila del fee del combo destacada */
.cart-subtotal,
.fee {
  position: relative;
}

.fee:has([data-fee*="Combo"]) {
  color: #00a32a;
  font-weight: 600;
}

/* Animación de éxito al agregar combo */
@keyframes gx-flash-success {
  0%   { background: transparent; }
  50%  { background: rgba(0, 163, 42, 0.15); }
  100% { background: transparent; }
}

.gx-combo-just-added {
  animation: gx-flash-success 1.2s ease-out 1;
}

/* =====================================================
   ETAPA 7: PULIDO ADICIONAL
===================================================== */

/* Cantidad fija en items de combo */
.gx-combo-fixed-qty {
    display: inline-block;
    background: #f0f8ff;
    border: 1px solid #2271b1;
    color: #2271b1;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 14px;
    cursor: not-allowed;
  }
  
  /* Caja informativa arriba del carrito */
  .gx-combo-info-box {
    background: linear-gradient(135deg, #e7f5ff 0%, #f0f8ff 100%);
    border: 1px solid #74c0fc;
    border-left: 4px solid #2271b1;
    border-radius: 8px;
    padding: 14px 18px;
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 1.5;
  }
  
  .gx-combo-info-box p {
    margin: 0;
    color: #1864ab;
  }
  
  .gx-combo-info-box strong {
    color: #0c4a82;
  }
  
  /* Resaltar el botón "Eliminar" en items de combo */
  .cart_item.gx-combo-item .remove,
  .cart_item.gx-combo-item .product-remove a,
  .cart_item.gx-combo-item .gx-cart-remove,
  .cart_item.gx-combo-item .gx-quitar {
    position: relative;
  }
  
  .cart_item.gx-combo-item .remove::after,
  .cart_item.gx-combo-item .product-remove a::after {
    content: '⚠️';
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
    background: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  }
  
  /* Mensajes de notice del combo */
  .woocommerce-notices-wrapper .woocommerce-message:has-text("combo"),
  .woocommerce-notices-wrapper .woocommerce-info:has-text("combo") {
    border-left-color: #2271b1;
  }