/* 
 * Amazonia Theme Main Styles
 * Designed for a dynamic WooCommerce store
 */

/* Work Sans — variable font, pesos 300–900, subset latin */
@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/work-sans-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Inter — variable font, pesos 100–900, subset latin */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Outfit — variable font, pesos 100–900, subset latin */
@font-face {
  font-family: 'Outfit';
  src: url('../fonts/outfit-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Brand / Primary ───────────────────────────────── */
  --primary:            #16a34a;   /* verde principal (botones, CTA) */
  --primary-bright:     #4ade80;   /* verde brillante (acentos, hovers) */
  --primary-mid:        #22c55e;   /* verde medio (gradientes) */
  --primary-dark:       #15803d;   /* verde oscuro (hover de botón) */

  /* ── Forest palette (fondos amazónicos) ────────────── */
  --forest-deepest:     #0a2e0a;   /* fondo footer inicio */
  --forest-deep:        #0f3d1a;   /* fondo footer centro */
  --forest-dark:        #0a2a12;   /* fondo footer fin */
  --forest-green:       #1a5c2a;   /* verde selva medio */
  --forest-surface:     #0f2d10;   /* superficies oscuras sobre fondo forestal */

  /* ── Green text scale ──────────────────────────────── */
  --green-50:           #f0fdf4;   /* casi blanco verdoso — títulos principales */
  --green-100:          #dcfce7;   /* texto muy claro */
  --green-200:          #bbf7d0;   /* párrafos sobre fondo oscuro */
  --green-300:          #86efac;   /* texto suave / labels / badges */
  --green-400:          #4ade80;   /* acento brillante */
  --green-600:          #16a34a;   /* texto activo / primario */
  --green-700:          #15803d;   /* texto interactivo hover */
  --green-800:          #166534;   /* texto oscuro sobre fondo claro */
  --green-900:          #14532d;   /* fondo sección oscura garantizado */

  /* ── Neutral / UI ──────────────────────────────────── */
  --dark-bg:            #0f172a;
  --dark-surface:       #1e293b;
  --light-bg:           #f8fafc;
  --light-surface:      #ffffff;
  --text-main:          #334155;
  --text-muted:         #64748b;
  --text-light:         #f8fafc;
  --border:             #e2e8f0;

  /* ── Glow / blur helpers ───────────────────────────── */
  --glow-primary:       rgba(74, 222, 128, 0.35);  /* sombra luminosa verde */
  --glow-primary-lg:    rgba(74, 222, 128, 0.50);  /* sombra hover */
  --blur-overlay:       rgba(255, 255, 255, 0.05); /* glassmorphism sobre oscuro */
  --border-glass:       rgba(74, 222, 128, 0.25);  /* borde translúcido verde */

  /* ── Shadows ───────────────────────────────────────── */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.1);
  --shadow-md:    0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
  --shadow-green: 0 4px 15px var(--glow-primary);

  /* ── Gradients ─────────────────────────────────────── */
  --gradient-forest:  linear-gradient(170deg, var(--forest-deepest) 0%, var(--forest-deep) 40%, var(--forest-dark) 100%);
  --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-mid));
  --gradient-divider: linear-gradient(90deg, transparent 0%, rgba(74,222,128,0.4) 30%, rgba(22,163,74,0.6) 50%, rgba(74,222,128,0.4) 70%, transparent 100%);

  /* ── Misc ──────────────────────────────────────────── */
  --radius: 12px;
}

body {
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  background-color: var(--light-bg);
  color: var(--text-main);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  color: var(--dark-bg);
}

/* ===== Product Cards: Force images to fill container ===== */
.wc-block-grid__product-image img,
ul.products li.product .aspect-square img,
li.product .aspect-square img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  max-width: none !important;
}

/* Forms styling replaced by Tailwind plugins */

/* Footer */
.site-footer {
  background-color: var(--dark-surface);
  color: var(--text-light);
  padding: 40px 20px;
  text-align: center;
  margin-top: 60px;
}
.site-footer p {
  color: #94a3b8;
  margin: 0;
}

/* ===== WooCommerce Product Reviews ===== */
.woocommerce-Reviews .commentlist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-Reviews .commentlist li.comment {
  background: var(--light-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.3s ease;
}

.woocommerce-Reviews .commentlist li.comment:hover {
  box-shadow: var(--shadow-md);
}

.woocommerce-Reviews .commentlist .comment_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .woocommerce-Reviews .commentlist .comment_container {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.woocommerce-Reviews .commentlist img.avatar {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border: 2px solid #e2e8f0;
  padding: 2px;
  background: white;
  transition: border-color 0.3s ease;
}

.woocommerce-Reviews .commentlist li.comment:hover img.avatar {
  border-color: var(--primary);
}

.woocommerce-Reviews .commentlist .comment-text {
  flex: 1;
}

.woocommerce-Reviews .commentlist .meta {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.woocommerce-Reviews .commentlist .meta strong {
  color: var(--text-main);
  font-weight: 600;
  font-size: 1.05rem;
  font-family: 'Outfit', sans-serif;
}

.woocommerce-Reviews .commentlist .description {
  color: var(--text-main);
  line-height: 1.6;
  font-size: 0.95rem;
}

.woocommerce-Reviews .star-rating {
  float: right;
  color: #fbbf24;
}

/* Star Rating in form */
.comment-form-rating .stars {
  display: flex;
  gap: 0.25rem;
}

.comment-form-rating .stars a {
  color: #cbd5e1;
  transition: color 0.2s ease;
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a.active {
  color: #fbbf24;
}

/* ===== WCFM Enquiry Modal (Colorbox) ===== */
#colorbox #enquiry_form_wrapper {
  padding: 0 !important;
}

#colorbox #enquiry_form {
  background: var(--light-surface) !important;
  border-radius: var(--radius) !important;
  padding: 2rem !important;
  box-shadow: var(--shadow-md) !important;
}

#colorbox #enquiry_form h2 {
  font-family: 'Outfit', sans-serif !important;
  color: var(--dark-bg) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 1rem !important;
}

#colorbox .wcfm_popup_label {
  display: block !important;
  font-weight: 500 !important;
  color: var(--text-main) !important;
  margin-bottom: 0.5rem !important;
  font-size: 0.875rem !important;
  text-align: left !important;
}

#colorbox .wcfm_popup_label strong {
  font-weight: 500 !important;
}

#colorbox .wcfm_popup_label .required {
  color: #ef4444 !important; /* text-red-500 */
}

#colorbox .wcfm_popup_input,
#colorbox .wcfm_popup_textarea {
  width: 100% !important;
  border: 1px solid var(--border) !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important;
  color: var(--text-main) !important;
  background-color: #ffffff !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all 0.3s ease !important;
  margin-bottom: 1.5rem !important;
  box-sizing: border-box !important;
}

#colorbox .wcfm_popup_input:focus,
#colorbox .wcfm_popup_textarea:focus {
  border-color: var(--primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.2) !important;
}

#colorbox #wcfm_enquiry_submit_button.wcfm_popup_button {
  background-color: var(--primary) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 0.75rem 2rem !important;
  border-radius: 0.5rem !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
  font-size: 1rem !important;
  width: auto !important;
  float: right !important;
}

#colorbox #wcfm_enquiry_submit_button.wcfm_popup_button:hover {
  background-color: var(--primary-hover) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ===== Side Cart (Mini-Cart) ===== */

/* Lista de items */
#side-cart .woocommerce-mini-cart.cart_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

/* Cada producto */
#side-cart .woocommerce-mini-cart-item.mini_cart_item {
  position: relative;
  background: var(--light-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.875rem 2.25rem 0.875rem 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#side-cart .woocommerce-mini-cart-item.mini_cart_item:hover {
  border-color: rgba(74, 222, 128, 0.4);
  box-shadow: var(--shadow-sm);
}

/* Botón × eliminar */
#side-cart .woocommerce-mini-cart-item > .remove.remove_from_cart_button {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fef2f2;
  color: #ef4444;
  border: 1px solid #fecaca;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  z-index: 1;
}

#side-cart .woocommerce-mini-cart-item > .remove.remove_from_cart_button:hover {
  background: #ef4444;
  color: #ffffff;
  border-color: #ef4444;
}

/* Link con imagen + nombre de producto */
#side-cart .woocommerce-mini-cart-item > a:not(.remove) {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none !important;
  color: var(--text-main);
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.35;
  transition: color 0.2s ease;
}

#side-cart .woocommerce-mini-cart-item > a:not(.remove):hover {
  color: var(--primary);
}

#side-cart .woocommerce-mini-cart-item > a:not(.remove) img {
  width: 64px;
  height: 64px;
  min-width: 64px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--border);
}

/* Cantidad × precio */
#side-cart .woocommerce-mini-cart-item .quantity {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin: 0;
  padding-left: 0.25rem;
}

#side-cart .woocommerce-mini-cart-item .quantity .woocommerce-Price-amount {
  color: var(--primary);
  font-weight: 700;
}

/* Subtotal */
#side-cart .woocommerce-mini-cart__total.total {
  margin: 1.25rem 0 0;
  padding: 0.875rem 1rem;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border: 1px solid rgba(22, 163, 74, 0.2);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#side-cart .woocommerce-mini-cart__total.total strong {
  font-family: 'Outfit', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--green-800);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

#side-cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
  font-family: 'Outfit', sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--primary);
}

/* Botones */
#side-cart .woocommerce-mini-cart__buttons.buttons {
  margin: 0.875rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0;
}

#side-cart .woocommerce-mini-cart__buttons.buttons a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.8rem 1.5rem;
  border-radius: var(--radius);
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none !important;
  transition: all 0.25s ease;
  box-sizing: border-box;
  cursor: pointer;
}

/* Ver carrito — contorno verde */
#side-cart .woocommerce-mini-cart__buttons.buttons a:not(.checkout) {
  background: transparent;
  color: var(--primary);
  border: 2px solid var(--primary);
}

#side-cart .woocommerce-mini-cart__buttons.buttons a:not(.checkout):hover {
  background: var(--primary);
  color: #ffffff;
}

/* Finalizar compra — fondo verde sólido */
#side-cart .woocommerce-mini-cart__buttons.buttons a.checkout {
  background: var(--gradient-primary);
  color: #ffffff !important;
  border: 2px solid transparent;
  box-shadow: var(--shadow-green);
}

#side-cart .woocommerce-mini-cart__buttons.buttons a.checkout:hover {
  box-shadow: 0 6px 20px var(--glow-primary-lg);
  transform: translateY(-1px);
}

/* Carrito vacío */
#side-cart .woocommerce-mini-cart__empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  padding: 3rem 1.5rem;
  color: var(--text-muted);
  font-size: 0.95rem;
  margin: 0;
}

#side-cart .woocommerce-mini-cart__empty-message::before {
  content: "shopping_cart";
  font-family: 'Material Symbols Outlined';
  font-size: 3.5rem;
  color: var(--primary-bright);
  opacity: 0.45;
  display: block;
  line-height: 1;
}

/* Botones — separación del borde inferior del panel */
#side-cart .woocommerce-mini-cart__buttons.buttons {
  padding-bottom: 0.5rem;
}

/* Scrollbar oculto */
#side-cart .side-cart-content {
  scrollbar-width: none;
}
#side-cart .side-cart-content::-webkit-scrollbar {
  display: none;
}

/* ===== WooCommerce Notices ===== */

.woocommerce-notices-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* Base para todos los avisos
   NOTA: WooCommerce pone el <a class="button"> ANTES del texto en el DOM.
   Se usa order:2 + margin-left:auto en el botón para moverlo a la derecha. */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0.875rem 1.25rem !important;
  border-radius: var(--radius) !important;
  border: none !important;
  border-left: 4px solid !important;
  margin: 0.75rem 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Éxito — verde */
.woocommerce-message {
  background-color: #f0fdf4 !important;
  border-left-color: var(--primary) !important;
  color: var(--green-800) !important;
}

/* Error — rojo */
.woocommerce-error {
  background-color: #fef2f2 !important;
  border-left-color: #ef4444 !important;
  color: #991b1b !important;
}

/* Info — azul */
.woocommerce-info {
  background-color: #eff6ff !important;
  border-left-color: #3b82f6 !important;
  color: #1e40af !important;
}

/* Eliminar el ::before que inyecta WooCommerce (ícono de su font WooCommerce) */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  content: '' !important;
  display: none !important;
  margin: 0 !important;
  width: 0 !important;
}

/* Texto del mensaje */
.woocommerce-message a:not(.button),
.woocommerce-error a:not(.button),
.woocommerce-info a:not(.button) {
  color: inherit !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* ===== WooCommerce Ordering Dropdown ===== */

.woocommerce-ordering {
  margin: 0;
}

.woocommerce-ordering select.orderby {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.85rem center !important;
  background-size: 1rem !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 0.55rem 2.5rem 0.55rem 0.9rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--text-main) !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: var(--shadow-sm) !important;
  min-width: 210px !important;
}

.woocommerce-ordering select.orderby:hover {
  border-color: var(--primary) !important;
}

.woocommerce-ordering select.orderby:focus {
  outline: none !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15) !important;
}

/* Botón "Ver carrito" dentro del aviso
   order:2 + margin-left:auto lo empuja a la derecha aunque venga primero en el DOM */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
  order: 2 !important;
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.45rem 1.1rem !important;
  border-radius: 8px !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  background: var(--primary) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 2px 8px var(--glow-primary) !important;
}

.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover {
  background: var(--primary-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px var(--glow-primary-lg) !important;
}

/* Colorbox Close Button */
#cboxClose {
  background: none !important;
  text-indent: 0 !important;
  font-size: 0 !important; /* Hide default text if any */
  width: 32px !important;
  height: 32px !important;
  top: 10px !important;
  right: 10px !important;
  border-radius: 50% !important;
  background-color: #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  border: none !important;
}

#cboxClose::before {
  content: "×" !important;
  font-size: 24px !important;
  color: var(--text-muted) !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  display: block !important;
}

#cboxClose:hover {
  background-color: #e2e8f0 !important;
}

#cboxClose:hover::before {
  color: var(--text-main) !important;
}

/* ===== Single Product: contenido dinámico del editor (no convertible a Tailwind) =====
   Estiliza el HTML generado por el editor de WordPress dentro de la descripción larga.
   No se pueden aplicar utilidades de Tailwind porque el markup lo genera WP. */
.amz-wp-content p { margin-bottom: 1em; }
.amz-wp-content img.alignleft,
.amz-wp-content .alignleft  { float: left;  margin: 0 1.5em 1em 0; display: inline; }
.amz-wp-content img.alignright,
.amz-wp-content .alignright { float: right; margin: 0 0 1em 1.5em; display: inline; }
.amz-wp-content img.aligncenter,
.amz-wp-content .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
.amz-wp-content img.alignnone { margin-bottom: 1em; }
.amz-wp-content .wp-caption { max-width: 100%; }
.amz-wp-content .wp-caption-text { font-size: 0.875em; text-align: center; color: #64748b; margin-top: 0.25em; }
.amz-wp-content::after { content: ''; display: table; clear: both; }
.amz-wp-content ul { list-style: disc; padding-left: 1.5em; margin-bottom: 1em; }
.amz-wp-content ol { list-style: decimal; padding-left: 1.5em; margin-bottom: 1em; }
.amz-wp-content li { margin-bottom: 0.25em; }
.amz-wp-content h2,
.amz-wp-content h3,
.amz-wp-content h4 { font-weight: bold; margin-bottom: 0.5em; margin-top: 1em; }
.amz-wp-content blockquote { border-left: 3px solid #006b2c; padding-left: 1em; margin: 1em 0; font-style: italic; }
.amz-wp-content a { color: #006b2c; text-decoration: underline; }

/* ===== Related Products: scroll horizontal en mobile, grid en desktop ===== */
.amz-related-list > li {
  min-width: 68vw;
  max-width: 280px;
  scroll-snap-align: start;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .amz-related-list > li {
    min-width: 0;
    max-width: none;
    scroll-snap-align: none;
    flex-shrink: 1;
  }
}

/* ===== "Más de esta tienda": carrusel con cards de ancho fijo =====
   Siempre carrusel horizontal. El ancho fijo evita que una sola card
   se estire para ocupar todo el contenedor. flex-basis definido gana
   sobre el width:100% (!w-full) que trae cada card de producto. */
.amz-store-list {
  /* Centra las cards cuando caben; "safe" vuelve a alinear a la
     izquierda si desbordan, para no cortar las primeras al scrollear. */
  justify-content: safe center;
}
.amz-store-list > li {
  flex: 0 0 220px;
  scroll-snap-align: start;
}
@media (min-width: 1024px) {
  .amz-store-list > li {
    flex-basis: 240px;
  }
}

/* ===== Single Product: Add to Cart button =====
   WooCommerce y Storefront inyectan background morado en .button.alt con alta especificidad.
   Se sobrescribe aquí para aplicar el verde primario del tema. */
html body .single_add_to_cart_button.button.alt,
html body .single_add_to_cart_button.button.alt:focus {
  background-color: var(--primary) !important;
  background-image: none !important;
  border-color: var(--primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html body .single_add_to_cart_button.button.alt:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #ffffff !important;
}

/* Icono del botón "Añadir al carrito": alinearlo con el texto.
   material-symbols.css fija font-size:24px con la misma especificidad que la
   utilidad text-[20px] de Tailwind y se carga DESPUÉS, por lo que el icono se
   renderizaba a 24px (desbalanceado junto al texto de 16px). main.css carga al
   final, así que aquí se restablece el tamaño correcto y se centra verticalmente. */
html body .single_add_to_cart_button .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
  align-self: center;
}

/* Corazón de favoritos: relleno cuando el producto está marcado (sin marcar queda igual,
   solo el contorno). favorites.js alterna .is-favorited sobre el botón.
   font-variation-settings NO es aditivo: al declarar FILL hay que repetir el resto de los
   ejes de material-symbols.css, o volverían a su valor por defecto. */
html body .amazonia-favorite-btn.is-favorited .material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Ocultar el botón "Formule una pregunta" de WCFM (reemplazado por el botón de WhatsApp).
   Se usa el prefijo html body para ganar en especificidad a cualquier CSS del plugin. */
html body p.store-enquiry,
html body .wcfm_ele_wrapper,
html body a.wcfm_catalog_enquiry,
html body .wcfm-enquiry-btn-wrapper { display: none !important; }