/* Nawigacja (header + menu mobilne) - WSPÓLNE dla wszystkich stron.
   Wydzielone 11.09.2026: reguły .mm-acc / .mm-panel (rozwijane accordiony w menu mobilnym)
   siedziały tylko w home.css, więc na każdej stronie poza stroną główną menu mobilne
   nie rozwijało się poprawnie i podstrony w środku nie dawały się kliknąć. Ten plik
   ładuje się w includes/header.php na KAŻDEJ stronie - nie dokładaj tych reguł z powrotem
   do CSS pojedynczej podstrony. */

.mm-acc{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:15px 28px;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.mm-acc::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.45;transition:transform .2s;flex:none;margin-top:-3px}
.mm-acc[aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:2px;opacity:.8}
.mm-panel{display:none;background:color-mix(in srgb,var(--paper) 55%,var(--cream));padding:2px 0 8px}
.mm-panel.open{display:block}
.mm-panel a{padding:11px 28px 11px 40px;border-top:0;font-weight:500;font-size:var(--fs-body-sm);color:var(--muted)}
.mm-panel a:hover{color:var(--wine)}
.mm-panel a.mm-all{font-weight:600;color:var(--wine)}
.mm-panel a.mm-all--top{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:2px}

.has-mega:hover .mega-trigger::after,.has-mega:focus-within .mega-trigger::after{opacity:.8;transform:rotate(45deg) translate(1px,1px)}

/* Skrót do wyszukiwarki na mobile (uwaga klienta 11.09.2026): pod 1200px .search znika z
   headera, więc lupka obok hamburgera otwiera to samo menu mobilne i od razu ustawia focus
   na polu .mm-search - bez duplikowania logiki wyszukiwania w osobnym komponencie. */
.mob-actions{display:none}
.search-trigger{display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:11px;background:transparent;border:0;cursor:pointer;padding:0;flex:none;color:var(--gold);transition:color .15s}
.search-trigger:hover{color:var(--gold-deep)}
@media(max-width:1199.98px){.mob-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.search-trigger{display:flex}}