/**
 * 10-category-tabs.css — Estilos del componente [category_tabs]
 *
 * Componente del módulo display/.
 * Complementa el sistema de tabs general de 01-tabs.css
 * con estilos específicos del shortcode [category_tabs].
 *
 * @package SideralJungle
 */

.woocommerce-category-container {
  max-width: 900px;
  margin: auto;
  text-align: center;
}

.category-title {
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
}

.subcategories ul {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: center;
  list-style: none;
  padding: 0;
}

.subcategories li a {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-text-default);
}

.product-tabs .tabs {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: center;
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-md);
}

.product-tabs .tabs li a {
  text-decoration: none;
  padding: var(--spacing-sm) 15px;
  background: #eee;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

/* .tab-content se gestiona desde 01-tabs.css */

.product-image img {
  max-width: 150px;
  margin: auto;
}

.price {
  font-size: 18px;
  font-weight: bold;
  color: #d00;
}