/* ==========================================================
   Estilos propios de El Nuevo Agro
   (antes en el plugin Simple Custom CSS and JS)
   ========================================================== */


/* ---------- Lecciones (LearnPress): el encabezado fijo del tema tapaba el comienzo
   de cada lección (texto y primer reproductor de audio). Así ocupa su propio espacio. */
body.single-lp_lesson #masthead { position: sticky !important; top: 0; }
body.admin-bar.single-lp_lesson #masthead { top: 32px; }
@media (max-width: 782px) { body.admin-bar.single-lp_lesson #masthead { top: 46px; } }
@media (max-width: 600px) { body.admin-bar.single-lp_lesson #masthead { top: 0; } }


/* ---------- Mi cuenta: ocultar el menú lateral (Eduma + Woo + Elementor) */

/* Menú estándar de Woo */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  display: none !important;
}

/* Menú generado por Eduma / ThimPress */
body.woocommerce-account .thim-wc-account-nav,
body.woocommerce-account .thim-my-account-nav {
  display: none !important;
}

/* Menú de perfil LearnPress (a veces aparece en cuenta) */
body.woocommerce-account .lp-profile-nav,
body.woocommerce-account .learn-press-profile-nav {
  display: none !important;
}

/* Elementor: columnas que contienen navegación */
body.woocommerce-account .elementor-widget-woocommerce-account-navigation,
body.woocommerce-account .elementor-widget-wc-account-navigation {
  display: none !important;
}

/* Forzar contenido a ancho completo */
body.woocommerce-account .woocommerce-MyAccount-content {
  width: 100% !important;
  float: none !important;
}

body.woocommerce-account .woocommerce,
body.woocommerce-account .entry-content {
  display: block !important;
}


/* ---------- Foros (bbPress): contraste y legibilidad en los listados */
#bbpress-forums {
  color: #1A1A1A; /* texto base oscuro sobre fondo amarillo */
}

/* Títulos de foros y temas (links principales) */
#bbpress-forums .bbp-forum-title a,
#bbpress-forums .bbp-topic-title a,
#bbpress-forums .bbp-topic-permalink {
  color: #111 !important;
  font-weight: 700;
  text-decoration: none;
}

/* Estados de enlace */
#bbpress-forums a:hover,
#bbpress-forums a:focus {
  color: #0A58CA !important; /* azul legible */
  text-decoration: underline;
}
#bbpress-forums .bbp-topic-title a:visited {
  color: #0A3D8F !important; /* visited con buen contraste */
}

/* Metadatos (autor, frescura, etc.) más oscuros */
#bbpress-forums .bbp-topic-meta,
#bbpress-forums .bbp-topic-freshness,
#bbpress-forums .bbp-author-name,
#bbpress-forums .bbp-reply-count,
#bbpress-forums .bbp-voice-count {
  color: #333 !important;
}

/* Tamaño/espaciado para legibilidad */
#bbpress-forums .bbp-topic-title,
#bbpress-forums .bbp-forum-title {
  font-size: 1rem;
  line-height: 1.4;
}

/* Accesibilidad: foco visible con teclado */
#bbpress-forums a:focus-visible {
  outline: 2px dashed #0A58CA;
  outline-offset: 2px;
}


/* ---------- Recuadros de productos: grilla flexible y centrada */
.woocommerce ul.products,
.woocommerce .products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 3%; /* 20px vertical, 3% horizontal */
  padding: 0;
  margin: 0 auto;
  list-style: none;
  justify-content: center; /* centra los productos */
}

/* Recuadro individual del producto */
.woocommerce ul.products > li.product,
.woocommerce .products > li.product,
.woocommerce .products > div.product,
.woocommerce-page .products > div.product,
.elementor-widget-woocommerce-products .product,
.elementor-widget-wc-archive-products .product {
  border: 1px solid black !important;
  border-radius: 12px !important;
  background: white !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  flex: 0 1 calc(23.5%) !important; /* 4 por fila */
}

/* 3 productos por fila */
@media (max-width: 1200px) {
  .woocommerce ul.products > li.product,
  .woocommerce .products > li.product,
  .woocommerce .products > div.product {
    flex: 0 1 calc(31.3%) !important;
  }
}

/* 2 productos por fila */
@media (max-width: 900px) {
  .woocommerce ul.products > li.product,
  .woocommerce .products > li.product,
  .woocommerce .products > div.product {
    flex: 0 1 calc(48.5%) !important;
  }
}

/* 1 producto por fila */
@media (max-width: 600px) {
  .woocommerce ul.products > li.product,
  .woocommerce .products > li.product,
  .woocommerce .products > div.product {
    flex: 0 1 100% !important;
  }
}