/*
Theme Name: Astra Child
Template: astra
*/

/* --- Cats toggle mobile --- */
@media (max-width: 768px){
  /* (Opcional) ocultá el sidebar original para no duplicar categorías */
  #secondary{ display:none !important; }

  .cats-accordion{
    display:block;
    width:100%;
    padding:12px 16px;
    font-size:16px;
    background:#FFF;
    color:#000;
    border:0;
    margin:0 0 8px;
    letter-spacing:.08em;
    cursor:pointer;
  }
  .cats-accordion.is-open{ opacity:.95; }

  .cats-panel{
    background:#fff;
    border:1px solid #e5e5e5;
    padding:12px;
    margin-bottom:16px;
  }
  .cats-panel ul{ margin:0; padding-left:18px; }
  .cats-panel li{ list-style:disc; margin:.25rem 0; }
}

/* Avisos Woo: close + fade */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info { position: relative; }

.wc-notice-close{
  position:absolute; top:8px; right:10px;
  background:transparent; border:0; cursor:pointer;
  font-size:20px; line-height:1;
}

.wc-fadeout{ opacity:0; transition:opacity .4s ease; pointer-events:none; }


/* Desktop: no cambiamos nada; el sidebar queda como siempre */
/* Ocultar botón y panel en desktop */
@media (min-width: 769px){
  .cats-accordion,
  #cats-panel{
    display: none !important;
  }
}

/* Mostrar solo en mobile (y opcionalmente ocultar el sidebar viejo) */
@media (max-width: 768px){
  #secondary{ display:none !important; } /* opcional */
  .cats-accordion{
    display:block;
    width:100%;
    padding:12px 16px;
    font-size:16px;
    background:#111;
    color:#fff;
    border:0;
    margin:0 0 8px;
    letter-spacing:.08em;
    cursor:pointer;
  }
  .cats-accordion.is-open{ opacity:.95; }
  .cats-panel{
    background:#fff;
    border:1px solid #e5e5e5;
    padding:12px;
    margin-bottom:16px;
  }
  .cats-panel[hidden]{ display:none; } /* por si algún estilo lo pisa */
}

/* Padding solo en la tienda cuando está mostrando CATEGORÍAS */
body.shop-shows-categories .site-content > .ast-container{
  padding-inline: 24px;
  padding-top: 24px;
}
@media (max-width: 768px){
  body.shop-shows-categories .site-content > .ast-container{
    padding-inline: 16px;
    padding-top: 16px;
  }
}

/* === Alinear tarjetas en el grid de Woo === */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  display: flex;
  flex-direction: column;       /* arma la tarjeta en columna */
}

/* El link (imagen + título) ocupa el alto flexible */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Título: 2 líneas máximas y misma altura en todas */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  line-height: 1.25;
  min-height: calc(1.25em * 2);          /* alto fijo para 2 líneas */
  display: -webkit-box;
  -webkit-line-clamp: 2;                 /* recorta a 2 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* (Opcional) categoría arriba: una línea fija */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
  min-height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Precio y botón siempre alineados abajo */
.woocommerce ul.products li.product .price{
  margin-top: auto;   /* empuja precio (y luego botón) al fondo */
}
.woocommerce ul.products li.product .button{
  margin-top: .5rem;
}