/*
 * Override storefront — Naturela (naturela).
 *
 * Carga: Haven (haven.css) → este archivo (store_override_stylesheet_path).
 * No editar Store#css_override para esta tienda.
 *
 * Principios DRY:
 * 1. Tokens Naturela en :root; el resto usa var(--token), no hex sueltos.
 * 2. Solo el delta que Apariencia/paneles no dan. !important solo si Haven gana sin él.
 *
 * Paleta: --nl-cacao --nl-musgo --nl-crema --nl-arcilla
 */

/* —— Tokens —— */
:root {
  --nl-cacao: #41210a;
  --nl-musgo: #2d4827;
  --nl-crema: #f5f3ed;
  --nl-arcilla: #997b6b;
  --nl-blanco: #fff;
  --nl-linea: #ebe6dc;
}

/* —— cabecera: filetes crema (antes en Store#css_override) —— */
.header-bottom {
  border-bottom: 2px solid var(--nl-crema);
  border-top: 2px solid var(--nl-crema);
}
@media (max-width: 991.98px) {
  .header-mobile-search {
    border-bottom: 1px solid var(--nl-crema);
    border-top: 1px solid var(--nl-crema);
  }
}

/* —— featured_categories: nombre centrado abajo, sin icono (como Vivetec/Haven limpio) —— */
.collection-item.style-2 .collection-inner {
  background: var(--nl-blanco);
  border: 1px solid var(--nl-linea);
  border-radius: 6px;
  overflow: hidden;
}
.collection-item.style-2 .category-content {
  position: static !important;
  background: none !important;
  width: 100%;
}
.collection-item.style-2 .category-title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 8px !important;
  min-height: 64px;
  height: auto !important;
  max-width: none !important;
  color: var(--nl-cacao) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: center;
}
.collection-item.style-2 .category-title span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: normal;
}
.collection-item.style-2 .category-title .icon {
  display: none !important;
}
@media (max-width: 575px) {
  .collection-item.style-2 .category-title {
    font-size: 13px !important;
    min-height: 68px;
    padding: 10px 7px !important;
  }
}