/* ============================================================
   WINDMASTER — Ícono de carrito del header (Elementor Pro
   "Menu Cart") y su panel lateral (side cart).
   Siempre cargado: el ícono vive en el header, presente en
   todas las páginas.
============================================================ */

/* ── Botón / ícono en el header ─────────────────────────────── */
.elementor-menu-cart__toggle_button {
  background: transparent !important;
  border: 1px solid var(--wm-border-subtle) !important;
  border-radius: var(--wm-radius-sm) !important;
  color: var(--wm-text-main) !important;
  transition: var(--wm-transition-fast);
}

.elementor-menu-cart__toggle_button:hover,
.elementor-menu-cart__toggle_button:focus {
  border-color: var(--wm-accent) !important;
  color: var(--wm-accent) !important;
}

.elementor-menu-cart__toggle_button svg {
  fill: currentColor !important;
}

.elementor-menu-cart__toggle_button .elementor-button-icon-qty {
  background: var(--wm-accent) !important;
  color: #000 !important;
  font-weight: 700 !important;
}

/* ── Fondo oscuro detrás del panel ──────────────────────────── */
.elementor-menu-cart__container {
  background: rgba(6, 11, 16, 0.7) !important;
}

/* ── Panel lateral (side cart) ──────────────────────────────── */
.elementor-menu-cart__main {
  background: var(--wm-bg-secondary) !important;
  color: var(--wm-text-main) !important;
  border-left: 1px solid var(--wm-border-subtle) !important;
  box-shadow: var(--wm-shadow-xl) !important;
}

.elementor-menu-cart__close-button {
  color: var(--wm-text-dim) !important;
}

.elementor-menu-cart__close-button svg,
.elementor-menu-cart__close-button i {
  fill: var(--wm-text-dim) !important;
  color: var(--wm-text-dim) !important;
}

.elementor-menu-cart__close-button:hover svg,
.elementor-menu-cart__close-button:hover i {
  fill: var(--wm-accent) !important;
  color: var(--wm-accent) !important;
}

/* Mensaje "No hay productos en el carrito" */
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message {
  color: var(--wm-text-dim) !important;
}

/* Lista de productos dentro del mini-carrito */
.elementor-menu-cart__product {
  border-bottom: 1px solid var(--wm-border-subtle) !important;
}

.elementor-menu-cart__product-image img {
  border-radius: var(--wm-radius-sm) !important;
  background: var(--wm-bg-tertiary) !important;
}

.elementor-menu-cart__product-name a {
  color: var(--wm-text-main) !important;
}

.elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__product-price .product-quantity {
  color: var(--wm-text-dim) !important;
}

.elementor-menu-cart__product-price .amount {
  color: var(--wm-accent) !important;
}

.elementor-menu-cart__product-remove a {
  color: var(--wm-text-muted) !important;
}

.elementor-menu-cart__product-remove a:hover {
  color: var(--wm-re) !important;
}

.elementor-menu-cart__subtotal {
  border-top: 1px solid var(--wm-border-subtle) !important;
  color: var(--wm-text-white) !important;
}

.elementor-menu-cart__subtotal .amount {
  color: var(--wm-accent) !important;
}

/* Botones "Ver carrito" / "Pagar" */
.elementor-menu-cart__footer-buttons .elementor-button {
  border-radius: var(--wm-radius-sm) !important;
  font-weight: 700 !important;
  transition: var(--wm-transition-fast);
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background: transparent !important;
  color: var(--wm-text-main) !important;
  border: 1px solid var(--wm-border-subtle) !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
  border-color: var(--wm-accent) !important;
  color: var(--wm-accent) !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
  background: var(--wm-accent) !important;
  color: #000 !important;
  border: none !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
  background: var(--wm-accent-dark) !important;
  color: #fff !important;
}