/* SS UX Pack 3.2.7 Ultra PRO – visual & mobile fixes */

/* line shadows + compact spacing */
#ss-recent, #ss-sticky-bar{ box-shadow:0 1px 0 rgba(0,0,0,.06), 0 12px 24px rgba(0,0,0,.05); }
#ss-recent{ padding:.35rem .6rem; position:sticky; top:52px; z-index:997; background:rgba(255,255,255,.86); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
#ss-sticky-bar{ position:sticky; top:96px; z-index:1100; background:rgba(255,255,255,.86); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
#ss-sticky-bar .ss-wrap{ max-width:1260px; margin:0 auto; padding:.5rem .8rem; gap:.5rem; }

/* visited cat chips beside Search (desktop) */
#ss-visited-cats{ display:flex; align-items:center; gap:.4rem; overflow:auto; margin-left:.5rem; scrollbar-width:thin; }
#ss-visited-cats .chip{ flex:0 0 auto; padding:.42rem .62rem; border-radius:999px; border:1px solid #e6eaf0; background:#fff; color:#0f172a; font-size:.85rem; line-height:1; white-space:nowrap; }

/* Smart Shelf */
#ss-smart-shelf{ max-width:1260px; margin:10px auto 0; padding:10px 12px; }
#ss-smart-shelf .shelf-head{ display:flex; align-items:center; justify-content:space-between; margin:0 0 8px; }
#ss-smart-shelf .shelf-title{ font-weight:700; opacity:.9; }
#ss-smart-shelf .clear-btn{ font-size:.85rem; border:1px solid #e6eaf0; background:#fff; border-radius:999px; padding:.35rem .6rem; cursor:pointer; }
#ss-smart-shelf .grid{ display:grid; gap:8px; grid-template-columns:repeat(4,1fr); }
#ss-smart-shelf .tile{ display:flex; align-items:center; gap:8px; border:1px solid #e6eaf0; background:#fff; border-radius:12px; padding:10px 12px; text-decoration:none; color:#0f172a; box-shadow:0 4px 10px rgba(0,0,0,.06); }
#ss-smart-shelf .tile .dot{ width:10px; height:10px; border-radius:50%; background:#22d3ee; flex:0 0 10px; }
#ss-smart-shelf .tile:hover{ transform:translateY(-1px); box-shadow:0 8px 16px rgba(0,0,0,.10); }

@media (max-width:1024px){ #ss-smart-shelf .grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:640px){
  /* Mobile: white background & proper expanding */
  #ss-sticky-bar{ display:none; position:fixed; top:0; left:0; right:0; background:#fff !important; border-bottom:1px solid #e5e7eb; box-shadow:0 12px 28px rgba(0,0,0,.14); }
  body.ss-bar-open #ss-sticky-bar{ display:block; max-height:90vh; overflow:auto; }
  #ss-sticky-bar .ss-wrap{ grid-template-columns:1fr; padding:12px; }
  #ss-more-fields{ display:none; }
  body.ss-more-open #ss-more-fields{ display:block; }

  #ss-smart-shelf{ padding:8px 10px; }
  #ss-smart-shelf .grid{ grid-template-columns:repeat(2,1fr); }
}


/* --- 3.2.8-ultra-pro2 refinements --- */

/* Hide duplicate chips near Search (keep only Smart Shelf section) */
#ss-visited-cats{ display:none !important; }

/* Compact fields and buttons */
#ss-sticky-bar .ss-wrap{ padding:.35rem .6rem; gap:.4rem; }
#ss-sticky-bar .ss-field input,
#ss-sticky-bar .ss-field select{ padding:.45rem .55rem; height:40px; border-radius:10px; border:1px solid #e9edf3; background:#fff; }
#ss-sticky-bar .button, #ss-sticky-bar button{ padding:.45rem .75rem; height:40px; border-radius:10px; }

/* Softer shadows + neutral background */
#ss-recent, #ss-sticky-bar{ box-shadow:0 1px 0 rgba(15,23,42,.04), 0 8px 20px rgba(15,23,42,.05); background:rgba(255,255,255,.94); }

/* Smart Shelf compact tiles */
#ss-smart-shelf .tile{ padding:8px 10px; border-radius:10px; box-shadow:0 3px 8px rgba(0,0,0,.06); }
#ss-smart-shelf .shelf-title{ font-size:1rem; }

/* Mobile improvements */
@media (max-width:640px){
  #ss-sticky-bar{ border-bottom:1px solid #eaeef4; }
  #ss-sticky-bar .ss-wrap{ padding:10px; }
  #ss-smart-shelf .grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  #ss-smart-shelf .tile{ padding:8px; }
}


/* --- 3.2.9-ultra-pro3 --- */
/* Absolutely hide any visited chips row beside Search */
#ss-visited-cats, .ss-visited-cats, .visited-chips { display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important; }

/* Mobile sticky priority */
@media (max-width:640px){
  #ss-sticky-bar{ z-index:9999 !important; }
}

/* Slightly smaller tiles */
#ss-smart-shelf .tile{ padding:7px 9px; }


/* 3.2.9p3: inline 'więcej' pod paskiem na mobile */
@media (max-width:640px){
  #ss-more-fields{ display:block; background:#fff; border-top:1px solid #e9edf3; }
}


/* 3.2.9p4: ensure inline filters visible on mobile */
@media (max-width:640px){
  #ss-more-fields{ display:block; background:#fff; border-top:1px solid #e5e7eb; }
}


/* 3.2.9p6: visible state for #ss-sticky-bar */
@media (max-width:640px){
  #ss-sticky-bar{ display:none; background:#fff; }
  #ss-sticky-bar.is-visible{ display:block; }
}
