/* JupiterX Child – Catalog grid styles (cards with dark footer + yellow SVG stars) */

/* Grid */
.cat-grid{
  --gap: 1rem;
  display:grid;
  gap: var(--gap);
  grid-template-columns: repeat(1, minmax(0,1fr));
  margin: 0;
}
@media (min-width: 640px){
  .cat-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 980px){
  .cat-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
/* Optional manual override via shortcode cols */
.cat-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.cat-cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }

/* Card base */
.cat-card{
  background:#fff;
  border:1px solid var(--re-border, #e5e7eb);
  border-radius: .85rem;
  overflow:hidden;
  display:flex; flex-direction:column;
  box-shadow: 0 1px 6px rgba(0,0,0,.05);
  transition: transform .15s ease, box-shadow .15s ease;
}
.cat-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

/* Media */
.cat-card__media{ display:block; background:#d1d5db; }
.cat-card__media img,
.cat-card__ph{
  display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;
}

/* FOOTER oscuro (como el mockup) */
.cat-card__foot{
  background:#1f2430; /* dark */
  color:#fff;
  padding: .95rem 1rem .9rem;
  display:flex; flex-direction:column; gap:.55rem;
}
.cat-card__title{ margin:0; font-size:1.05rem; line-height:1.25; }
.cat-card__title a{ color:#fff; text-decoration:none; }
.cat-card__title a:hover{ text-decoration:underline; }

.cat-card__meta{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
}

/* VER MÁS */
.cat-card__more{
  color:#e5e7eb; text-decoration:none; font-size:.9rem; letter-spacing:.04em;
  border-bottom: 1px solid currentColor; padding-bottom:2px;
}
.cat-card__more:hover{ color:#fff; }

/* Rating SVG (amarillo + fondo blanco en píldora) */
.rating-badge--svg{
  --star-bg:#e5e7eb;   /* gris */
  --star-fg:#f59e0b;   /* amarillo */
  display:inline-flex; align-items:center; gap:.3rem;
  background:#fff; color:#111827;
  border-radius:999px; padding:.28rem .52rem;
  font-size:.9rem; line-height:1;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.rating-badge--svg .star-ico{ width:16px; height:16px; }
.rating-badge--svg .star-bg{ fill:var(--star-bg); }
.rating-badge--svg .star-fg{ fill:var(--star-fg); }
.rating-badge--svg .rating-num{ margin-left:.25rem; font-weight:600; }

/* Defensive: si el tema intenta colorear links del footer oscuro */
.cat-card__foot a{ color:inherit; }

/* Forzar pie oscuro y tipograf�a blanca en las cards */
.cat-card__foot{ background:#1f2430 !important; color:#fff !important; }
.cat-card__foot a{ color:#fff !important; }

/* Ver m�s en claro sobre el pie oscuro */
.cat-card__more{
  color:#e5e7eb !important;
  border-bottom-color:#e5e7eb !important;
}
.cat-card__more:hover{ color:#fff !important; }

/* Estrellas SVG amarillas */
.rating-badge--svg{ background:#fff !important; }
.rating-badge--svg .star-fg{ fill:#f59e0b !important; }  /* amarillo */
.rating-badge--svg .star-bg{ fill:#e5e7eb !important; }  /* gris */
/* ��� Archive cards (dir-card): pie oscuro, texto blanco ��� */
.dir-card{ border:1px solid var(--re-border,#e5e7eb); border-radius:.85rem; overflow:hidden; }
.dir-card__body{
  background:#1f2430 !important; color:#fff !important;
  padding:.95rem 1rem .9rem;
}
.dir-card__title a{ color:#fff !important; text-decoration:none; }
.dir-card__title a:hover{ text-decoration:underline; }

/* "Ver m�s" claro sobre oscuro (si lo imprimes en el body) */
.dir-card__more{
  color:#e5e7eb !important; border-bottom:1px solid #e5e7eb !important; padding-bottom:2px;
}
.dir-card__more:hover{ color:#fff !important; }

/* Estrellas SVG amarillas (compartido) */
.rating-badge--svg{ background:#fff !important; }
.rating-badge--svg .star-fg{ fill:#f59e0b !important; }
.rating-badge--svg .star-bg{ fill:#e5e7eb !important; }