.site-header.absolute #primary-menu a{
    color: var(--color-orange);
  }
  .site-header.fixed #primary-menu a{
    color: var(--color-main);
  }
  .site-header.fixed .icon-a a:before{
    color: var(--color-main);
  }
  
  
  
  #desktop-menu {
      display: block;
    }
    
    #mobile-menu {
      display: none; /* Ukryj na desktopie */
    }
    
    #primary-menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
    }
    
    #primary-menu li {
      position: relative;
      margin: 0px 0px;
      padding: 30px 20px;
    }
    
    #primary-menu li:last-child {
      margin-right: 0;
    }
    
    /* Usunięcie tła i stylowania linków */
    #primary-menu a {
      text-decoration: none;
      font-family: var(--font-face);
      font-weight: 500;
      letter-spacing: 1px;
      font-size: 1.1em;
      border-bottom: transparent 3px solid;
      transition: 1s ease;
    }
    .site-header.absolute #primary-menu a:hover {
      border-bottom: var(--color-orange) 3px solid;
    }
    .site-header.absolute #primary-menu li.current-menu-item a {
      border-bottom: var(--color-orange) 3px solid;
    }
  
    .site-header.fixed #primary-menu a:hover {
      border-bottom: var(--color-main) 3px solid;
    }
    .site-header.fixed #primary-menu li.current-menu-item a {
      border-bottom: var(--color-main) 3px solid;
    }
  
    .sub-menu li.current-menu-item a {
      border-bottom: transparent 3px solid!important;
    }
    .sub-menu li a:hover {
      border-bottom: var(--color-main) 3px solid!important;
    }
  
    .site-header.absolute .hamburger{
      color: var(--color-orange);
    }
  
    .site-header.fixed .hamburger{
      color: var(--color-main);
    }
    
    /* Stylizacja submenu na desktopie */
    #primary-menu .sub-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 420px;
    }
    
    #primary-menu li:hover > .sub-menu {
      display: block;
    }
    
    #primary-menu .sub-menu li {
      margin: 0;
    }
    
    #primary-menu .sub-menu .sub-menu {
      top: 0;
      left: 100%;
    }
    
    /* Ukrywanie menu i wyświetlanie ikony hamburgera na mobilkach */
    .hamburger {
      display: none;
      cursor: pointer;
      font-size: 24px;
    }
    
    @media (max-width: 768px) {
      #desktop-menu {
          display: none; /* Ukryj desktopowe menu na mobilkach */
      }
    
      #mobile-menu {
          display: none; /* Ukryj mobilne menu początkowo */
          flex-direction: column;
          width: 100%;
          position: absolute;
          top: 100px;
          left: 0;
          background-color: #fff;
          z-index: 998;
          box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.15);
      }
    
      .hamburger {
          display: block; /* Pokaż hamburgera */
      }
    
      .hamburger span {
          display: inline-block;
          font-size: 24px;
          padding: 10px;
      }
    
      /* Menu mobilne */
      .mobile-menu {
          list-style: none;
          padding: 0;
          margin: 0;
          display: block;
          width: 100%;
      }
    
      .mobile-menu li {
          width: 100%;
          margin: 0;
      }
    
      .mobile-menu li a {
          display: block;
          padding: 10px;
          width: 100%;
          box-sizing: border-box;
          text-decoration: none;
          color: inherit; /* Bez narzucania koloru */
      }
    
      /* Submenu w menu mobilnym */
      .mobile-menu .sub-menu {
          display: none;
          width: 100%;
          list-style: none;
      }
    
      .mobile-menu li.active > .sub-menu {
          display: block; /* Pokaż submenu, gdy jest aktywne */
          width: 100%;
      }
    }
  #primary-menu .sub-menu li{
    padding: 14px 20px;
    background-color: #fff;
    min-width: 420px;
  }
  #primary-menu .sub-menu li a{
    color: var(--color-main)!important;
    font-size: 1em;
  }
  #primary-menu ul.sub-menu{
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  }
  .icon-a a:before{
    font-family: "FontAwesome";
    font-size: 1.4em;
    margin-right: 20px;
    position: relative;
    top: 2px;
  }
  .home-icon a:before{
    content: "\f015";
  }
  .oferta-icon a:before{
    content: "\f2b5";
  }
  .o-nas-icon a:before{
    content: "\f2c3";
  }
  .slownik-icon a:before{
    content: "\f02d";
  }
  .kontakt-icon a:before{
    content: "\f298";
  }
  .sklepy-icon a:before{
    content: "\f07a";
  }

#wpadminbar {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
}

html.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.admin-bar {
    padding-top: 0 !important;
    margin-bottom: 32px !important;
}

#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper,
#wpadminbar .ab-top-secondary > .menupop > .ab-sub-wrapper {
    bottom: 100% !important;
    top: auto !important;
    margin-bottom: 0 !important;
}

#wpadminbar .ab-submenu {
    bottom: 100% !important;
    top: auto !important;
}

#wpadminbar .ab-top-secondary > .menupop > .ab-sub-wrapper {
    left: auto !important;
    right: 0 !important;
}

#wpadminbar .ab-submenu .ab-submenu {
    bottom: auto !important;
    top: 0 !important;
}
html { margin-top: 0px !important; }