/* =========================================================
   🎨 Variables de Colores (cambiar acá según evento)
   ========================================================= */
:root{
  --color-bg: #111;        /* fondo general */
  --color-text: #fff;      /* texto principal */
  --color-accent: #ccff00; /* verde neón */
  --color-hover: #ec4099;  /* fucsia hover */
  --color-border: #333;    /* bordes */
  --color-black: #000;     /* negro puro */
}

/* =========================================================
   WooCommerce – Productos
   ========================================================= */

/* Fondo general */
body.woocommerce{
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
}

/* Títulos */
body.woocommerce h1,
body.woocommerce h2,
body.woocommerce h3,
body.woocommerce h4{
  color: var(--color-accent) !important;
  font-family: 'Anton', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Precio */
body.woocommerce .price,
body.woocommerce .amount{
  color: var(--color-accent) !important;
  font-size: 28px !important;
  font-weight: bold !important;
}

/* Meta info */
body.woocommerce .product_meta,
body.woocommerce .posted_in{
  color: var(--color-text) !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}

/* Botones + centrado vertical */
body.woocommerce .single_add_to_cart_button,
body.woocommerce .button{
  background-color: var(--color-black) !important;
  color: var(--color-accent) !important;
  border: 2px solid var(--color-accent) !important;
  padding: 18px 30px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px !important;
  line-height: 1.2 !important;
}
body.woocommerce .single_add_to_cart_button:hover,
body.woocommerce .button:hover{
  background-color: var(--color-hover) !important;
  color: var(--color-text) !important;
  border-color: var(--color-hover) !important;
}

/* Ocultar tabs y categoría de producto */
body.woocommerce .woocommerce-tabs.wc-tabs-wrapper{ display:none !important; }
body.woocommerce .posted_in{ display:none !important; }

/* =========================================================
   WooCommerce – Carrito & Checkout
   ========================================================= */

body.woocommerce-cart,
body.woocommerce-checkout{
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
}

/* Títulos */
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart h4,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4{
  color: var(--color-accent) !important;
  font-family: 'Anton', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Botones carrito/checkout */
body.woocommerce-cart .button,
body.woocommerce-checkout .button{
  background-color: var(--color-black) !important;
  color: var(--color-accent) !important;
  border: 2px solid var(--color-accent) !important;
  padding: 15px 25px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover{
  background-color: var(--color-hover) !important;
  color: var(--color-text) !important;
  border-color: var(--color-hover) !important;
}

/* Tablas (carrito/checkout) */
body.woocommerce-cart table.cart th,
body.woocommerce-cart table.cart td{
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}
body.woocommerce .cart_totals th,
body.woocommerce .cart_totals td{
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}
body.woocommerce .cart_totals .order-total th,
body.woocommerce .cart_totals .order-total td{
  color: var(--color-accent) !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

/* Encabezados de tabla generales */
body.woocommerce table.shop_table th,
body.woocommerce-checkout table.shop_table th{
  color: var(--color-accent) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* Enlaces */
body.woocommerce a{ color:var(--color-accent) !important; }
body.woocommerce a:hover{ color:var(--color-hover) !important; }

/* =========================================================
   Notificaciones WooCommerce (base)
   ========================================================= */
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-error{
  background-color: var(--color-black) !important;
  border: 2px solid var(--color-accent) !important;
  color: var(--color-text) !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 15px 20px !important;
}
body.woocommerce .woocommerce-message a,
body.woocommerce .woocommerce-info a,
body.woocommerce .woocommerce-error a{
  color: var(--color-accent) !important;
  text-decoration: none !important;
}
body.woocommerce .woocommerce-message a:hover,
body.woocommerce .woocommerce-info a:hover,
body.woocommerce .woocommerce-error a:hover{
  color: var(--color-hover) !important;
}
/* Ocultar íconos por defecto si molestan */
/* body.woocommerce .woocommerce-message::before,
body.woocommerce .woocommerce-info::before,
body.woocommerce .woocommerce-error::before{ display:none !important; } */

/* =========================================================
   Pedido recibido (Thank you)
   ========================================================= */

body.woocommerce-order-received h1,
body.woocommerce-order-received h3{ display:none !important; }

body.woocommerce-order-received p.woocommerce-thankyou-order-received{
  font-size: 28px !important;
  font-family: 'Anton', sans-serif !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: var(--color-text) !important;
  margin: 40px 0 30px 0 !important;
}

/* Bloque con datos del pedido */
body.woocommerce-order-received .woocommerce-order-overview li{
  font-size: 16px !important;
  font-family: 'Cousine', monospace !important;
  color: var(--color-text) !important;
  margin: 5px 15px !important;
  display: inline-block !important;
}
body.woocommerce-order-received .woocommerce-order-overview strong{
  color: var(--color-text) !important;
}

/* Alias y CVU */
body.woocommerce-order-received .woocommerce-bacs-bank-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details li{
  font-size: 22px !important;
  font-family: 'Cousine', monospace !important;
  font-weight: bold !important;
  color: var(--color-text) !important;
  text-align: center !important;
  margin: 10px 0 -20px 0 !important;
}
body.woocommerce-order-received .woocommerce-bacs-bank-details strong{
  color: var(--color-accent) !important;
}

/* Ocultar dirección de facturación y tabla de detalles */
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received table.shop_table.order_details,
body.woocommerce-order-received .woocommerce-order-details{
  display: none !important;
}

/* =========================================================
   Menú en páginas WooCommerce
   ========================================================= */
body.woocommerce .classic-menu ul li a,
body.woocommerce-page .classic-menu ul li a{
  background: transparent !important;
  color: var(--color-text) !important;
  padding: 10px 15px !important;
  display: inline-block !important;
  transition: all .3s ease-in-out !important;
}
body.woocommerce .classic-menu ul li a:hover,
body.woocommerce-page .classic-menu ul li a:hover{
  background-color: var(--color-hover) !important;
  color: var(--color-text) !important;
  border-radius: 3px !important;
}
body.woocommerce .classic-menu ul li.current-menu-item a,
body.woocommerce-page .classic-menu ul li.current-menu-item a{
  color: var(--color-accent) !important;
}

/* =========================================================
   Menú Fiesta Levox (page-id-1232)
   ========================================================= */
body.page-id-1232 .classic-menu{
  background-color: rgba(0,0,0,.7) !important;
  transition: background-color .5s ease !important;
}
body.page-id-1232.scrolled .classic-menu{
  background-color: var(--color-black) !important;
}
body.page-id-1232 .classic-menu ul li a{
  background: transparent !important;
  color: var(--color-text) !important;
  padding: 10px 15px !important;
  display: inline-block !important;
  transition: all .3s ease-in-out !important;
}
body.page-id-1232 .classic-menu ul li a:hover{
  background-color: var(--color-hover) !important;
  color: var(--color-text) !important;
  border-radius: 3px !important;
}
body.page-id-1232 .classic-menu ul li.current-menu-item a{
  color: var(--color-accent) !important;
}

/* =========================================================
   Footer (WooCommerce + Fiesta Levox)
   ========================================================= */
body.woocommerce #footer,
body.woocommerce .footer-block,
body.woocommerce .footer-row,
body.woocommerce-cart #footer,
body.woocommerce-cart .footer-block,
body.woocommerce-cart .footer-row,
body.woocommerce-checkout #footer,
body.woocommerce-checkout .footer-block,
body.woocommerce-checkout .footer-row,
body.woocommerce-order-received #footer,
body.woocommerce-order-received .footer-block,
body.woocommerce-order-received .footer-row,
body.page-id-1232 #footer,
body.page-id-1232 .footer-block,
body.page-id-1232 .footer-row{
  background-color: var(--color-black) !important;
  color: var(--color-text) !important;
}

/* Íconos sociales footer */
.footer-block .social-networks a,
.footer-block .social-networks a:visited{
  color: var(--color-text) !important;
  background: transparent !important;
}
.footer-block .social-networks a:hover,
.footer-block .social-networks a:focus{
  color: var(--color-hover) !important;
  background: transparent !important; /* evita disco oscuro */
}
.footer-block .social-networks a i{ color: inherit !important; }

/* =========================================================
   Correcciones de color (para tema que inyecta rojo)
   ========================================================= */
body.woocommerce table.shop_table td,
body.woocommerce-checkout table.shop_table td{
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}
body.woocommerce .cart-subtotal th,
body.woocommerce .cart-subtotal td{
  color: var(--color-text) !important;
}

/* Método de pago activo */
body.woocommerce-checkout #payment .wc_payment_methods li label{
  color: var(--color-text) !important;
}
body.woocommerce-checkout #payment .wc_payment_methods li input[type="radio"]:checked + label{
  color: var(--color-accent) !important;
}

/* =========================================================
   Mercado Pago – forzar fondo BLANCO + títulos NEGROS
   ========================================================= */
body.woocommerce-checkout #payment .mp-checkout-container,
body.woocommerce #payment .mp-checkout-container,
body.woocommerce-checkout #payment .mp-checkout-pro-content,
body.woocommerce #payment .mp-checkout-pro-content{
  background: #fff !important;                   /* fondo blanco */
  border: 1px solid var(--color-border) !important;
  color: #000 !important;                        /* texto negro */
}
body.woocommerce-checkout #payment .mp-checkout-container h1,
body.woocommerce-checkout #payment .mp-checkout-container h2,
body.woocommerce-checkout #payment .mp-checkout-container h3,
body.woocommerce-checkout #payment .mp-checkout-container strong,
body.woocommerce #payment .mp-checkout-container h1,
body.woocommerce #payment .mp-checkout-container h2,
body.woocommerce #payment .mp-checkout-container h3,
body.woocommerce #payment .mp-checkout-container strong{
  color: #000 !important;                        /* títulos negros */
  font-family: 'Anton', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-bottom: 15px !important;
}
body.woocommerce-checkout #payment .mp-checkout-container p,
body.woocommerce-checkout #payment .mp-checkout-container li,
body.woocommerce-checkout #payment .mp-checkout-container span,
body.woocommerce-checkout #payment .mp-checkout-container div,
body.woocommerce #payment .mp-checkout-container p,
body.woocommerce #payment .mp-checkout-container li,
body.woocommerce #payment .mp-checkout-container span,
body.woocommerce #payment .mp-checkout-container div{
  color: #000 !important;
  background: transparent !important;
}
/* Logos de tarjetas visibles */
body.woocommerce-checkout #payment .mp-checkout-container img,
body.woocommerce-checkout #payment .mp-checkout-pro-content img{
  max-height: 28px !important;
  margin: 5px !important;
  filter: none !important;
}

/* Botón Realizar pedido */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .button#place_order{
  background: var(--color-black) !important;
  border: 2px solid var(--color-accent) !important;
  color: var(--color-accent) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .button#place_order:hover{
  background: var(--color-hover) !important;
  border-color: var(--color-hover) !important;
  color: var(--color-text) !important;
}

/* =========================================================
   Avisos WooCommerce – fix final (texto BLANCO)
   ========================================================= */
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-error,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-error{
  background: transparent !important;
  border: 2px solid var(--color-accent) !important;
  color: var(--color-text) !important;       /* texto BLANCO */
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 14px 18px !important;
}
body.woocommerce .woocommerce-message a,
body.woocommerce .woocommerce-info a,
body.woocommerce .woocommerce-error a,
body.woocommerce-page .woocommerce-message a,
body.woocommerce-page .woocommerce-info a,
body.woocommerce-page .woocommerce-error a{
  color: var(--color-accent) !important;
  text-decoration: none !important;
}
body.woocommerce .woocommerce-message a:hover,
body.woocommerce .woocommerce-info a:hover,
body.woocommerce .woocommerce-error a:hover,
body.woocommerce-page .woocommerce-message a:hover,
body.woocommerce-page .woocommerce-info a:hover,
body.woocommerce-page .woocommerce-error a:hover{
  color: var(--color-hover) !important;
}
body.woocommerce .woocommerce-message::before,
body.woocommerce .woocommerce-info::before,
body.woocommerce .woocommerce-error::before,
body.woocommerce-page .woocommerce-message::before,
body.woocommerce-page .woocommerce-info::before,
body.woocommerce-page .woocommerce-error::before{
  color: var(--color-accent) !important;
}

/* ===== MP: título en NEGRO (override final) ===== */
body.woocommerce-checkout #payment .mp-checkout-container h1,
body.woocommerce-checkout #payment .mp-checkout-container h2,
body.woocommerce-checkout #payment .mp-checkout-container h3,
body.woocommerce-checkout #payment .mp-checkout-container strong,
body.woocommerce #payment .mp-checkout-container h1,
body.woocommerce #payment .mp-checkout-container h2,
body.woocommerce #payment .mp-checkout-container h3,
body.woocommerce #payment .mp-checkout-container strong,
body.woocommerce-checkout #payment .mp-checkout-pro-content h1,
body.woocommerce-checkout #payment .mp-checkout-pro-content h2,
body.woocommerce-checkout #payment .mp-checkout-pro-content h3,
body.woocommerce-checkout #payment .mp-checkout-pro-content strong,
body.woocommerce #payment .mp-checkout-pro-content h1,
body.woocommerce #payment .mp-checkout-pro-content h2,
body.woocommerce #payment .mp-checkout-pro-content h3,
body.woocommerce #payment .mp-checkout-pro-content strong {
  color: #000 !important;          /* negro sólido */
  text-shadow: none !important;    /* por si algún estilo lo aclara */
  filter: none !important;
}

/* Ocultar el título "Detalles de facturación" en checkout */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__title {
  display: none !important;
}

/* (opcional) quita el espacio superior que dejaba ese h3 */
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
  margin-top: 0 !important;
}

/* ===============================
   CART: quitar rojos en tabla
   =============================== */

/* Nombre del producto (link y texto) */
body.woocommerce-cart table.shop_table .product-name,
body.woocommerce-cart table.shop_table .product-name a {
  color: var(--color-text) !important;
}
body.woocommerce-cart table.shop_table .product-name a:hover {
  color: var(--color-hover) !important;
}

/* Encabezados "SUBTOTAL", "TOTAL" en Totales del carrito */
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals th a {
  color: var(--color-accent) !important;
}

/* Valores numéricos por defecto (evita rojo) */
body.woocommerce-cart .cart_totals td,
body.woocommerce-cart .cart_totals td a,
body.woocommerce-cart .cart_totals td .amount,
body.woocommerce-cart .woocommerce-Price-amount,
body.woocommerce-cart .amount {
  color: var(--color-text) !important;
}

/* Fila de TOTAL destacada en neón */
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total .amount,
body.woocommerce-cart .order-total .woocommerce-Price-amount {
  color: var(--color-accent) !important;
  font-weight: 900 !important;
}

/* =======================
   WooCart – quitar rojos
   ======================= */

/* 1) Nombre de producto en blanco */
body.woocommerce-cart .cart .product-name,
body.woocommerce-cart .cart .product-name a {
  color: var(--color-text) !important;
}

/* 2) Tabla de totales: texto general en blanco */
body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td,
body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td {
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* 3) Subtotal en blanco (algunos temas lo pintan rojo) */
body.woocommerce-cart .cart-subtotal th,
body.woocommerce-cart .cart-subtotal td,
body.woocommerce-cart .cart-subtotal .amount {
  color: var(--color-text) !important;
}

/* 4) TOTAL destacado en verde neón */
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total .amount {
  color: var(--color-accent) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* 5) Asegurar que cualquier .amount dentro de totales herede el color correcto */
body.woocommerce-cart .cart_totals td .amount,
body.woocommerce-cart .cart_totals th .amount {
  color: inherit !important;
}

/* ===== Cart: ocultar check verde del aviso ===== */
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message::before,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info::before,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error::before,
body.woocommerce-cart .woocommerce .woocommerce-message::before,
body.woocommerce-cart .woocommerce .woocommerce-info::before,
body.woocommerce-cart .woocommerce .woocommerce-error::before {
  display: none !important;
  content: '' !important;
}

/* Ajuste de padding del aviso (sin ícono) */
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error {
  padding-left: 18px !important;
}

/* ===== Cart: ocultar título “Entradas” sólo en carrito ===== */
body.woocommerce-cart .entry-title,
body.woocommerce-cart h1.entry-title,
body.woocommerce-cart .page-title,
body.woocommerce-cart h1.page-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ===== Placeholder del campo CUPÓN (carrito + checkout) ===== */
body.woocommerce-cart #coupon_code,
body.woocommerce-checkout #coupon_code {
  color: #fff !important;                  /* color del texto cuando escribís */
}

/* Placeholders (todas las variantes de navegador) */
body.woocommerce-cart #coupon_code::placeholder,
body.woocommerce-checkout #coupon_code::placeholder,
body.woocommerce-cart #coupon_code::-webkit-input-placeholder,
body.woocommerce-checkout #coupon_code::-webkit-input-placeholder,
body.woocommerce-cart #coupon_code::-moz-placeholder,
body.woocommerce-checkout #coupon_code::-moz-placeholder,
body.woocommerce-cart #coupon_code:-ms-input-placeholder,
body.woocommerce-checkout #coupon_code:-ms-input-placeholder,
body.woocommerce-cart #coupon_code::-ms-input-placeholder,
body.woocommerce-checkout #coupon_code::-ms-input-placeholder {
  color: #bfbfbf !important;               /* ← cambiá este gris si querés otro tono */
  opacity: 1 !important;                   /* Safari/Firefox */
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
}

/* ===== Cupón: placeholder y texto (override fuerte) ===== */

/* Color del texto que escribís */
body.woocommerce-cart form .coupon #coupon_code,
body.woocommerce-checkout form .coupon #coupon_code {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* Safari */
  caret-color: #fff !important;
}

/* Placeholders (todas las variantes de navegador) */
body.woocommerce-cart form .coupon #coupon_code::placeholder,
body.woocommerce-checkout form .coupon #coupon_code::placeholder,
body.woocommerce-cart form .coupon #coupon_code::-webkit-input-placeholder,
body.woocommerce-checkout form .coupon #coupon_code::-webkit-input-placeholder,
body.woocommerce-cart form .coupon #coupon_code::-moz-placeholder,
body.woocommerce-checkout form .coupon #coupon_code::-moz-placeholder,
body.woocommerce-cart form .coupon #coupon_code:-ms-input-placeholder,
body.woocommerce-checkout form .coupon #coupon_code:-ms-input-placeholder,
body.woocommerce-cart form .coupon #coupon_code::-ms-input-placeholder,
body.woocommerce-checkout form .coupon #coupon_code::-ms-input-placeholder {
  color: #d0d0d0 !important;   /* <-- cambiá por #fff si querés blanco total */
  opacity: 1 !important;       /* necesario en Firefox */
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
}

/* Aún más específico por si el tema insiste */
body.woocommerce .coupon input.input-text#coupon_code::placeholder,
body.woocommerce-page .coupon input.input-text#coupon_code::placeholder {
  color: #d0d0d0 !important;
  opacity: 1 !important;
}

/* Coupon input + placeholder con variables del tema */
body.woocommerce-cart .coupon #coupon_code,
body.woocommerce-checkout .coupon #coupon_code,
input#coupon_code.input-text {
  background: var(--color-text) !important;          /* caja blanca */
  color: var(--color-black) !important;              /* texto negro */
  -webkit-text-fill-color: var(--color-black) !important; /* Safari */
  border: 2px solid var(--color-accent) !important;  /* borde neón (consistente) */
}

/* Placeholder negro (todas las variantes) */
body.woocommerce-cart .coupon #coupon_code::placeholder,
body.woocommerce-checkout .coupon #coupon_code::placeholder,
body.woocommerce-cart .coupon #coupon_code::-webkit-input-placeholder,
body.woocommerce-checkout .coupon #coupon_code::-webkit-input-placeholder,
body.woocommerce-cart .coupon #coupon_code::-moz-placeholder,
body.woocommerce-checkout .coupon #coupon_code::-moz-placeholder,
body.woocommerce-cart .coupon #coupon_code:-ms-input-placeholder,
body.woocommerce-checkout .coupon #coupon_code:-ms-input-placeholder,
body.woocommerce-cart .coupon #coupon_code::-ms-input-placeholder,
body.woocommerce-checkout .coupon #coupon_code::-ms-input-placeholder,
input#coupon_code.input-text::placeholder {
  color: var(--color-black) !important;
  opacity: 1 !important; /* necesario en Firefox */
}

/* ===========================================
   Placeholder del cupón SIEMPRE negro
   (cart + checkout) — usando variables
   =========================================== */

/* Base (por si alcanza) */
input#coupon_code::placeholder,
input#coupon_code::-webkit-input-placeholder,
input#coupon_code::-moz-placeholder,
input#coupon_code:-ms-input-placeholder,
input#coupon_code::-ms-input-placeholder {
  color: var(--color-black) !important;
  opacity: 1 !important; /* Firefox */
}

/* Cart – ultra específico (gana a cualquier regla previa) */
html body.woocommerce-cart form.woocommerce table.shop_table td.actions .coupon input#coupon_code::placeholder,
html body.woocommerce-cart form.woocommerce table.shop_table td.actions .coupon input#coupon_code::-webkit-input-placeholder,
html body.woocommerce-cart form.woocommerce table.shop_table td.actions .coupon input#coupon_code::-moz-placeholder,
html body.woocommerce-cart form.woocommerce table.shop_table td.actions .coupon input#coupon_code:-ms-input-placeholder,
html body.woocommerce-cart form.woocommerce table.shop_table td.actions .coupon input#coupon_code::-ms-input-placeholder {
  color: var(--color-black) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--color-black) !important; /* WebKit quirk */
}

/* Checkout – por las dudas */
html body.woocommerce-checkout .coupon input#coupon_code::placeholder,
html body.woocommerce-checkout .coupon input#coupon_code::-webkit-input-placeholder,
html body.woocommerce-checkout .coupon input#coupon_code::-moz-placeholder,
html body.woocommerce-checkout .coupon input#coupon_code:-ms-input-placeholder,
html body.woocommerce-checkout .coupon input#coupon_code::-ms-input-placeholder {
  color: var(--color-black) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--color-black) !important;
}

/* (Opcional) truco extra por si algún tema fuerza blanco vía sombras */
html body.woocommerce-cart form.woocommerce table.shop_table td.actions .coupon input#coupon_code::placeholder {
  text-shadow: 0 0 0 var(--color-black) !important;
}

/* =========================================================
   Cupón (cart/checkout): placeholder negro, texto escrito blanco
   ========================================================= */

/* Color del texto ESCRITO y del cursor */
body.woocommerce-cart form .coupon #coupon_code,
body.woocommerce-checkout form .coupon #coupon_code {
  color: var(--color-text) !important;        /* p.ej. blanco */
  caret-color: var(--color-text) !important;  /* cursor */
}

/* Placeholder negro (método 1: pseudo-elementos) */
body.woocommerce-cart form .coupon #coupon_code::placeholder,
body.woocommerce-cart form .coupon #coupon_code::-webkit-input-placeholder,
body.woocommerce-cart form .coupon #coupon_code::-moz-placeholder,
body.woocommerce-cart form .coupon #coupon_code:-ms-input-placeholder,
body.woocommerce-cart form .coupon #coupon_code::-ms-input-placeholder,
body.woocommerce-checkout form .coupon #coupon_code::placeholder,
body.woocommerce-checkout form .coupon #coupon_code::-webkit-input-placeholder,
body.woocommerce-checkout form .coupon #coupon_code::-moz-placeholder,
body.woocommerce-checkout form .coupon #coupon_code:-ms-input-placeholder,
body.woocommerce-checkout form .coupon #coupon_code::-ms-input-placeholder {
  color: var(--color-black) !important;       /* negro */
  opacity: 1 !important;                      /* Firefox */
}

/* Placeholder negro (método 2 “a prueba de balas” WebKit):
   cuando el campo está vacío y mostrando el placeholder */
body.woocommerce-cart form .coupon #coupon_code:placeholder-shown,
body.woocommerce-checkout form .coupon #coupon_code:placeholder-shown {
  -webkit-text-fill-color: var(--color-black) !important;  /* negro en WebKit */
  color: var(--color-black) !important;                    /* fallback */
}

/* ===== Mercado Pago: título gris SOLO dentro del bloque ===== */
:root { --color-heading-muted: #555555; } /* por si querés tunear el tono */

body.woocommerce-checkout #payment .mp-checkout-container .mp-checkout-pro-benefits-title,
body.woocommerce-checkout #payment .mp-checkout-pro-content .mp-checkout-pro-benefits-title,
body.woocommerce #payment .mp-checkout-container .mp-checkout-pro-benefits-title,
body.woocommerce #payment .mp-checkout-pro-content .mp-checkout-pro-benefits-title {
  color: var(--color-heading-muted, #555555) !important;
}

/* =========================================================
   Fix Mobile WooCommerce (Cart, Checkout, Order)
   ========================================================= */

/* Textos generales en móvil */
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
  color: var(--color-text) !important;
  background-color: var(--color-bg) !important;
}

/* Encabezados en móvil */
body.woocommerce-page h1,
body.woocommerce-page h2,
body.woocommerce-page h3,
body.woocommerce-page h4,
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart h4,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4,
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3,
body.woocommerce-order-received h4 {
  color: var(--color-accent) !important;
  font-family: 'Anton', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Tablas en móvil */
body.woocommerce-page table.shop_table th,
body.woocommerce-page table.shop_table td,
body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td,
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* Subtotal y total */
body.woocommerce-page .cart-subtotal td,
body.woocommerce-page .cart-subtotal th,
body.woocommerce-cart .cart-subtotal td,
body.woocommerce-cart .cart-subtotal th,
body.woocommerce-checkout .cart-subtotal td,
body.woocommerce-checkout .cart-subtotal th {
  color: var(--color-text) !important;
}

body.woocommerce-page .order-total td,
body.woocommerce-page .order-total th,
body.woocommerce-cart .order-total td,
body.woocommerce-cart .order-total th,
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .order-total th {
  color: var(--color-accent) !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

/* Botones en móvil */
body.woocommerce-page .button,
body.woocommerce-cart .button,
body.woocommerce-checkout .button {
  background-color: var(--color-black) !important;
  color: var(--color-accent) !important;
  border: 2px solid var(--color-accent) !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}

body.woocommerce-page .button:hover,
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover {
  background-color: var(--color-hover) !important;
  color: var(--color-text) !important;
  border-color: var(--color-hover) !important;
}

/* Placeholder cupon en móvil */
body.woocommerce-page form .coupon #coupon_code,
body.woocommerce-cart form .coupon #coupon_code,
body.woocommerce-checkout form .coupon #coupon_code {
  -webkit-text-fill-color: var(--color-black) !important;
  color: var(--color-black) !important;
  caret-color: var(--color-text) !important;
}