/**
 * 09-misc.css — Estilos varios (botón oferta, blog, Mi Cuenta, carrito)
 *
 * Migrado desde styles/09-css-sin-ordenar.css.
 * CORRECCIÓN: eliminadas las líneas CSS inválidas del original
 * (separadores ════ sin comentar que rompían el parser).
 *
 * @package SideralJungle
 */

/* ─── Productos: detalles en tarjeta ──────────────────────────────────── */

span.details-view {
  color: var(--color-white) !important;
}

span.sale-price {
  color: var(--color-white);
}


/* ─── Blog: tipografía de post ────────────────────────────────────────── */

body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .elementor-widget-theme-post-content p,
body.single-post .elementor-widget-theme-post-content li,
body.single-post .elementor-widget-container p,
body.single-post .elementor-widget-container li {
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  color: #222 !important;
}

body.single-post .entry-content strong,
body.single-post .elementor-widget-theme-post-content strong,
body.single-post .elementor-widget-container strong {
  font-weight: 700 !important;
}

/* ─── Mi Cuenta ───────────────────────────────────────────────────────── */

.woocommerce-MyAccount-content {
  font-family: var(--font-secondary) !important;
  color: #111 !important;
  background-color: var(--color-white);
  font-size: 16px;
  line-height: 1.6;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}

.woocommerce-MyAccount-navigation ul li a {
  font-family: var(--font-secondary);
  color: #222;
  font-size: 15px;
  padding: 12px 16px;
  display: block;
  text-transform: uppercase;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #f4f4f4;
  border-left: 3px solid var(--color-black);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: var(--color-black);
  color: var(--color-white) !important;
  border-left: 3px solid var(--color-black);
}

.woocommerce-MyAccount-content h2 {
  font-size: 20px;
  font-weight: 600;
  border-bottom: 2px solid var(--color-black);
  padding-bottom: 6px;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  color: var(--color-black);
}

.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button {
  background-color: var(--color-black);
  color: var(--color-white);
  border: none;
  padding: var(--spacing-sm) 18px;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.2s ease;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button:hover {
  background-color: #333;
}

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: #111;
}

/* ─── Carrito general ─────────────────────────────────────────────────── */

.woocommerce-cart table.cart {
  font-family: var(--font-secondary);
  color: #111;
  font-size: 15px;
  background-color: var(--color-white);
}

.woocommerce-cart th,
.woocommerce-cart td {
  border-bottom: 1px solid #ddd;
  padding: 15px;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--color-black);
  color: var(--color-white);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  padding: var(--spacing-sm) 18px;
  transition: background-color 0.3s ease;
  border: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #333;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .cart_totals table {
  font-family: var(--font-secondary);
  color: #111;
}

/* ─── Botón flotante de oferta ────────────────────────────────────────── */

#popup-trigger-offer-wrapper {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

#popup-trigger-offer {
  background-color: #B7E300;
  color: var(--color-black);
  padding: 4px 7px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}

#popup-trigger-offer:hover {
  background-color: #a2cb00;
}

#popup-offer-close {
  font-size: 12px;
  font-weight: bold;
  color: var(--color-black);
  cursor: pointer;
  background: var(--color-white);
  border-radius: var(--radius-circle);
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Ocultar botón cuando el usuario ya ha comprado y/o usado el cupón */
body.mgc-hide-offer #popup-trigger-offer-wrapper {
  display: none !important;
}