/* ============================================================
 * aaryans-filterbar.css  v1.1  (2026-07-13)
 *
 * Kategorie redesign — část 2/2: plovoucí filtr lišta.
 * Vizuál 1:1 podle návrhu v UX auditu (str. 3 "Řešení"): bílá lišta se
 * stínem u spodního okraje, boxy s labely (brand dark gray) + šipkou,
 * "Další parametry" v brand modré s pravým spodním rohem ve tvaru konce
 * látkového proužku z loga (border-radius 10/14/42/10).
 *
 * Zobrazuje se JEN >=992 px (iPad breakpoint, stejný jako catbar).
 * Pod 992 px zůstává mobilní drawer z filter-redesign — beze změny.
 *
 * Karta otevřeného popoveru (pozice/pozadí/stín) se řeší INLINE
 * s !important v aaryans-filterbar.js — agenturní #id pravidla přebíjí
 * jakýkoli stylesheet selektor (ověřeno živě na #price-filter).
 * Tady jsou jen dědičné/vnitřní věci popoveru.
 *
 * PÁRUJE SE s: aaryans-filterbar.js (stejná verze!)
 * Závislost: aaryans-filter-redesign v2.31+ (zlatý #aar-filtrovat-pill,
 * boční panel) — lišta ho NEMĚNÍ, jen na něj odkazuje.
 *
 * Upload: /user/documents/upload/CSSkodyCLAUDE/aaryans-filterbar.css
 *
 * Changelog:
 *   v1.1 — beze změn obsahu; srovnání verze s párovým JS (facet refresh)
 *   v1.0 — první produkční verze (z preview-ALL.js; AJAX round-trip
 *          ověřen živě vč. přechodu do parametrické kategorie)
 * ============================================================ */

/* ---------- lišta ---------- */
#aar-fb-bar {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 14px;
  z-index: 9990;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border-radius: 20px;
  padding: 14px 18px;
  box-shadow: 0 6px 28px rgba(46, 45, 44, .2), 0 1px 4px rgba(46, 45, 44, .1);
  width: min(1160px, calc(100vw - 40px));
}
@media (max-width: 991px) {
  #aar-fb-bar { display: none !important; }
}

/* boxy: label vlevo (brand dark gray #2E2D2C — "černá" je zakázaná), šipka vpravo */
#aar-fb-bar .aar-fb-btn {
  flex: 1 1 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 13px 16px;
  background: #fff;
  border: 1px solid #E2E6EA;
  border-radius: 10px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: #2E2D2C;
  cursor: pointer;
  white-space: nowrap;
}
#aar-fb-bar .aar-fb-btn:hover,
#aar-fb-bar .aar-fb-btn.open {
  border-color: #B9C6D0;
  box-shadow: 0 2px 8px rgba(46, 45, 44, .08);
}
#aar-fb-bar .aar-fb-btn svg { flex: 0 0 auto; transition: transform .2s; }
#aar-fb-bar .aar-fb-btn.open svg { transform: rotate(180deg); }

/* Další parametry — brand modrá, pravý spodní roh = konec proužku z loga */
#aar-fb-bar .aar-fb-more {
  flex: 1 1 0;
  padding: 14px 18px;
  border: none;
  border-radius: 10px 14px 42px 10px;
  background: #0076A0;
  color: #fff;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  cursor: pointer;
}
#aar-fb-bar .aar-fb-more:hover { background: #005E80; }

/* když je plný boční panel (v2.31) rozbalený, lišta se skryje —
   tělo dostává třídu z aaryans-filterbar.js */
body.aar-fb-sidebar-open #aar-fb-bar { display: none !important; }

/* ať lišta nezakrývá konec výpisu / paginaci */
@media (min-width: 992px) {
  body.type-category #content { padding-bottom: 104px !important; }
}

/* ---------- vnitřek otevřeného popoveru ----------
   POZOR: .aar-collapsed wrapper má pointer-events:none → bez auto by
   popover nešel ovládat (ověřeno živě) */
#filters .filter-section.aar-fb-open,
#filters .filter-section.aar-fb-open * { pointer-events: auto !important; }

#filters .filter-section.aar-fb-open h4 {
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 10px !important;
  font-size: 12px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #2E2D2C !important;
}
#filters .filter-section.aar-fb-open fieldset,
#filters .filter-section.aar-fb-open form,
#filters .filter-section.aar-fb-open .slider-wrapper {
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
/* děti karty nesmí přetlačit vnitřní padding */
#filters .filter-section.aar-fb-open > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}