@charset "UTF-8";
/* ============================================================
   FENG SHUI CANCÚN — CARRITO WOOCOMMERCE CUSTOM STYLES
   Pegar en: WordPress Admin → Apariencia → Personalizar → CSS adicional
   O en: Elementor → Configuración del sitio → CSS personalizado
   ============================================================ */
/* ── FONDO Y BODY ── */
.woocommerce-cart .entry-content,
.woocommerce-cart #content,
.woocommerce-cart .site-main,
body.woocommerce-cart {
  background-color: #0E0E0E !important;
}

/* ── TÍTULO CARRITO ── */
.woocommerce-cart h1.entry-title,
.woocommerce-cart h1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 6px !important;
  text-transform: uppercase !important;
  color: #B49550 !important;
  text-align: center !important;
}

/* ── TABLA DEL CARRITO ── */
table.shop_table,
table.woocommerce-cart-form__contents {
  background: #141414 !important;
  border: 1px solid rgba(180, 149, 80, 0.2) !important;
  border-collapse: collapse !important;
  border-radius: 0 !important;
}

table.shop_table thead tr th {
  background: #1A1A1A !important;
  color: #B49550 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(180, 149, 80, 0.3) !important;
  padding: 16px 20px !important;
}

table.shop_table tbody tr td {
  background: #141414 !important;
  color: rgba(240, 234, 216, 0.85) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 20px !important;
  vertical-align: middle !important;
}

/* ── NOMBRE DEL PRODUCTO ── */
table.shop_table .product-name a {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif !important;
  text-decoration: none !important;
}

table.shop_table .product-name a:hover {
  color: #C8A84B !important;
}

/* ── PRECIOS ── */
table.shop_table .product-price,
table.shop_table .product-subtotal {
  color: #C8A84B !important;
  font-family: "Georgia", serif !important;
  font-size: 15px !important;
}

/* ── BOTÓN ELIMINAR ── */
table.shop_table .product-remove a.remove {
  color: rgba(204, 51, 51, 0.6) !important;
  font-size: 18px !important;
  background: transparent !important;
  border: none !important;
}

table.shop_table .product-remove a.remove:hover {
  color: #CC3333 !important;
  background: transparent !important;
}

/* ── CANTIDAD ── */
table.shop_table .quantity input.qty {
  background: #1A1A1A !important;
  border: 1px solid rgba(180, 149, 80, 0.3) !important;
  color: #FFFFFF !important;
  font-family: "Montserrat", sans-serif !important;
  text-align: center !important;
  width: 52px !important;
  padding: 8px !important;
}

/* ── FILA ACCIONES (BOTÓN ACTUALIZAR + CUPÓN) ── */
table.shop_table .actions {
  background: #1A1A1A !important;
  border-top: 1px solid rgba(180, 149, 80, 0.15) !important;
  padding: 16px 20px !important;
}

/* Input cupón */
table.shop_table .coupon input#coupon_code {
  background: #111 !important;
  border: 1px solid rgba(180, 149, 80, 0.3) !important;
  color: rgba(240, 234, 216, 0.8) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
}

table.shop_table .coupon input#coupon_code::placeholder {
  color: rgba(240, 234, 216, 0.3) !important;
}

/* Botón aplicar cupón */
table.shop_table .coupon button[name=apply_coupon] {
  background: transparent !important;
  border: 1px solid rgba(180, 149, 80, 0.4) !important;
  color: #B49550 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
}

table.shop_table .coupon button[name=apply_coupon]:hover {
  background: rgba(180, 149, 80, 0.1) !important;
  color: #C8A84B !important;
}

/* Botón actualizar carrito */
button[name=update_cart],
input[name=update_cart] {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(240, 234, 216, 0.5) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
}

/* ── TOTALES DEL CARRITO ── */
.cart_totals {
  background: #141414 !important;
  border: 1px solid rgba(180, 149, 80, 0.2) !important;
  padding: 0 !important;
}

.cart_totals h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #B49550 !important;
  background: #1A1A1A !important;
  padding: 16px 24px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(180, 149, 80, 0.2) !important;
}

table.shop_table.shop_table_responsive {
  border: none !important;
}

.cart_totals table.shop_table tbody tr th {
  background: transparent !important;
  color: rgba(240, 234, 216, 0.55) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  text-transform: none !important;
  padding: 14px 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.cart_totals table.shop_table tbody tr td {
  background: transparent !important;
  color: #FFFFFF !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 14px 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Total periódico */
.cart_totals .recurring-totals th,
.cart_totals .subscription-totals th {
  color: rgba(200, 168, 75, 0.7) !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
}

/* Texto pequeño en totales (impuestos, renovación) */
.cart_totals table small,
.cart_totals table .small,
.cart_totals .subscription-details {
  color: rgba(240, 234, 216, 0.35) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
}

/* ── BOTÓN FINALIZAR COMPRA ── */
.wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout .button.alt {
  background: #B49550 !important;
  background-image: none !important;
  color: #0E0E0E !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  padding: 18px 32px !important;
  border-radius: 0 !important;
  border: none !important;
  display: block !important;
  text-align: center !important;
  transition: background 0.2s ease !important;
  margin: 4px 0 0 0 !important;
}

.wc-proceed-to-checkout a.checkout-button:hover {
  background: #C8A84B !important;
  color: #0E0E0E !important;
}

/* ── MENSAJES DE NOTIFICACIÓN ── */
.woocommerce-message,
.woocommerce-info {
  background: rgba(180, 149, 80, 0.1) !important;
  border-top: 3px solid #B49550 !important;
  color: rgba(240, 234, 216, 0.8) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
}

.woocommerce-error {
  background: rgba(204, 51, 51, 0.08) !important;
  border-top: 3px solid #CC3333 !important;
  color: rgba(240, 234, 216, 0.8) !important;
  font-family: "Montserrat", sans-serif !important;
}

/* ── CARRITO VACÍO ── */
.cart-empty {
  color: rgba(240, 234, 216, 0.5) !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  text-align: center !important;
}

.return-to-shop .button {
  background: transparent !important;
  border: 1px solid rgba(180, 149, 80, 0.4) !important;
  color: #B49550 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 0 !important;
}

/* ============================================================
   FIN DEL CSS
   ============================================================ */