/* cy-sidebar-filter.css — portiert aus Codes/menu_site_generator.py _SIDEBAR_CSS
   (MSG:6185-6230) + _FILTER_CSS (MSG:6345-6365). Im Original inline <style> je
   generierter Seite; hier als eigenes Stylesheet, weil Next.js Seiten mehrfach
   rendert statt einmalig HTML auszugeben — sonst inhaltlich unverändert. Diese
   beiden Blöcke sind NICHT Teil der von NB1 geretteten cy-menu.css (die deckt nur
   Nav/Footer/Grid ab, s. docs/nachbau_referenz/live_assets/HERKUNFT.md) — sie
   kommen direkt aus dem Generator-Quelltext (MSG-Zeilen oben), Wortlaut/Werte
   1:1 übernommen. */

.cy-sidebar-layout{display:flex;gap:0;max-width:1100px;margin:0 auto;padding:0 0 40px}
.cy-sidebar-nav{width:200px;flex-shrink:0;padding:20px 0 20px 16px;position:sticky;top:72px;align-self:flex-start;max-height:calc(100vh - 80px);overflow-y:auto}
.cy-sidebar-nav::-webkit-scrollbar{width:4px}
.cy-sidebar-nav::-webkit-scrollbar-thumb{background:#E2E8F0;border-radius:2px}
.cy-sidebar-link{display:block;padding:8px 14px 8px 12px;border-radius:6px;color:#4A5568;text-decoration:none;font-size:.88rem;margin-bottom:2px;line-height:1.3}
.cy-sidebar-link:hover{background:#F7FAFC;color:#1A202C}
.cy-sidebar-link.is-active{background:#FFF5F5;color:#c8102e;font-weight:600}
.cy-sidebar-content{flex:1;min-width:0;padding:20px 16px 0 24px}
.cy-sb-section{margin-bottom:40px}
.cy-sb-heading{font-size:1.1rem;font-weight:700;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #f0f0f0;color:#1A202C}
.cy-sb-card{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #F5F5F5;text-decoration:none;color:inherit}
.cy-sb-card:last-child{border-bottom:none}
.cy-sb-card:hover .cy-sb-card-name{color:#c8102e}
.cy-sb-card-text{flex:1;min-width:0}
.cy-sb-card-name{font-size:.92rem;font-weight:600;color:#1A202C;margin:0 0 3px;line-height:1.35}
.cy-sb-card-desc{font-size:.77rem;color:#718096;margin:0 0 4px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cy-sb-card-price{font-size:.88rem;font-weight:600;color:#1A202C;margin:0}
.cy-sb-card-img{width:80px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}
@media(max-width:768px){
.cy-sidebar-layout{flex-direction:column;padding:0}
.cy-sidebar-nav{width:100%;position:sticky;top:56px;z-index:50;background:#fff;border-right:none;border-bottom:1px solid #E2E8F0;padding:8px 12px;max-height:none;overflow-x:auto;overflow-y:visible;display:flex;gap:6px;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cy-sidebar-nav::-webkit-scrollbar{display:none}
.cy-sidebar-link{white-space:nowrap;border:1px solid #E2E8F0;background:#f7f7f7;border-radius:20px;padding:5px 13px;font-size:.82rem;margin-bottom:0}
.cy-sidebar-link.is-active{background:#c8102e;color:#fff;border-color:#c8102e}
.cy-sidebar-content{padding:16px 12px 0}
}

#cy-flt{max-width:1100px;margin:0 auto;padding:10px 16px 2px}
.cy-flt-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.cy-flt-lbl{font-size:.74rem;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.cy-flt-chip{border:1px solid #E2E8F0;background:#f7f7f7;border-radius:20px;padding:4px 12px;font-size:.8rem;color:#4A5568;cursor:pointer;line-height:1.4}
.cy-flt-chip.is-on{background:#c8102e;border-color:#c8102e;color:#fff}
.cy-flt-chip.cy-flt-diet.is-on{background:#22543D;border-color:#22543D}
#cy-flt-sort{border:1px solid #E2E8F0;border-radius:6px;padding:4px 8px;font-size:.8rem;color:#4A5568;background:#fff;cursor:pointer}
.cy-flt-reset{border:none;background:none;color:#c8102e;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:4px 6px}
.cy-flt-hint{font-size:.72rem;color:#A0AEC0;margin:0 0 4px}
.cy-flt-hide{display:none!important}
.cy-sb-card.cy-flt-unknown{opacity:.45}
.cy-flt-note{font-size:.72rem;color:#7B341E;margin:2px 0 0}
.cy-sb-card.cy-flt-onrequest .cy-flt-note{color:#22543D}