:root{ --ep-sticky-h: 86px; }

/* Sticky pasek */
.ep-sticky-init{
  position: sticky;
  top: 0;
  z-index: 9999;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}
body.admin-bar .ep-sticky-init{ top: 32px; }
@media (max-width:782px){ body.admin-bar .ep-sticky-init{ top: 46px; } }

/* Kontener sekcji Elementora */
.ep-sticky-init .elementor-container{ position: relative; }

/* === PRZYCISK MENU: zielona pigułka z ikoną i napisem === */
.ep-burger{
  position:relative;
  display:none;                         /* desktop: ukryty */
  align-items:center; justify-content:center;
  height:44px; border-radius:999px;
  background:#89DE30;
  border:none; cursor:pointer;
  box-shadow:0 3px 12px rgba(0,0,0,.25);
  transition:opacity .15s ease, transform .2s ease;
  padding:0 14px; gap:10px;
}

/* Ikona burgera – animacja 3 kreski → X */
.ep-burger__icon{
  position:relative;
  width:22px; height:16px;           /* „pudełko” na 3 kreski */
}
.ep-burger__icon span{
  position:absolute; left:0;
  width:22px; height:2px;
  background:#fff !important;
  border-radius:2px;
  transform-origin:50% 50%;
  transition:
    transform .22s cubic-bezier(.4,0,.2,1),
    top .22s cubic-bezier(.4,0,.2,1),
    opacity .18s linear;
}
/* pozycje początkowe */
.ep-burger__icon span:nth-child(1){ top:0;   }
.ep-burger__icon span:nth-child(2){ top:7px; }
.ep-burger__icon span:nth-child(3){ top:14px;}

/* stan OTWARTY – sekcja ma .ep-open */
.ep-open .ep-burger__icon span:nth-child(1){
  top:7px; transform:rotate(45deg);
}
.ep-open .ep-burger__icon span:nth-child(2){
  opacity:0; transform:scaleX(0.6);
}
.ep-open .ep-burger__icon span:nth-child(3){
  top:7px; transform:rotate(-45deg);
}

.ep-burger__label{
  color:#fff !important;
  font-weight:800; letter-spacing:.02em;
  font-size:.84rem; text-transform:uppercase;
}

/* (opcjonalnie) gaszenie przycisku – zostawiamy dla kompatybilności */
.ep-burger--off{
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.92) !important;
}

/* --- Domyślnie dropdown NIGDY nie jest widoczny (także na desktopie) --- */
.ep-dropdown{ display:none !important; }

/* === MOBILE: klasyczny dropdown pod paskiem (bez overlaya) === */
@media (max-width:1024px){
  .ep-burger{ display:flex; margin-left:auto; }
  /* chowamy oryginalny widget menu (zostanie sklonowany) */
  .ep-sticky-init .ep-nav-widget{ display:none !important; }

  .ep-dropdown{
    position:absolute; top:100%; left:0; right:0;
    background:#2b2d30; color:#fff;
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 30px rgba(0,0,0,.25);
    padding:16px 16px 14px;
  }
  .ep-open .ep-dropdown{ display:block !important; }

  /* przycisk „X” w prawym górnym rogu dropdownu */
  .ep-dropdown__close{
    position:absolute; top:10px; right:10px;
    width:36px; height:36px; border-radius:999px;
    background:#3e4146; border:1px solid rgba(255,255,255,.08);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 16px rgba(0,0,0,.25);
    cursor:pointer;
  }
  .ep-dropdown__close span{
    position:absolute; width:18px; height:2px; background:#fff; border-radius:2px;
  }
  .ep-dropdown__close span:first-child{ transform:rotate(45deg); }
  .ep-dropdown__close span:last-child { transform:rotate(-45deg); }

  /* lista linków */
  .ep-dropdown ul{
    display:flex !important; flex-direction:column; gap:8px;
    margin:0; padding:6px 0 10px; list-style:none;
  }
  .ep-dropdown a{
    display:block; color:#fff; text-decoration:none;
    padding:12px 8px; border-radius:10px;
    transition:background .18s ease, color .18s ease;
    font-size:1.05rem;
  }
  .ep-dropdown a:hover{
    color:#89DE30; background:rgba(255,255,255,.04);
  }



/* Desktop: pokazuj oryginalny widget menu */
@media (min-width:1025px){
  .ep-sticky-init .ep-nav-widget{ display:block !important; }
}

/* Offset dla kotwic */
[id]{ scroll-margin-top: var(--ep-sticky-h); }

/* DEBUG: pokaż burger na desktopie
.ep-burger{ display:flex !important; } */