/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Description: Child Theme de Astra
 Author: Gabriel Vargas
 Author URI: https://paulmarti.com/
 Template: astra
 Version: 1.0.0
*/

/* Tus estilos personalizados van acá */

/* ===== Recuadro categorías (Astra + WooCommerce) ===== */

/* CONTENEDOR (widget clásico y bloque Gutenberg) */
.woocommerce .widget_product_categories,
.ast-sidebar .widget_product_categories,
.widget-area .widget_product_categories,
.wc-block-product-categories,
.widget_product_categories.cats--list,
.widget_product_categories.cats--dropdown,
.wc-block-product-categories.cats--list,
.wc-block-product-categories.cats--dropdown {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 14px;
  padding: 18px 18px 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  backdrop-filter: saturate(120%) blur(1px);
  margin-bottom: 28px;
}

/* TÍTULO */
.widget_product_categories .widget-title,
.widget_product_categories h2,
.widget_product_categories .wp-block-heading,
.wc-block-product-categories .wc-block-product-categories__title {
  margin: 0 0 12px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
}

/* LISTAS (widget clásico) */
.widget_product_categories ul { list-style: none; margin: 0; padding: 0; }
.widget_product_categories ul li {
  margin: 0;
  padding: 4px 0; /* ↓ antes 8px: compáctalo */
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.widget_product_categories ul li:last-child { border-bottom: none; }

/* LISTAS (bloque Gutenberg) */
.wc-block-product-categories ul { list-style: none; margin: 0; padding: 0; }
.wc-block-product-categories ul li {
  margin: 0;
  padding: 4px 0; /* ↓ antes 8px */
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.wc-block-product-categories ul li:last-child { border-bottom: none; }

/* ENLACES (más compacto) */
.widget_product_categories a,
.wc-block-product-categories a {
  display: inline-flex; align-items: center; gap: .35rem; /* ↓ antes .5rem */
  text-decoration: none; font-weight: 500;
  transition: color .2s ease, transform .2s ease;
  color: var(--ast-global-color-3, #f2f2f2);
  line-height: 1.25; /* ↓ baja altura de línea */
}
.widget_product_categories a:hover,
.wc-block-product-categories a:hover {
  color: var(--ast-global-color-0, #fff);
  transform: translateX(2px);
}

/* CONTADOR (n) */
.widget_product_categories .count,
.wc-block-product-categories .wc-block-product-categories-list-item-count {
  margin-left: .35rem; opacity: .65; font-size: .9em;
}

/* JERARQUÍA / SUBNIVELES (un toque más ceñido) */
.widget_product_categories ul li ul.children,
.wc-block-product-categories ul li ul {
  margin: 4px 0 0 0; /* ↓ antes 6px */
  padding-left: 12px; /* ↓ antes 14px */
  border-left: 1px dashed rgba(255,255,255,0.12);
}

/* ACTIVO (categoría actual) */
.widget_product_categories li.current-cat > a,
.widget_product_categories li.current-cat-parent > a,
.wc-block-product-categories li.is-current > a {
  font-weight: 700; color: var(--ast-global-color-0, #fff); position: relative;
}
.widget_product_categories li.current-cat > a::before,
.widget_product_categories li.current-cat-parent > a::before,
.wc-block-product-categories li.is-current > a::before {
  content: ""; position: absolute; left: -12px; top: 50%;
  width: 6px; height: 6px; background: var(--ast-global-color-0, #fff);
  border-radius: 50%; transform: translateY(-50%);
}

/* ===== Estilos del DESPLEGABLE (para el widget con clase cats--dropdown) ===== */
.cats--dropdown { position: relative; }
.cats--dropdown select,
.cats--dropdown .dropdown_product_cat {
  width: 100%;
  appearance: none;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  padding: 12px 42px 12px 14px;
  color: var(--ast-global-color-0, #fff);
  font-weight: 600;
  line-height: 1.2;
}
.cats--dropdown select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.18);
}
/* flecha decorativa */
.cats--dropdown::after {
  content: "";
  position: absolute; right: 18px; top: 52%;
  width: 10px; height: 10px; pointer-events: none;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid rgba(255,255,255,0.8);
  border-bottom: 2px solid rgba(255,255,255,0.8);
  opacity: .9;
}
.cats--dropdown select::-ms-expand { display: none; }
.cats--dropdown select { -webkit-appearance: none; -moz-appearance: none; }

/* ===== Responsive ===== */
/* Móvil: padding y toggle (desplegable ON, lista OFF) */
@media (max-width: 768px) {
  .widget_product_categories,
  .wc-block-product-categories { padding: 16px 16px 8px; }

  .widget_product_categories.cats--list,
  .wc-block-product-categories.cats--list { display: none; }
  .widget_product_categories.cats--dropdown,
  .wc-block-product-categories.cats--dropdown { display: block; }

  /* un poco más de touch-target si querés (opcional):
  .widget_product_categories ul li,
  .wc-block-product-categories ul li { padding: 6px 0; } */
}

/* Desktop/Tablet: lista ON, desplegable OFF */
@media (min-width: 769px) {
  .widget_product_categories.cats--list,
  .wc-block-product-categories.cats--list { display: block; }
  .widget_product_categories.cats--dropdown,
  .wc-block-product-categories.cats--dropdown { display: none; }
}

/* Quitar cursiva en títulos */
h1, .entry-title, .ast-single-post .entry-title {
  font-style: normal !important;
}

/* Desktop + Tablet visible / Mobile oculto */
.slider--desktop { display: block; }
.slider--mobile { display: none; }

/* Mobile visible / Desktop+Tablet oculto */
@media (max-width: 767px) {
  .slider--desktop { display: none; }
  .slider--mobile { display: block; }
}