/* =========================================================
   BBP – NAV FIX (MOBILE + DESKTOP)
   Cel:
   - w overlay (po kliknięciu burgera) UKRYJ logo + tytuł + motto
   - menu wyrównaj do LEWEJ (nie uciekające poza ekran)
   - X w prawym górnym rogu
   - hamburger: mobilny niżej + desktop też trochę niżej
   WYMAGA: klasa "bbp-mobile-nav" dodana do bloku Navigation
========================================================= */


/* ====== DESKTOP ====== */
@media (min-width: 783px){

  /* Jeśli burger jest widoczny na desktop (np. menu overlay ustawione na "Zawsze") – opuść go */
  .bbp-mobile-nav .wp-block-navigation__responsive-container-open{
    position: relative !important;
    top: 10px !important; /* zmień np. 10 / 16 / 22 */
  }
}


/* ====== MOBILE ====== */
@media (max-width: 782px){

  /* hamburger niżej na mobile */
  .bbp-mobile-nav .wp-block-navigation__responsive-container-open{
    position: relative !important;
    top: 18px !important;   /* zmień: 18 / 28 / 38 */
    z-index: 99999 !important;
  }

  /* Overlay – daj sensowne paddingi, żeby nic nie wchodziło na PL/EN */
  .bbp-mobile-nav .wp-block-navigation__responsive-container{
    padding-top: 110px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  /* WAŻNE: wyrównaj całą kolumnę menu do LEWEJ (żeby nie było na środku) */
  .bbp-mobile-nav .wp-block-navigation__responsive-container-content,
  .bbp-mobile-nav .wp-block-navigation__container{
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
  }

  /* Linki – bez dziwnych przesunięć */
  .bbp-mobile-nav .wp-block-navigation-item{
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* X zawsze w prawym górnym rogu */
  .bbp-mobile-nav .wp-block-navigation__responsive-container-close{
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 100000 !important;
  }

  /* === TU UKRYWAMY LOGO + TEKSTY TYLKO W OVERLAY === */
  .bbp-mobile-nav .wp-block-navigation__responsive-container .wp-block-site-logo,
  .bbp-mobile-nav .wp-block-navigation__responsive-container .wp-block-site-title,
  .bbp-mobile-nav .wp-block-navigation__responsive-container .wp-block-site-tagline{
    display: none !important;
  }
}