/* La Gardenia – Barra categorie degli archivi prodotti ([lagardenia_categorie]) */
.lg-cat-bar {
  --lg-ink: #1a1a1a; --lg-paper: #fff; --lg-mist: #f4f2ef; --lg-line: #dcd9d4; --lg-stone: #6b6b6b;
  --lg-serif: 'iowan-old-style-bt', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  width: 100%; color: var(--lg-ink); font-size: 16px; line-height: 1.5;
}
.lg-cat-bar *, .lg-cat-bar *::before, .lg-cat-bar *::after { box-sizing: border-box; }
.lg-cat-bar__row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--lg-line); }
.lg-cat-bar__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.lg-cat-bar .lg-cat-bar__chip {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--lg-serif); font-size: 15px; letter-spacing: 1px; text-transform: uppercase; line-height: 1;
  min-height: 42px; padding: 0 20px; border: 1px solid var(--lg-ink); border-radius: 20px;
  background: var(--lg-paper); color: var(--lg-ink); text-decoration: none; white-space: nowrap;
  transition: background-color .2s, color .2s;
}
.lg-cat-bar .lg-cat-bar__chip:hover { background: var(--lg-mist); color: var(--lg-ink); }
.lg-cat-bar .lg-cat-bar__chip.is-active { background: var(--lg-ink); color: var(--lg-paper); }
.lg-cat-bar .lg-cat-bar__chip:focus-visible, .lg-cat-bar select:focus-visible { outline: 2px solid var(--lg-ink); outline-offset: 3px; }
.lg-cat-bar__sort { display: flex; align-items: center; gap: 10px; margin: 0; flex: none; font-size: 14px; color: var(--lg-stone); }
.lg-cat-bar__sort label { margin: 0; font-size: 14px; color: var(--lg-stone); }
.lg-cat-bar__sort select {
  font: inherit; font-size: 15px; color: var(--lg-ink); background-color: var(--lg-paper);
  border: 1px solid var(--lg-line); border-radius: 20px; padding: 9px 36px 9px 16px; min-height: 42px; width: auto; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='%231a1a1a' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
.lg-cat-bar__sort button { font: inherit; font-size: 14px; min-height: 42px; padding: 0 16px; border: 1px solid var(--lg-ink); border-radius: 20px; background: var(--lg-ink); color: var(--lg-paper); cursor: pointer; }
.lg-cat-bar__count { margin: 18px 0 0; font-size: 14px; color: var(--lg-stone); }

@media (max-width: 767px) {
  .lg-cat-bar__row { flex-direction: column; align-items: stretch; gap: 14px; }
  .lg-cat-bar__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; scrollbar-width: none; }
  .lg-cat-bar__chips::-webkit-scrollbar { display: none; }
  .lg-cat-bar .lg-cat-bar__chip { font-size: 13px; min-height: 40px; padding: 0 16px; flex: none; }
  .lg-cat-bar__sort { justify-content: space-between; }
  .lg-cat-bar__sort select { flex: 1; max-width: 230px; }
  .lg-cat-bar__count { margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) { .lg-cat-bar * { transition: none !important; } }