/* MENU TOP */
.menu-top .level-0-menu{display:flex;padding:0.65rem 0;flex-flow:row wrap;list-style:none;gap:0.15rem 0;}
.menu-top a{display:block;padding:.55em 0.85em;color:inherit;text-decoration:none;transition:color 0.2s ease, background 0.2s ease;border-radius:var(--radius-sm);}
/* Zamówienie: główny link + ulubione (drugi <a>) — jedna linia; globalnie .menu-top a jest block */
.menu-top li.basket-not-empty,
.menu-top li.basket-empty{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  column-gap:0.35em;
}
.menu-top li.basket-not-empty > a:first-of-type,
.menu-top li.basket-empty > a:first-of-type{
  display:inline-flex;
  align-items:center;
  flex:0 1 auto;
}
.menu-top li.basket-not-empty > .menu-favorites-link,
.menu-top li.basket-empty > .menu-favorites-link{
  margin-left:0;
}
.menu-top a:hover, .menu-top .selected > a, .menu-top .selected-parent > a{text-decoration:none;color:var(--color-primary);background:rgba(0,113,227,0.08);}
@media screen and (min-width:960px){
  .menu-top .level-0-menu{justify-content:flex-end;}
}
@media screen and (min-width:641px){ /* Accent underline */
  .menu-top li{position:relative;}
  .menu-top li:after{content:'';display:block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary);border-radius:1px;transition:width 0.25s ease;}
  .menu-top li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after{width:calc(100% - 1.7em);}
  /* Mega menu: podkreślenie ::after liczone na szerokość <li> — przy wąskim linku i szerokim panelu wygląda jak linia na całą stronę */
  .menu-top--mega > .level-0-menu > li:after,
  .menu-top--mega > .level-0-menu > li:hover:after,
  .menu-top--mega > .level-0-menu > li.selected:after,
  .menu-top--mega > .level-0-menu > li.selected-parent:after{
    display:none !important;
    width:0 !important;
    content:none !important;
  }
  /* Linki w panelu mega (poziom 1/2): globalne .menu-top li:after nadal by się stosowało */
  .menu-top--mega .mega-menu__panel li:after,
  .menu-top--mega .mega-menu__panel li:hover:after,
  .menu-top--mega .mega-menu__panel .selected:after,
  .menu-top--mega .mega-menu__panel .selected-parent:after{
    display:none !important;
    width:0 !important;
    content:none !important;
  }
  .menu-top a{font-size:0.9375rem;font-weight:500;}
  .menu-1.menu-top .level-0-menu{flex-wrap:nowrap;}
}
@media screen and (max-width:640px){ /* Small screens only */
  .menu-top .level-0-menu{flex-flow:column wrap;}
  .menu-top a{font-size:1.063rem;border-bottom:1px solid var(--color-divider);}
  .menu-top a:before{content:"";display:block;float:left;width:16px;height:16px;margin:1px .6em 0 0;background:url('img/options.png') no-repeat center -64px;}
  .menu-top a:hover:before, .menu-top .selected a:before, .menu-top .selected-parent a:before{background-position:center -80px;}
}

/* DROP DOWN MENU */
.menu-top ul{list-style:none;}
/* dropdown mark */
.menu-top li.drop-down:before{position:absolute;right:6px;display:block;content:"\25be";color:var(--color-secondary-light);font-size:0.65em;}
/* dropdown mark - second level */
.menu-top .level-1-el.drop-down:before{top:50%;transform:translateY(-50%) rotate(-90deg);}
/* global submenus styles */
.menu-top ul ul{display:none;white-space:nowrap;background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-divider);padding:0.35rem 0;}
.menu-top li:hover > ul{display:block;} /* show submenu on hover */
.menu-top ul ul a{color:var(--color-secondary);}
.menu-top ul ul a:hover{background:rgba(0,0,0,0.04);color:var(--color-primary);}

@media screen and (min-width:641px){
  .menu-top ul ul{position:absolute;top:100%;left:-1px;z-index:110;width:auto;height:auto;}
  .menu-top .level-1-el a{font-size:0.9375rem;padding:0.5em 1.15em;}
  .menu-top .level-2-el a{font-size:0.875rem;}
  /* third level submenu */
  .menu-top .level-2-menu{top:0;left:100%;border-left:1px solid var(--color-divider);}
}
@media screen and (max-width:640px){
  .menu-top ul ul{top:10%;left:5px;}
  .menu-top li:hover > .level-2-menu{display:none;}
}

/* Mega menu — widżety: globalne .menu-top ul ul { display:none } ukrywa <ul> listy widżetów (jest „drugim ul” pod .menu-top) */
.menu-top--mega .mega-menu__aside ul{
  display:block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  white-space:normal !important;
}
.menu-top--mega .mega-menu__aside .widgets-list > ul > .widget-section .widget{
  display:block !important;
}
.menu-top--mega .mega-menu__aside ul ul{
  display:block !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:auto !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0.25rem 0 0.25rem 0.75rem !important;
  margin:0 !important;
}

/* MEGA MENU — panel (widgety | kolumny), pozycja względem header.header-navigation */
@media screen and (min-width:641px){
  .header-navigation .menu-top.menu-top--mega{
    overflow:visible;
  }
  .header-navigation .menu-top.menu-top--mega .level-0-menu{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
  }
  .menu-top--mega > .level-0-menu > li.drop-down{
    position:static;
  }
  .menu-top--mega > .level-0-menu > li.drop-down:before{
    display:none;
  }
  .menu-top--mega ul ul{white-space:normal;}
  .menu-top--mega .mega-menu__panel{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    max-width:100vw;
    top:100%;
    margin:0;
    max-height:min(78vh,34rem);
    overflow:hidden;
    box-sizing:border-box;
    display:none;
    grid-template-columns:40% 60%;
    align-items:stretch;
    background:rgba(255,255,255,0.97);
    backdrop-filter:saturate(180%) blur(18px);
    -webkit-backdrop-filter:saturate(180%) blur(18px);
    border-bottom:1px solid var(--color-divider);
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
    border-radius:0;
    z-index:280;
  }
  .menu-top--mega li.drop-down:hover > .mega-menu__panel,
  .menu-top--mega li.drop-down.mega-hover > .mega-menu__panel,
  .menu-top--mega li.drop-down:focus-within > .mega-menu__panel{
    display:flex;
  }
  .menu-top--mega .mega-menu__aside{
    flex:0 0 40%;
    width:40%;
    max-width:40%;
    min-width:0;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    /* jednolite odstępy: od krawędzi viewport + wyraźny odstęp od separatora z prawej */
    padding:0.85rem 1.75rem 1.25rem clamp(1rem, 4vw, 2.5rem);
    border-right:1px solid var(--color-divider);
    background:rgba(245,245,247,0.6);
    box-sizing:border-box;
  }
  .menu-top--mega .mega-menu__aside--empty{
    pointer-events:none;
  }
  .menu-top--mega .mega-menu__aside .widgets-list{
    margin:0;
  }
  .menu-top--mega .mega-menu__aside .widget{
    margin-bottom:0.75rem;
  }
  .menu-top--mega .mega-menu__aside .widget .head{
    font-size:0.8125rem;
    font-weight:600;
    margin-bottom:0.35rem;
  }
  .menu-top--mega .mega-menu__columns{
    grid-column:2;
    min-width:0;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    padding:0.85rem clamp(1rem, 4vw, 2.5rem) 1.25rem 1.75rem;
    box-sizing:border-box;
  }
  .menu-top--mega .mega-menu__columns .level-1-menu{
    position:static;
    left:auto;
    transform:none;
    width:100%;
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    display:grid;
    /* bez 1fr — kolumny nie rozciągają się na całą szerokość; grupa linków od lewej */
    grid-template-columns:repeat(auto-fill, minmax(13rem, 16rem));
    justify-content:start;
    justify-items:start;
    column-gap:1.5rem;
    row-gap:1rem;
    align-content:start;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    border:none;
    box-shadow:none;
  }
  .menu-top--mega .level-1-el{
    min-width:0;
  }
  .menu-top--mega .level-1-menu > .level-1-el > a{
    font-weight:600;
    color:var(--color-secondary);
    padding:0.35em 0;
  }
  .menu-top--mega .level-1-menu .level-2-menu{
    position:static;
    top:auto;
    left:auto;
    width:auto;
    min-width:0;
    margin:0.4rem 0 0 0;
    padding:0.2rem 0 0.5rem 0.75rem;
    border:none;
    border-left:2px solid rgba(0,0,0,0.06);
    border-radius:0;
    box-shadow:none;
    background:transparent;
    display:none;
  }
  .menu-top--mega .level-1-menu .level-1-el:hover > .level-2-menu,
  .menu-top--mega .level-1-menu .level-1-el:focus-within > .level-2-menu{
    display:block;
  }
  .menu-top--mega .level-2-el a{
    font-weight:400;
    padding:0.38em 0;
  }
}

@media screen and (max-width:640px){
  .menu-top--mega .mega-menu__panel{
    position:absolute;
    left:0;
    right:auto;
    top:100%;
    width:min(22rem, calc(100vw - 1.5rem));
    max-height:none;
    grid-template-columns:1fr;
    background:var(--color-white);
    border-radius:var(--radius-sm);
    border:1px solid var(--color-divider);
    box-shadow:0 8px 28px rgba(0,0,0,0.12);
    display:none;
    overflow:visible;
  }
  /* Otwieranie mega menu na mobile: klasa .is-open (JS), nie :hover — touch */
  .menu-top--mega .mega-menu__aside{
    grid-column:auto;
    width:100%;
    max-width:none;
    border-right:none;
    border-bottom:1px solid var(--color-divider);
    padding:0.5rem 0.75rem;
  }
  .menu-top--mega .mega-menu__aside--empty{
    display:none;
  }
  .menu-top--mega .mega-menu__columns{
    grid-column:auto;
    width:100%;
    max-width:none;
    overflow:visible;
    padding:0.4rem 0;
  }
  .menu-top--mega .mega-menu__columns .level-1-menu{
    grid-template-columns:1fr;
    row-gap:0;
  }
  .menu-top--mega .level-1-menu .level-2-menu{
    position:static;
    margin:0;
    padding:0.25rem 0 0.25rem 0.75rem;
    border-left:2px solid rgba(0,0,0,0.06);
    box-shadow:none;
  }
}

/* Panel mobilny (hamburger): przycisk rozwijania + .is-open zamiast :hover */
@media screen and (max-width:640px){
  /* Bez starych ikon options.png / strzałki ::before — jeden spójny styl z resztą UI */
  #primary-navigation .menu-top a:before,
  #primary-navigation .menu-top a:hover:before,
  #primary-navigation .menu-top .selected > a:before,
  #primary-navigation .menu-top .selected-parent > a:before{
    content:none !important;
    display:none !important;
    background:none !important;
    float:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
  }
  #primary-navigation .menu-top li.drop-down:before,
  #primary-navigation .menu-top .level-1-el.drop-down:before{
    content:none !important;
    display:none !important;
  }
  #primary-navigation .menu-top{
    padding:0.35rem 0 1rem;
  }
  #primary-navigation .menu-top .level-0-menu{
    gap:0;
    padding:0;
    flex-flow:column nowrap;
  }
  #primary-navigation .menu-top > ul.level-0-menu > li{
    border-bottom:1px solid var(--color-divider);
  }
  #primary-navigation .menu-top > ul.level-0-menu > li:last-child{
    border-bottom:0;
  }
  #primary-navigation .menu-top a{
    font-size:1rem;
    font-weight:500;
    letter-spacing:-0.01em;
    border-bottom:0;
    border-radius:0;
    padding:0.9rem var(--layout-pad-x);
    color:var(--color-secondary);
  }
  #primary-navigation .menu-top a:hover,
  #primary-navigation .menu-top .selected > a,
  #primary-navigation .menu-top .selected-parent > a{
    color:var(--color-primary);
    background:rgba(0,102,204,0.06);
    text-decoration:none;
  }
  #primary-navigation .menu-top ul ul a{
    font-size:0.9375rem;
    font-weight:400;
    padding:0.65rem var(--layout-pad-x) 0.65rem calc(var(--layout-pad-x) + 0.5rem);
  }
  #primary-navigation .menu-top--mega .mega-menu__aside{
    background:var(--color-grey);
    border-bottom:1px solid var(--color-divider);
  }
  #primary-navigation .menu-top--mega .mega-menu__columns{
    padding:0.35rem 0 0.5rem;
    background:var(--color-white);
  }
  #primary-navigation .menu-top--mega .level-1-menu > .level-1-el > a{
    font-weight:500;
    padding:0.55rem var(--layout-pad-x);
  }
  #primary-navigation .menu-top li.drop-down{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
  }
  #primary-navigation .menu-top li.drop-down > a:first-of-type{
    flex:1 1 auto;
    min-width:0;
  }
  #primary-navigation .menu-top li.drop-down > .menu-favorites-link{
    flex:0 0 auto;
    padding-left:0.35rem;
    padding-right:var(--layout-pad-x);
  }
  .mobile-nav-expand{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 2.75rem;
    width:2.75rem;
    min-height:2.75rem;
    margin:0;
    padding:0;
    border:0;
    border-radius:var(--radius-sm);
    background:transparent;
    color:var(--color-secondary-light);
    cursor:pointer;
    align-self:stretch;
    transition:background 0.2s ease, color 0.2s ease;
  }
  .mobile-nav-expand:hover,
  .mobile-nav-expand:focus-visible{
    background:rgba(0,102,204,0.08);
    color:var(--color-primary);
    outline:none;
  }
  #primary-navigation .menu-top li.drop-down.is-open > .mobile-nav-expand{
    background:rgba(0,102,204,0.1);
    color:var(--color-primary);
  }
  .mobile-nav-expand::after{
    content:"\25be";
    font-size:0.65rem;
    line-height:1;
    display:block;
    transition:transform 0.22s ease;
  }
  #primary-navigation .menu-top li.drop-down.is-open > .mobile-nav-expand::after{
    transform:rotate(180deg);
  }
  #primary-navigation .menu-top li:hover > ul:not(.level-0-menu){
    display:none !important;
  }
  #primary-navigation .menu-top li.drop-down > ul.level-1-menu{
    flex:1 1 100%;
    min-width:0;
    background:var(--color-grey);
    border-top:1px solid var(--color-divider);
  }
  #primary-navigation .menu-top ul ul{
    border-radius:0;
    box-shadow:none;
    border:0;
  }
  #primary-navigation .menu-top li.drop-down.is-open > ul.level-1-menu{
    display:block !important;
  }
  #primary-navigation .menu-top--mega li.drop-down > .mega-menu__panel{
    flex:1 1 100%;
    min-width:0;
  }
  #primary-navigation .menu-top--mega li.drop-down.is-open > .mega-menu__panel{
    display:grid !important;
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    margin:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    border:0 !important;
    border-top:1px solid var(--color-divider) !important;
    overflow:visible !important;
  }
  #primary-navigation .menu-top--mega li.drop-down:not(.is-open) > .mega-menu__panel{
    display:none !important;
  }
  #primary-navigation .menu-top .level-1-el.drop-down.is-open > ul.level-2-menu{
    display:block !important;
  }
}
[class*="menu-"] .products-in-basket{display:inline-block;padding:2px 7px;margin-left:.5em;color:#fff;background:var(--color-primary);border-radius:var(--radius-pill);font-style:normal;font-size:0.7em;font-weight:600;}
[class*="menu-"] .menu-favorites-link{display:inline-flex;align-items:center;gap:0.2em;margin-left:.45em;text-decoration:none;vertical-align:middle;color:inherit;}
[class*="menu-"] .menu-favorites-link:hover{text-decoration:none;opacity:0.9;}
[class*="menu-"] .menu-favorites-link__icon{font-size:0.9em;line-height:1;opacity:0.85;}
[class*="menu-"] .products-favorites-count{display:inline-block;padding:2px 7px;margin-left:0.1em;color:#fff;background:#8b2942;border-radius:var(--radius-pill);font-style:normal;font-size:0.7em;font-weight:600;}

/* WIDGET - display option: MENU */
/* footer menu */
#foot .widget.type-4 nav ul{list-style:none;display:flex;flex-flow:row wrap;gap:0.25rem 1.5rem;}
#foot .widget.type-4 li{padding:.35em 0;flex-basis:calc(100% / 2);}
#foot .widget.type-4 li:before{content:'';margin-right:0;}
/* left column menu */
.widgets-8 .widget.type-4 li{padding:.2rem 0 .2em 1em;}
.widgets-8 .widget.type-4 li:before{content:'';margin:0;}
.widgets-8 .widget.type-4 a{text-decoration:none;}
.widgets-8 .widget.type-4 .selected[class*="-el"] > a, .widgets-8 .widget.type-4 .selected-parent[class*="-el"] > a{color:var(--color-primary);font-weight:500;}