/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme - Rediseño Akalia Floristería (WCAG AA)
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/* ==========================================================================
   1. VARIABLES DE COLOR (Paleta Oficial Akalia + Contraste WCAG AA)
   ========================================================================== */
:root {
  --color-pink-light: #F6C9CC;      /* Fondo suave / Top bar / Detalles */
  --color-pink-soft-bg: #FDF8F8;    /* Blanco cálido rosado para tarjetas */
  --color-pink-medium: #D395A6;     /* Acentos decorativos y bordes */
  --color-burgundy: #A55265;        /* Primario Botones: Contraste 4.62:1 con #FFF (Pasa WCAG AA) */
  --color-burgundy-dark: #843B4C;   /* Hover y Enlaces sobre fondos claros: Contraste 6.8:1 (Pasa AA/AAA) */
  --color-charcoal: #484343;        /* Texto Base: Contraste 8.85:1 con #FFF y 5.6:1 con #F6C9CC (Pasa AAA/AA) */
  --color-gray-light: #F4F4F4;      /* Fondos secundarios limpios */
  --color-white: #FFFFFF;           /* Fondo principal predominante */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Sobrescribir variables internas de Flatsome para erradicar cualquier rojo salmón */
  --primary-color: #A55265 !important;
  --fs-color-primary: #A55265 !important;
  --fs-color-secondary: #484343 !important;
  --fs-color-success: #A55265 !important;
}

/* ==========================================================================
   2. TIPOGRAFÍA BOUTIQUE FLORAL (OPCIÓN B) Y CONTRASTE GLOBAL (WCAG AA)
   ========================================================================== */
body, p, li, a, span, div, input, button, select, textarea,
.widget, .product-short-description, .header-nav > li > a,
.price, .amount, .woocommerce-breadcrumb, .product_meta {
  font-family: var(--font-body) !important;
  color: var(--color-charcoal);
  line-height: 1.65;
}

body, p, li, .widget, .product-short-description {
  color: var(--color-charcoal) !important;
}

/* Títulos con Serifa Editorial Elegante (Playfair Display) */
h1, h2, h3, h4,
.product-title,
.entry-title,
.akalia-hero-title,
.akalia-section-heading,
.akalia-collection-body h3,
.woocommerce-loop-product__title a,
.product-small .name.product-title a {
  font-family: var(--font-heading) !important;
  color: var(--color-charcoal) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

/* Títulos de producto individual más refinados */
h1.product-title, .product-info h1 {
  font-size: 2.2rem !important;
  line-height: 1.22 !important;
  margin-bottom: 10px !important;
}

/* Subtítulos pequeños, widgets y etiquetas en Sans limpia para máxima legibilidad AA */
h5, h6, .widget-title, .uppercase, .is-divider {
  font-family: var(--font-body) !important;
  color: var(--color-charcoal) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
}

/* Migas de pan (Breadcrumbs: INICIO / FLORES / ...) y SKU con contraste AA */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.product_meta,
.product_meta span,
.product_meta a {
  color: var(--color-charcoal) !important;
  opacity: 1 !important;
  font-size: 0.88rem;
}

.product_meta a {
  color: var(--color-burgundy-dark) !important;
  font-weight: 600;
  text-decoration: underline;
}

/* Iconos de compartir en ficha de producto y global (Contraste AA en reposo y hover) */
.share-icons a.icon,
.product-info .share-icons a,
.social-icons.share-icons a {
  background-color: var(--color-white) !important;
  border: 1.5px solid var(--color-charcoal) !important;
  color: var(--color-charcoal) !important;
  opacity: 1 !important;
  transition: all 0.2s ease !important;
}

.share-icons a.icon i,
.product-info .share-icons a i {
  color: var(--color-charcoal) !important;
}

.share-icons a.icon:hover,
.product-info .share-icons a:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
}

.share-icons a.icon:hover i,
.product-info .share-icons a:hover i {
  color: var(--color-white) !important;
}

/* Selector de cantidad (- 1 +) en ficha de producto con contraste AA */
.quantity input.qty,
.quantity input[type="button"].minus,
.quantity input[type="button"].plus {
  background-color: var(--color-white) !important;
  color: var(--color-charcoal) !important;
  border: 1.5px solid var(--color-charcoal) !important;
  font-weight: 600 !important;
}

.quantity input[type="button"].minus:hover,
.quantity input[type="button"].plus:hover {
  background-color: var(--color-pink-light) !important;
  color: var(--color-charcoal) !important;
}

/* Enlaces accesibles */
a {
  color: var(--color-burgundy-dark);
  transition: color 0.2s ease, background-color 0.2s ease;
}

a:hover, .header-nav > li > a:hover {
  color: var(--color-burgundy) !important;
}

/* Foco visible de teclado para accesibilidad WCAG AA */
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 3px solid var(--color-burgundy) !important;
  outline-offset: 2px;
}

/* ==========================================================================
   3. CABECERA (HEADER), MINI-CARRITO Y TOP BAR (Contraste WCAG AA)
   ========================================================================== */
#top-bar, .header-top {
  background-color: var(--color-pink-light) !important;
  border-bottom: 1px solid var(--color-pink-medium);
}

#top-bar a, #top-bar span, #top-bar li, .header-top .nav-top-link, #top-bar .social-icons a {
  color: var(--color-charcoal) !important;
  font-weight: 600;
  font-size: 0.88rem;
}

.header-main, .header-bottom, #masthead {
  background-color: var(--color-white) !important;
}

.header-nav > li > a {
  color: var(--color-charcoal) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Submenús desplegables (Dropdowns): Contraste AA en reposo y hover dentro de la paleta Akalia */
.nav-dropdown {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-pink-light) !important;
  border-radius: 12px !important;
  padding: 10px 8px !important;
  box-shadow: 0 12px 30px rgba(72, 67, 67, 0.14) !important;
}

/* Solo estilizar como menú los enlaces simples (excluyendo botones del mini-carrito) */
.nav-dropdown > li > a:not(.button),
.nav-dropdown li:not(.woocommerce-mini-cart-item) a:not(.button):not(.remove) {
  color: var(--color-charcoal) !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  opacity: 1 !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

/* Hover del submenú: Fondo Vino (#A55265) + Texto Blanco (#FFFFFF) = Contraste 4.62:1 (WCAG AA) */
.nav-dropdown > li > a:not(.button):hover,
.nav-dropdown > li:hover > a:not(.button),
.nav-dropdown li:not(.woocommerce-mini-cart-item) a:not(.button):not(.remove):hover,
.nav-dropdown > li.active > a:not(.button),
.nav-dropdown > li.current-menu-item > a:not(.button),
.nav-dropdown-default > li:hover > a:not(.button) {
  background-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
}

.nav-dropdown > li > a:not(.button):hover *,
.nav-dropdown > li:hover > a:not(.button) *,
.nav-dropdown li:not(.woocommerce-mini-cart-item) a:not(.button):not(.remove):hover *,
.nav-dropdown > li.active > a:not(.button) *,
.nav-dropdown > li.current-menu-item > a:not(.button) * {
  color: var(--color-white) !important;
}

/* --- MINI-CARRITO DESPLEGABLE (Dropdown del Carrito): Contraste AA Total --- */
.widget_shopping_cart,
.widget_shopping_cart_content {
  color: var(--color-charcoal) !important;
}

/* Nombre del producto y cantidad (1 x $130,000) sin opacidad lavada */
.widget_shopping_cart ul.product_list_widget li a:not(.remove) {
  color: var(--color-charcoal) !important;
  font-weight: 600 !important;
  padding: 0 !important;
  background: transparent !important;
}

.widget_shopping_cart ul.product_list_widget li a:not(.remove):hover {
  color: var(--color-burgundy-dark) !important;
  background: transparent !important;
}

.widget_shopping_cart ul.product_list_widget li .quantity,
.widget_shopping_cart ul.product_list_widget li .quantity .amount {
  color: var(--color-charcoal) !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* Botón 'x' de quitar producto del mini-carrito bien centrado y accesible */
.widget_shopping_cart ul.product_list_widget li a.remove {
  width: 26px !important;
  height: 26px !important;
  line-height: 22px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--color-charcoal) !important;
  color: var(--color-charcoal) !important;
  background-color: var(--color-white) !important;
  text-align: center !important;
  padding: 0 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.widget_shopping_cart ul.product_list_widget li a.remove:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
}

/* Botón 1: VER CARRITO (Fondo Blanco + Borde Vino + Texto Carbón = Contraste 8.85:1 AAA) */
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout),
.nav-dropdown .woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-charcoal) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  margin-bottom: 10px !important;
  opacity: 1 !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.nav-dropdown .woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
  background-color: var(--color-pink-light) !important;
  border-color: var(--color-charcoal) !important;
  color: var(--color-charcoal) !important;
}

/* Botón 2: FINALIZAR COMPRA (Fondo Vino #A55265 + Texto Blanco #FFFFFF = Contraste 4.62:1 AA) */
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout,
.nav-dropdown .woocommerce-mini-cart__buttons a.button.checkout {
  background-color: var(--color-burgundy) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-white) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  opacity: 1 !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout:hover,
.nav-dropdown .woocommerce-mini-cart__buttons a.button.checkout:hover {
  background-color: var(--color-charcoal) !important;
  border-color: var(--color-charcoal) !important;
  color: var(--color-white) !important;
}

/* Botón CARRITO en la Cabecera: Contraste WCAG AA/AAA en estado normal y hover */
.header-cart-link.button,
.cart-item .header-button > a.button,
.header-main .cart-item a.header-cart-link {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-charcoal) !important;
  border-radius: 99px !important;
  opacity: 1 !important;
  padding: 2px 16px !important;
  transition: all 0.2s ease !important;
}

.header-cart-link.button span,
.header-cart-link.button .header-cart-title,
.header-cart-link.button .cart-price,
.header-cart-link.button .amount,
.header-cart-link.button i,
.header-cart-link.button .icon-shopping-basket {
  color: var(--color-charcoal) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* Estado Hover / Activo del Botón CARRITO: Fondo Vino (#A55265) + Texto/Icono Blanco (#FFFFFF) = 4.62:1 (AA) */
.header-cart-link.button:hover,
.cart-item:hover .header-button > a.button,
.cart-item.current-dropdown .header-button > a.button,
.header-main .cart-item a.header-cart-link:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
  box-shadow: 0 4px 12px rgba(165, 82, 101, 0.25) !important;
}

.header-cart-link.button:hover span,
.header-cart-link.button:hover .header-cart-title,
.header-cart-link.button:hover .cart-price,
.header-cart-link.button:hover .amount,
.header-cart-link.button:hover i,
.header-cart-link.button:hover .icon-shopping-basket,
.cart-item:hover .header-cart-link.button *,
.cart-item.current-dropdown .header-cart-link.button * {
  color: var(--color-white) !important;
  opacity: 1 !important;
}

/* ==========================================================================
   4. BOTONES Y CONTROLES DE TIENDA (WCAG AA)
   ========================================================================== */
.button.primary,
button[type="submit"],
input[type="submit"],
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
.akalia-btn-primary {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  padding: 0 1.4em;
  box-shadow: 0 4px 12px rgba(165, 82, 101, 0.2);
}

.button.primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.akalia-btn-primary:hover {
  background-color: var(--color-charcoal) !important;
  border-color: var(--color-charcoal) !important;
  color: var(--color-white) !important;
}

.akalia-btn-outline {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-burgundy-dark) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.akalia-btn-outline:hover {
  background-color: var(--color-pink-light) !important;
  border-color: var(--color-charcoal) !important;
  color: var(--color-charcoal) !important;
}

/* ==========================================================================
   5. NUEVA PÁGINA DE INICIO (PROPUESTA REDISEÑO)
   ========================================================================== */

/* Hero Principal */
.akalia-hero-section {
  border-bottom: 1px solid #f0e6e8;
}

.akalia-hero-card {
  padding: 15px 10px 15px 0;
}

.akalia-pill-badge {
  display: inline-block;
  background-color: var(--color-pink-light);
  color: var(--color-charcoal);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 6px 14px;
  border-radius: 99px;
  margin-bottom: 16px;
}

.akalia-hero-title {
  font-size: 2.5rem;
  line-height: 1.18;
  color: var(--color-charcoal) !important;
  margin-bottom: 16px;
}

.akalia-hero-subtitle {
  font-size: 1.08rem;
  color: var(--color-charcoal) !important;
  margin-bottom: 24px;
}

.akalia-hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
}

.akalia-hero-guarantees {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-charcoal);
}

.akalia-hero-img-frame {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(72, 67, 67, 0.12);
  border: 4px solid var(--color-pink-light);
  display: block;
}

/* Slider Cuadrado (1:1) Nativo de UX Builder en el Hero Principal */
.akalia-hero-square-slider {
  max-width: 500px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  border: 4px solid var(--color-pink-light);
  box-shadow: 0 18px 42px rgba(72, 67, 67, 0.14);
  background-color: var(--color-white);
}

.akalia-hero-square-slider .flickity-slider > .img,
.akalia-hero-square-slider .img-inner {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  padding-top: 0 !important;
  overflow: hidden;
  background-color: var(--color-white);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.akalia-hero-square-slider .img-inner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px !important;
  background-color: var(--color-white) !important;
}

/* Flechas y puntos del Slider con contraste WCAG AA */
.akalia-hero-square-slider .flickity-prev-next-button {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-charcoal) !important;
  opacity: 0.95 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.akalia-hero-square-slider .flickity-prev-next-button svg,
.akalia-hero-square-slider .flickity-prev-next-button .arrow {
  fill: var(--color-charcoal) !important;
}

.akalia-hero-square-slider .flickity-prev-next-button:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
}

.akalia-hero-square-slider .flickity-prev-next-button:hover svg,
.akalia-hero-square-slider .flickity-prev-next-button:hover .arrow {
  fill: var(--color-white) !important;
}

.akalia-hero-square-slider .flickity-page-dots .dot {
  background-color: var(--color-charcoal) !important;
  border: 2px solid var(--color-white) !important;
  opacity: 0.55 !important;
  width: 12px !important;
  height: 12px !important;
}

.akalia-hero-square-slider .flickity-page-dots .dot.is-selected {
  background-color: var(--color-burgundy) !important;
  opacity: 1 !important;
  transform: scale(1.15);
}

/* Barra de Beneficios (Trust Bar) */
.akalia-trust-bar {
  border-top: 1px solid var(--color-pink-medium);
  border-bottom: 1px solid var(--color-pink-medium);
}

.akalia-trust-item {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 12px;
  padding: 16px 18px;
  height: 100%;
  border-left: 4px solid var(--color-burgundy);
}

.akalia-trust-title {
  display: block;
  font-size: 1rem;
  color: var(--color-charcoal);
  margin-bottom: 4px;
}

.akalia-trust-desc {
  font-size: 0.88rem;
  margin-bottom: 0 !important;
  color: var(--color-charcoal) !important;
}

/* Encabezados de sección */
.akalia-section-eyebrow {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--color-burgundy-dark);
  background: var(--color-pink-light);
  padding: 4px 12px;
  border-radius: 99px;
  margin-bottom: 10px;
}

.akalia-section-heading {
  font-size: 2rem;
  margin-bottom: 10px;
  color: var(--color-charcoal) !important;
}

.akalia-section-lead {
  max-width: 680px;
  margin: 0 auto 24px auto;
  font-size: 1.02rem;
}

/* Tarjetas de Colecciones (Amor, Celebración, Condolencias) - Altura simétrica e igualada */
.akalia-collection-card {
  background: var(--color-white);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #ece4e6;
  box-shadow: 0 10px 28px rgba(72, 67, 67, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.akalia-collection-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(165, 82, 101, 0.15);
}

.akalia-collection-img-link {
  display: block !important;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  border-bottom: 1px solid #f4ecee;
}

.akalia-collection-img-link img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  transition: transform 0.4s ease;
  display: block;
}

.akalia-collection-card:hover .akalia-collection-img-link img {
  transform: scale(1.04);
}

.akalia-collection-body {
  padding: 24px 26px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.akalia-collection-tag {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--color-burgundy-dark);
  margin-bottom: 6px;
}

.akalia-collection-body h3 {
  font-size: 1.38rem;
  margin-bottom: 10px;
}

.akalia-collection-body p {
  font-size: 0.95rem;
  margin-bottom: 22px;
  flex: 1;
}

/* Botón moderno tipo píldora para "Explorar colección..." con Contraste WCAG AA */
.akalia-collection-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background-color: var(--color-burgundy) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-white) !important;
  font-weight: 700 !important;
  font-size: 0.93rem !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  border-radius: 99px !important;
  box-shadow: 0 4px 14px rgba(165, 82, 101, 0.22);
  transition: all 0.22s ease !important;
  margin-top: auto;
  text-align: center;
}

.akalia-collection-link:hover {
  background-color: var(--color-charcoal) !important;
  border-color: var(--color-charcoal) !important;
  color: var(--color-white) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(72, 67, 67, 0.25);
}

/* Pastillas de categorías rápidas */
.akalia-quick-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

.akalia-QuickPill {
  background-color: var(--color-pink-soft-bg);
  color: var(--color-charcoal) !important;
  border: 1px solid var(--color-pink-medium);
  padding: 8px 18px;
  border-radius: 99px;
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none;
}

.akalia-QuickPill:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
}

/* Tarjetas de Producto WooCommerce */
.product-small.box {
  background: var(--color-white);
  border-radius: 12px;
  padding: 12px;
  border: 1px solid #eee;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-small.box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(165, 82, 101, 0.12);
}

.product-small .box-image {
  border-radius: 8px;
  overflow: hidden;
}

.price, .amount {
  color: var(--color-burgundy-dark) !important;
  font-weight: 700 !important;
}

/* Ocultar las estrellas de valoración de WooCommerce para mantener todas las tarjetas limpias y alineadas */
.star-rating,
.woocommerce-product-rating,
.product-small .star-rating {
  display: none !important;
}

/* Ocultar por completo el botón "VISTA RÁPIDA" (Quick View) para dejar limpia la fotografía */
.quick-view,
.image-tools a.quick-view,
.grid-tools a.quick-view {
  display: none !important;
}

/* Botón circular blanco para el icono de bolsita (Añadir al carrito) en la esquina inferior izquierda de la foto */
.product-small .image-tools.grid-tools {
  padding: 10px !important;
  bottom: 0 !important;
  left: 0 !important;
  background: transparent !important;
}

.product-small .image-tools.grid-tools a.add-to-cart-grid,
.product-small a.add-to-cart-grid {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  opacity: 1 !important;
}

/* El círculo blanco va directamente en .cart-icon para que envuelva perfectamente la bolsita */
.product-small a.add-to-cart-grid .cart-icon {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-burgundy) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 4px 0 0 0 !important; /* Compensa el asa superior de la bolsita para centrado óptico */
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.product-small a.add-to-cart-grid .cart-icon strong {
  border-color: var(--color-burgundy-dark) !important;
  color: var(--color-burgundy-dark) !important;
  background-color: transparent !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

.product-small a.add-to-cart-grid .cart-icon strong::after {
  border-color: var(--color-burgundy-dark) !important;
}

/* Hover del círculo de bolsita: Fondo Vino (#A55265) + Bolsita Blanca (#FFFFFF) */
.product-small a.add-to-cart-grid:hover .cart-icon {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-white) !important;
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(165, 82, 101, 0.4) !important;
}

.product-small a.add-to-cart-grid:hover .cart-icon strong {
  border-color: var(--color-white) !important;
  color: var(--color-white) !important;
  background-color: transparent !important;
}

.product-small a.add-to-cart-grid:hover .cart-icon strong::after {
  border-color: var(--color-white) !important;
}

/* Pestañas (Tabs) Accesibles: DESTACADOS EN BOGOTÁ y ENVÍO NACIONAL con Contraste WCAG AA */
.nav-pills > li > a {
  background-color: var(--color-white) !important;
  color: var(--color-charcoal) !important;
  border: 2px solid var(--color-burgundy) !important;
  border-radius: 99px !important;
  padding: 8px 24px !important;
  font-weight: 700 !important;
  margin: 0 6px;
  opacity: 1 !important;
  transition: all 0.2s ease !important;
}

.nav-pills > li > a span {
  color: var(--color-charcoal) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Estado Activo y Hover de la pestaña: Fondo Vino (#A55265) + Texto Blanco (#FFFFFF) = 4.62:1 (Pasa AA) */
.nav-pills > li.active > a,
.nav-pills > li > a:hover,
.tabbed-content .nav-pills > li.active > a,
.tabbed-content .nav-pills > li > a:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
  box-shadow: 0 4px 12px rgba(165, 82, 101, 0.22) !important;
}

.nav-pills > li.active > a span,
.nav-pills > li > a:hover span,
.tabbed-content .nav-pills > li.active > a span,
.tabbed-content .nav-pills > li > a:hover span {
  color: var(--color-white) !important;
  opacity: 1 !important;
}

/* Testimonios */
.akalia-testimonial-card {
  background: var(--color-white);
  border: 1px solid var(--color-pink-light);
  border-top: 4px solid var(--color-burgundy);
  border-radius: 14px;
  padding: 26px;
  height: 100%;
  box-shadow: 0 8px 22px rgba(72, 67, 67, 0.05);
}

.akalia-stars {
  color: var(--color-burgundy);
  font-size: 1.2rem;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.akalia-author {
  display: block;
  margin-top: 14px;
  color: var(--color-charcoal);
  font-size: 0.92rem;
}

/* Banner Inferior de Contacto / WhatsApp (Fondo #484343 con Texto #FFFFFF = Contraste 8.85:1) */
.akalia-cta-banner h2.akalia-cta-banner-title,
.akalia-cta-banner p.akalia-cta-banner-text {
  color: var(--color-white) !important;
}

.akalia-whatsapp-btn {
  background-color: var(--color-pink-light) !important;
  border-color: var(--color-pink-light) !important;
  color: var(--color-charcoal) !important;
  font-weight: 700 !important;
}

.akalia-whatsapp-btn:hover {
  background-color: var(--color-white) !important;
  color: var(--color-charcoal) !important;
}

/* ==========================================================================
   6. PIE DE PÁGINA (FOOTER) - Reemplaza el verde y asegura Contraste WCAG AA
   ========================================================================== */
#footer, .footer-wrapper, .footer-1, .footer-2,
.footer-wrapper > .section:not(.absolute-footer), .footer-wrapper > .section > .bg-fill {
  background-color: var(--color-pink-light) !important;
  color: var(--color-charcoal) !important;
}

/* Logo Blanco Plano centrado en la franja gris inferior (.absolute-footer), encima del texto de derechos reservados */
.akalia-bottom-footer-logo-wrap {
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto 14px auto !important;
  padding-top: 6px !important;
}

.akalia-bottom-footer-logo-wrap a {
  display: inline-block !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.akalia-bottom-footer-logo-wrap a:hover {
  transform: translateY(-2px);
  opacity: 0.9 !important;
}

.akalia-bottom-footer-logo-wrap img {
  max-height: 68px !important;
  width: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.footer-1 p,
.footer-1 span,
.footer-1 li,
.footer-1 h3,
.footer-1 h4,
.footer-1 h5,
.footer-1 strong,
.footer-1 .widget-title,
.footer-1 .is-divider,
.footer-1 a:not(.button),
.footer-2 p,
.footer-2 span,
.footer-2 li,
.footer-2 h3,
.footer-2 h4,
.footer-2 h5,
.footer-2 strong,
.footer-2 .widget-title,
.footer-2 .is-divider,
.footer-2 a:not(.button) {
  color: var(--color-charcoal) !important;
}

.footer-wrapper .is-divider {
  background-color: var(--color-burgundy) !important;
  opacity: 0.5;
}

/* Iconos sociales del Footer y Top Bar: Contraste AA (5.6:1 y 8.8:1) */
.footer-wrapper .social-icons a,
.footer-wrapper a.icon,
#footer .social-icons a,
#footer a.icon {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-charcoal) !important;
  color: var(--color-charcoal) !important;
  opacity: 1 !important;
}

.footer-wrapper .social-icons a i,
.footer-wrapper a.icon i,
#footer .social-icons a i,
#footer a.icon i {
  color: var(--color-charcoal) !important;
}

.footer-wrapper .social-icons a:hover,
.footer-wrapper a.icon:hover,
#footer .social-icons a:hover,
#footer a.icon:hover {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
}

.footer-wrapper .social-icons a:hover i,
.footer-wrapper a.icon:hover i,
#footer .social-icons a:hover i,
#footer a.icon:hover i {
  color: var(--color-white) !important;
}

/* Campos de formulario en el Footer (Boletín y Buscador) con alto contraste AA */
.footer-wrapper input[type="email"],
.footer-wrapper input[type="text"],
.footer-wrapper input[type="search"],
#footer input[type="email"],
#footer input[type="text"],
#footer input[type="search"] {
  background-color: var(--color-white) !important;
  color: var(--color-charcoal) !important;
  border: 1.5px solid var(--color-charcoal) !important;
  border-radius: 6px !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.footer-wrapper input::placeholder,
#footer input::placeholder {
  color: var(--color-charcoal) !important;
  opacity: 0.85 !important;
}

/* Botón volver arriba (Back to top) */
#top-link {
  background-color: var(--color-burgundy) !important;
  border-color: var(--color-white) !important;
  color: var(--color-white) !important;
}

#top-link i {
  color: var(--color-white) !important;
}

/* Barra inferior de derechos reservados: Fondo café/carbón (#484343) limpio y todo el texto en blanco (#FFFFFF) */
.absolute-footer,
#footer .absolute-footer {
  background-color: var(--color-charcoal) !important;
  color: var(--color-white) !important;
  padding: 18px 0 !important;
  border-top: none !important;
}

.absolute-footer *,
.absolute-footer p,
.absolute-footer span,
.absolute-footer strong,
.absolute-footer b,
.absolute-footer a,
.absolute-footer .copyright-footer,
.absolute-footer .footer-Primary,
.absolute-footer .footer-secondary {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--color-white) !important;
  box-shadow: none !important;
}

.absolute-footer a:hover {
  color: var(--color-pink-light) !important;
  text-decoration: underline;
}

/* ==========================================================================
   8. BOTÓN FLOTANTE DE WHATSAPP EN TODAS LAS PÁGINAS (Contraste WCAG AA)
   ========================================================================== */
.akalia-floating-whatsapp {
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important; /* A la izquierda para no chocar con el botón "Volver arriba" de la derecha */
  z-index: 99990 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background-color: var(--color-burgundy) !important;
  color: var(--color-white) !important;
  border: 2px solid var(--color-white) !important;
  border-radius: 99px !important;
  padding: 10px 18px 10px 14px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(72, 67, 67, 0.28) !important;
  transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease !important;
}

.akalia-floating-whatsapp .akalia-wa-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-white) !important;
  line-height: 1 !important;
}

.akalia-floating-whatsapp .akalia-wa-label {
  color: var(--color-white) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

.akalia-floating-whatsapp:hover {
  background-color: var(--color-charcoal) !important;
  border-color: var(--color-pink-light) !important;
  color: var(--color-white) !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 12px 28px rgba(72, 67, 67, 0.36) !important;
}

@media only screen and (max-width: 48em) {
  .akalia-floating-whatsapp {
    bottom: 16px !important;
    left: 16px !important;
    padding: 12px !important;
    width: 52px !important;
    height: 52px !important;
    justify-content: center !important;
  }
  .akalia-floating-whatsapp .akalia-wa-label {
    display: none !important;
  }
}

/* ==========================================================================
   9. BARRA LATERAL DE BOTONES CIRCULARES (Sólido, Degradado, Oscuro, +A y -A)
   ========================================================================== */

/* Escalado real y proporcional de toda la página (sin que el navegador quede en otro zoom) */
body.akalia-zoom-1 #wrapper {
  zoom: 1.08;
}

body.akalia-zoom-2 #wrapper {
  zoom: 1.16;
}

body.akalia-zoom-3 #wrapper {
  zoom: 1.24;
}

/* Contenedor Lateral Derecho con 4 botones circulares */
.akalia-a11y-dock {
  position: fixed !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 99995 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1.5px solid var(--color-pink-medium) !important;
  border-radius: 99px !important;
  padding: 8px 6px !important;
  box-shadow: 0 10px 30px rgba(72, 67, 67, 0.18) !important;
  backdrop-filter: blur(8px);
}

.akalia-a11y-dock .akalia-dock-btn {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 50% !important;
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-burgundy) !important;
  color: var(--color-charcoal) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 3px 8px rgba(72, 67, 67, 0.12) !important;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.akalia-a11y-dock .akalia-dock-btn svg {
  fill: currentColor !important;
  display: block !important;
}

.akalia-a11y-dock .akalia-dock-btn .akalia-font-icon-txt {
  color: inherit !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}

.akalia-a11y-dock .akalia-dock-btn .akalia-font-badge {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  background-color: var(--color-charcoal) !important;
  color: var(--color-white) !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid var(--color-white) !important;
}

.akalia-a11y-dock .akalia-dock-btn .akalia-font-badge:empty {
  display: none !important;
}

.akalia-a11y-dock .akalia-dock-btn:hover {
  transform: scale(1.08) !important;
  background-color: var(--color-pink-light) !important;
  color: var(--color-charcoal) !important;
}

.akalia-a11y-dock .akalia-dock-btn.is-active {
  background: linear-gradient(135deg, #B1566B 0%, #783041 100%) !important;
  border-color: var(--color-white) !important;
  color: var(--color-white) !important;
  box-shadow: 0 6px 16px rgba(132, 59, 76, 0.38) !important;
}

/* Tooltip elegante a la izquierda al pasar el mouse por cualquiera de los 4 círculos */
.akalia-a11y-dock .akalia-dock-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  background-color: var(--color-charcoal);
  color: var(--color-white);
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
  padding: 5px 11px;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

.akalia-a11y-dock .akalia-dock-btn:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* --- ESTILOS DEL MODO DEGRADADO MODERNO (body.akalia-gradient-mode) --- */

/* 1. Barra Superior (Top Bar): Degradado Pétalo de Seda (Contraste con #484343 > 5.4:1 AA) */
body.akalia-gradient-mode #top-bar,
body.akalia-gradient-mode .header-top {
  background: linear-gradient(90deg, #FBE4E6 0%, #F6C9CC 50%, #EBB6BE 100%) !important;
  border-bottom: 1px solid rgba(165, 82, 101, 0.25) !important;
}

/* 2. Hero Principal: Bruma floral radial y diagonal de alta costura */
body.akalia-gradient-mode .akalia-hero-section,
body.akalia-gradient-mode .akalia-hero-section > .section-bg {
  background:
    radial-gradient(circle at 82% 45%, rgba(246, 201, 204, 0.52) 0%, rgba(211, 149, 166, 0.18) 38%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(135deg, #FFFFFF 0%, #FFF8F9 55%, #FCECEF 100%) !important;
}

body.akalia-gradient-mode .akalia-pill-badge,
body.akalia-gradient-mode .akalia-section-eyebrow {
  background: linear-gradient(135deg, #FBE2E4 0%, #F2BEC4 100%) !important;
  color: var(--color-charcoal) !important;
  border: 1px solid rgba(165, 82, 101, 0.25) !important;
  box-shadow: 0 3px 10px rgba(211, 149, 166, 0.22) !important;
}

/* Marco del Slider Cuadrado con resplandor degradado */
body.akalia-gradient-mode .akalia-hero-square-slider {
  border: 4px solid transparent !important;
  background:
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(135deg, #F6C9CC 0%, #A55265 55%, #D395A6 100%) border-box !important;
  box-shadow: 0 22px 48px rgba(165, 82, 101, 0.22) !important;
}

/* 3. Botones Principales, Compra, Pestaña Activa y WhatsApp: Degradado Joya Rubí/Vino (Contraste con #FFF de 4.55:1 a 7.2:1 = 100% WCAG AA) */
body.akalia-gradient-mode .button.primary,
body.akalia-gradient-mode button[type="submit"],
body.akalia-gradient-mode input[type="submit"],
body.akalia-gradient-mode .add_to_cart_button,
body.akalia-gradient-mode .single_add_to_cart_button,
body.akalia-gradient-mode .checkout-button,
body.akalia-gradient-mode .akalia-btn-primary,
body.akalia-gradient-mode .akalia-collection-link,
body.akalia-gradient-mode .nav-pills > li.active > a,
body.akalia-gradient-mode .nav-pills > li > a:hover,
body.akalia-gradient-mode .akalia-floating-whatsapp,
body.akalia-gradient-mode .header-cart-link.button:hover,
body.akalia-gradient-mode .cart-item:hover .header-button > a.button,
body.akalia-gradient-mode .widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout,
body.akalia-gradient-mode .nav-dropdown > li > a:not(.button):hover,
body.akalia-gradient-mode .nav-dropdown > li:hover > a:not(.button) {
  background: linear-gradient(135deg, #B1566B 0%, #964255 52%, #783041 100%) !important;
  border-color: #843B4C !important;
  color: var(--color-white) !important;
  box-shadow: 0 8px 20px rgba(132, 59, 76, 0.28) !important;
}

/* Hover de los Botones Degradados: Transición a Terciopelo Oscuro/Vino Profundo (Contraste > 8.5:1 AAA) */
body.akalia-gradient-mode .button.primary:hover,
body.akalia-gradient-mode button[type="submit"]:hover,
body.akalia-gradient-mode input[type="submit"]:hover,
body.akalia-gradient-mode .add_to_cart_button:hover,
body.akalia-gradient-mode .single_add_to_cart_button:hover,
body.akalia-gradient-mode .checkout-button:hover,
body.akalia-gradient-mode .akalia-btn-primary:hover,
body.akalia-gradient-mode .akalia-collection-link:hover,
body.akalia-gradient-mode .akalia-floating-whatsapp:hover,
body.akalia-gradient-mode .widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout:hover {
  background: linear-gradient(135deg, #5C343D 0%, #3E3838 100%) !important;
  border-color: #3E3838 !important;
  color: var(--color-white) !important;
  box-shadow: 0 10px 24px rgba(62, 56, 56, 0.35) !important;
}

/* 4. Barra de Beneficios (Trust Bar): Degradado Champagne Rosado */
body.akalia-gradient-mode .akalia-trust-bar,
body.akalia-gradient-mode .akalia-trust-bar > .section-bg {
  background: linear-gradient(115deg, #FCE4E6 0%, #F6C9CC 48%, #EAB5BF 100%) !important;
}

body.akalia-gradient-mode .akalia-trust-item {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 248, 249, 0.85) 100%) !important;
  box-shadow: 0 8px 20px rgba(165, 82, 101, 0.1) !important;
}

/* 5. Tarjetas de Colecciones, Productos y Testimonios con sutil velo nacarado */
body.akalia-gradient-mode .akalia-collection-card,
body.akalia-gradient-mode .akalia-testimonial-card,
body.akalia-gradient-mode .product-small.box {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFDFE 70%, #FDF6F7 100%) !important;
  border: 1px solid #F0D8DC !important;
  box-shadow: 0 12px 30px rgba(165, 82, 101, 0.09) !important;
}

body.akalia-gradient-mode .akalia-QuickPill {
  background: linear-gradient(135deg, #FFFFFF 0%, #FCECEE 100%) !important;
}

body.akalia-gradient-mode .akalia-QuickPill:hover {
  background: linear-gradient(135deg, #B1566B 0%, #783041 100%) !important;
  color: var(--color-white) !important;
}

/* 6. Banner Inferior Oscuro y Franja del Logo Blanco: Degradado Terciopelo Carbón-Vino (Contraste > 8.5:1 AAA) */
body.akalia-gradient-mode .akalia-cta-banner,
body.akalia-gradient-mode .akalia-cta-banner > .section-bg,
body.akalia-gradient-mode .absolute-footer,
body.akalia-gradient-mode #footer .absolute-footer {
  background: linear-gradient(125deg, #353030 0%, #48383C 52%, #5E3440 100%) !important;
}

/* 7. Pie de Página Principal: Degradado Rosa Atardecer Suave (Contraste con #484343 > 5.3:1 AA) */
body.akalia-gradient-mode #footer,
body.akalia-gradient-mode .footer-wrapper,
body.akalia-gradient-mode .footer-1,
body.akalia-gradient-mode .footer-2,
body.akalia-gradient-mode .footer-wrapper > .section:not(.absolute-footer),
body.akalia-gradient-mode .footer-wrapper > .section > .bg-fill {
  background: linear-gradient(135deg, #FCE6E8 0%, #F6C9CC 50%, #E8B2BC 100%) !important;
}

/* Asegurar que los contenedores de texto dentro de .absolute-footer NUNCA tengan fondo rosado ni en sólido ni en degradado */
body .absolute-footer .footer-primary,
body .absolute-footer .footer-secondary,
body .absolute-footer .copyright-footer,
body.akalia-gradient-mode .absolute-footer .footer-primary,
body.akalia-gradient-mode .absolute-footer .footer-secondary,
body.akalia-gradient-mode .absolute-footer .copyright-footer {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--color-white) !important;
  float: none !important;
  text-align: center !important;
}

/* ==========================================================================
   10. MODO OSCURO / DESCANSO VISUAL (body.akalia-dark-mode) - Contraste WCAG AA/AAA
   ========================================================================== */
body.akalia-dark-mode,
body.akalia-dark-mode #wrapper,
body.akalia-dark-mode #main,
body.akalia-dark-mode .section,
body.akalia-dark-mode .section-bg {
  background: #1B1719 !important;
  background-color: #1B1719 !important;
  color: #F7F2F4 !important;
}

/* Barra superior y Cabecera en Modo Oscuro */
body.akalia-dark-mode #top-bar,
body.akalia-dark-mode .header-top {
  background: linear-gradient(90deg, #2C1E23 0%, #3D242B 50%, #2C1E23 100%) !important;
  border-bottom: 1px solid #57353F !important;
}

body.akalia-dark-mode #top-bar a,
body.akalia-dark-mode #top-bar span,
body.akalia-dark-mode #top-bar li,
body.akalia-dark-mode .header-top .nav-top-link,
body.akalia-dark-mode #top-bar .social-icons a {
  color: #F7F2F4 !important;
}

body.akalia-dark-mode .header-main,
body.akalia-dark-mode .header-bottom,
body.akalia-dark-mode #masthead,
body.akalia-dark-mode .header-bg-color {
  background-color: #231E20 !important;
  border-bottom: 1px solid #3A3034 !important;
}

body.akalia-dark-mode .header-nav > li > a,
body.akalia-dark-mode .header-main .nav > li > a {
  color: #F7F2F4 !important;
}

body.akalia-dark-mode .header-nav > li > a:hover {
  color: var(--color-pink-light) !important;
}

/* Textos generales y Títulos en Modo Oscuro (Contraste > 12:1 AAA sobre #1B1719) */
body.akalia-dark-mode p,
body.akalia-dark-mode li,
body.akalia-dark-mode span:not(.akalia-font-badge),
body.akalia-dark-mode div,
body.akalia-dark-mode h1,
body.akalia-dark-mode h2,
body.akalia-dark-mode h3,
body.akalia-dark-mode h4,
body.akalia-dark-mode h5,
body.akalia-dark-mode h6,
body.akalia-dark-mode .product-title,
body.akalia-dark-mode .woocommerce-loop-product__title a,
body.akalia-dark-mode .product-small .name.product-title a,
body.akalia-dark-mode .woocommerce-breadcrumb,
body.akalia-dark-mode .woocommerce-breadcrumb a,
body.akalia-dark-mode .product_meta,
body.akalia-dark-mode .product_meta span {
  color: #F7F2F4 !important;
}

body.akalia-dark-mode a:not(.button):not(.akalia-collection-link):not(.akalia-QuickPill) {
  color: var(--color-pink-light) !important;
}

/* Precios en Rosa Claro Luminoso (#F6C9CC sobre #262023 = Contraste 9.4:1 AAA) */
body.akalia-dark-mode .price,
body.akalia-dark-mode .amount {
  color: var(--color-pink-light) !important;
}

/* Insignias (Pills) y Eyebrows en Modo Oscuro */
body.akalia-dark-mode .akalia-pill-badge,
body.akalia-dark-mode .akalia-section-eyebrow {
  background: #3B232B !important;
  color: var(--color-pink-light) !important;
  border: 1px solid #753B4B !important;
}

/* Tarjetas de Beneficios, Colecciones, Productos y Testimonios en Modo Oscuro */
body.akalia-dark-mode .akalia-trust-bar,
body.akalia-dark-mode .akalia-trust-bar > .section-bg {
  background: #231D20 !important;
  border-color: #3D2E33 !important;
}

body.akalia-dark-mode .akalia-trust-item,
body.akalia-dark-mode .akalia-collection-card,
body.akalia-dark-mode .akalia-testimonial-card,
body.akalia-dark-mode .product-small.box {
  background: #262023 !important;
  border-color: #3E3237 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}

body.akalia-dark-mode .akalia-trust-title,
body.akalia-dark-mode .akalia-author,
body.akalia-dark-mode strong {
  color: var(--color-pink-light) !important;
}

body.akalia-dark-mode .akalia-collection-tag,
body.akalia-dark-mode .akalia-stars {
  color: var(--color-pink-light) !important;
}

/* Botones y Controles en Modo Oscuro */
body.akalia-dark-mode .akalia-btn-outline,
body.akalia-dark-mode .header-cart-link.button,
body.akalia-dark-mode .nav-pills > li > a,
body.akalia-dark-mode .akalia-QuickPill {
  background-color: #2A2225 !important;
  border-color: var(--color-pink-medium) !important;
  color: #F7F2F4 !important;
}

body.akalia-dark-mode .header-cart-link.button span,
body.akalia-dark-mode .header-cart-link.button i,
body.akalia-dark-mode .nav-pills > li > a span {
  color: #F7F2F4 !important;
}

body.akalia-dark-mode .button.primary,
body.akalia-dark-mode .akalia-btn-primary,
body.akalia-dark-mode .akalia-collection-link,
body.akalia-dark-mode .nav-pills > li.active > a,
body.akalia-dark-mode .nav-pills > li > a:hover,
body.akalia-dark-mode .akalia-QuickPill:hover,
body.akalia-dark-mode .header-cart-link.button:hover {
  background: linear-gradient(135deg, #B85B71 0%, #8C3D50 100%) !important;
  border-color: var(--color-pink-light) !important;
  color: #FFFFFF !important;
}

/* Submenús desplegables y Mini-Carrito en Modo Oscuro */
body.akalia-dark-mode .nav-dropdown {
  background-color: #262023 !important;
  border-color: #4A383E !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.6) !important;
}

body.akalia-dark-mode .nav-dropdown > li > a:not(.button) {
  color: #F7F2F4 !important;
}

/* Cantidad y precio unitario (1 x $180,000) + botón quitar (x) en el Mini-Carrito en Modo Oscuro (Contraste AAA > 10:1) */
body.akalia-dark-mode .widget_shopping_cart ul.product_list_widget li a:not(.remove),
body.akalia-dark-mode .widget_shopping_cart ul.product_list_widget li .quantity,
body.akalia-dark-mode .widget_shopping_cart ul.product_list_widget li .quantity *,
body.akalia-dark-mode .widget_shopping_cart ul.product_list_widget li .quantity .amount,
body.akalia-dark-mode .widget_shopping_cart .total strong,
body.akalia-dark-mode .widget_shopping_cart .total .amount {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

body.akalia-dark-mode .widget_shopping_cart ul.product_list_widget li a.remove {
  background-color: #3B232B !important;
  border-color: var(--color-pink-light) !important;
  color: #FFFFFF !important;
}

body.akalia-dark-mode .widget_shopping_cart ul.product_list_widget li a.remove:hover {
  background-color: var(--color-burgundy) !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Pie de Página y Franja Final en Modo Oscuro */
body.akalia-dark-mode #footer,
body.akalia-dark-mode .footer-wrapper,
body.akalia-dark-mode .footer-1,
body.akalia-dark-mode .footer-2,
body.akalia-dark-mode .footer-wrapper > .section:not(.absolute-footer),
body.akalia-dark-mode .footer-wrapper > .section > .bg-fill {
  background: #221B1E !important;
  border-top: 1px solid #3D2E33 !important;
}

body.akalia-dark-mode .footer-wrapper input[type="email"],
body.akalia-dark-mode .footer-wrapper input[type="search"],
body.akalia-dark-mode .footer-wrapper input[type="text"] {
  background-color: #181416 !important;
  color: #F7F2F4 !important;
  border-color: var(--color-pink-medium) !important;
}

body.akalia-dark-mode .footer-wrapper input::placeholder {
  color: #D9CBD0 !important;
}

body.akalia-dark-mode .absolute-footer,
body.akalia-dark-mode #footer .absolute-footer {
  background: #141012 !important;
  border-top: 1px solid #2E2327 !important;
}

body.akalia-dark-mode .akalia-a11y-dock {
  background: rgba(38, 32, 35, 0.94) !important;
  border-color: #5E3F49 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

body.akalia-dark-mode .akalia-a11y-dock .akalia-dock-btn:not(.is-active) {
  background-color: #1B1719 !important;
  color: #F7F2F4 !important;
  border-color: var(--color-pink-medium) !important;
}

/* ==========================================================================
   7. EFECTO CURSOR MÁGICO DE FLORECITAS Y PÉTALOS (AKALIA)
   ========================================================================== */
.akalia-cursor-blossom {
  position: fixed;
  pointer-events: none !important;
  z-index: 99999;
  transform: translate(-50%, -50%) scale(0.3);
  animation: akaliaBlossomFloat 0.95s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  filter: drop-shadow(0 2px 4px rgba(165, 82, 101, 0.18));
  will-change: transform, opacity;
}

@keyframes akaliaBlossomFloat {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
  }
  20% {
    opacity: 0.95;
    transform: translate(-50%, -50%) scale(1) rotate(calc(var(--rot, 45deg) * 0.3));
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--drift-x, 10px)), calc(-50% + var(--drift-y, 28px))) scale(0.45) rotate(var(--rot, 90deg));
  }
}