/* 4Unit WebApp Styles (isoliert) */
/**
 * @author Firma: 4Unit Systems Integration GmbH
 *         Adresse: Jahnstraße 36, 34582 Borken (Hessen)
 *         Telefon: 05682 73 48 26
 *         E-Mail: info@4unit.com
 *         Website: https://4unit.com
 */

/* Namespace: alles innerhalb .clean-style, damit keine Konflikte */
.clean-style {
  --wa-bg: #ffffff;
  --wa-header-height: 56px; /* h-14 im WebApp-Header */
}

/* Scrollbar ausblenden für horizontale Leisten */
.clean-style .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.clean-style .scrollbar-hide::-webkit-scrollbar { display: none; }

/* Tabs/Slider Leiste */
.clean-style .tabsbar { display: flex; gap: 8px; overflow-x: auto; padding: 8px 16px; align-items: center; scroll-behavior: smooth; }
.clean-style .tabsbar > * { flex: 0 0 auto; }

/* Pill Buttons für Kategorien */
.clean-style .pill { border-radius: 9999px; padding: 8px 16px; font-weight: 600; white-space: nowrap; background: #f3f4f6; color: #374151; transition: background .2s, color .2s; }
.clean-style .pill:hover { background: #e5e7eb; }
.clean-style .pill--active { background: #111827; color: #fff; }

/* Icon Buttons rechts */
.clean-style .icon-btn { width: 36px; height: 36px; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; background: #f3f4f6; color: #374151; }
.clean-style .icon-btn:hover { background: #e5e7eb; }
.clean-style .icon-btn:disabled { opacity: .4; pointer-events: none; }

/* Dropdown für Kategorienliste */
.clean-style .cat-dropdown { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.08); padding: 8px; }
.clean-style .cat-dropdown .item { width: 100%; text-align: left; padding: 8px 12px; border-radius: 8px; color: #374151; }
.clean-style .cat-dropdown .item:hover { background: #f3f4f6; }
.clean-style .cat-dropdown .item--active { background: #111827; color: #fff; }

/* Fixe Sticky-Zeilen-Abstände */
.clean-style .sticky-search { background: #fff; border-bottom: 1px solid #e5e7eb; }

/* Karten-Grid für Items (fallback, Tailwind bleibt aktiv) */
.clean-style .items-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

/* Back-To-Top/Feedback, falls benötigt */
.clean-style .floating { position: fixed; z-index: 50; }

/* Sticky Toolbar (Suche + Slider) */
.clean-style .sticky-toolbar {
  position: sticky;
  top: var(--wa-header-height);
  z-index: 60;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}