#masthead { position: fixed; top: 0; width: 100%; z-index: 3; }
#masthead .wrapper { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 15px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

#masthead .wrapper { background-color: rgba(0,0,0,.23); }
body.single #masthead .wrapper { background-color: rgba(255,255,255,.15); }

#masthead .wrapper.dark,
body.single #masthead .wrapper.dark { background-color: rgba(0,0,0,.46); }

#masthead .wrapper #site-navigation #primary-menu .not-allowed > a,
.offcanvas .offcanvas-body #primary-menu .not-allowed > a { cursor: default; user-select: none; -webkit-user-drag: none; }

#masthead .wrapper .site-branding .custom-logo-link,
#masthead .wrapper .site-branding .custom-logo-link img { width: 186px; }
#masthead .wrapper #site-navigation { display: none; }
#masthead .wrapper #site-navigation #primary-menu { justify-content: flex-end; font-size: 18px; line-height: 1; }
#masthead .wrapper #site-navigation #primary-menu > li:not(:first-child) { margin-left: 1.25rem; }
#masthead .wrapper #site-navigation #primary-menu > li > a { color: white; padding: 0 .375rem; padding-bottom: 20px; border-bottom: 6px solid transparent; }

body.page-template-konfigurator-oferty #masthead .wrapper #site-navigation #primary-menu > #menu-item-16240 > a,
body.page-id-84 #masthead .wrapper #site-navigation #primary-menu > #menu-item-16240 > a,
body.single #masthead .wrapper #site-navigation #primary-menu > #menu-item-236 > a,
#masthead .wrapper #site-navigation #primary-menu > li:not(.not-allowed) > a:hover,
#masthead .wrapper #site-navigation #primary-menu > li:not(.not-allowed) > a:focus,
#masthead .wrapper #site-navigation #primary-menu > li.current_page_item > a,
#masthead .wrapper #site-navigation #primary-menu > li.current_page_ancestor > a,
#masthead .wrapper #site-navigation #primary-menu > li.current-page-ancestor > a { border-bottom-color: var(--main); }

/* Podświetlenie elementu „Sklep B2B” */
/* #masthead .wrapper #site-navigation #primary-menu > #menu-item-13131 > a { font-weight: 600; color: var(--gray-light-1); border-bottom-color: var(--gray-light-1); }
#masthead .wrapper #site-navigation #primary-menu > #menu-item-13131 > a:hover,
#masthead .wrapper #site-navigation #primary-menu > #menu-item-13131 > a:focus { border-bottom-color: var(--main); } */

/* Podświetlenie menu „Produkty” po wejściu w główne kategorie produktowego submenu */
body.parent-pageid-84 .main-navigation > .menu-main-container > ul > .menu-item-has-children > a { border-bottom-color: var(--main) !important; }

/* .main-navigation ul .sub-menu .menu-produkty > li:not(.not-allowed) > a::after,
.offcanvas .offcanvas-body #primary-menu .sub-menu .menu-produkty > li:not(.not-allowed) > a::after { font-family: 'Material Symbols Outlined'; content: '\e941'; margin-left: 3px; position: relative; top: 3px; } */

#masthead .wrapper .material-symbols-outlined { color: white; align-self: center; cursor: pointer; /* margin-left: calc(1.375rem * 1.125); */ }
#masthead .wrapper .material-symbols-outlined:hover,
#masthead .wrapper .material-symbols-outlined:focus { color: var(--main); }

@media (min-width: 768px) {
    #masthead { position: absolute; top: calc(32.75px * 2); }
    #masthead.sticky { position: fixed; top: 32.75px; }    
}

@media (min-width: 1200px) {
    #masthead .wrapper #site-navigation { display: contents; }
    #masthead .wrapper #site-navigation #primary-menu > li { display: flex; }
    #masthead .wrapper #site-navigation #primary-menu > li:not(:first-child) { /* margin-left: .75rem; */ margin-left: .375rem; }
    /* #masthead .wrapper .material-symbols-outlined { margin-left: calc(.875rem * 1.125); } */

    /* Elementy menu w nagłówku z rozwijanym sub-menu */
    /* #masthead .wrapper #site-navigation #primary-menu > #menu-item-222, */
    #masthead .wrapper #site-navigation #primary-menu > #menu-item-16240,
    #masthead .wrapper #site-navigation #primary-menu > #menu-item-258 { margin-top: -3px; }
    
    .main-navigation li { position: static; }

    .main-navigation > .menu-main-container > ul > li.menu-item-has-children:hover > a + .sub-menu,
    .main-navigation > .menu-main-container > ul > li.menu-item-has-children:focus > a + .sub-menu { left: 0 !important; opacity: 1; }

    /* Podmenu "Wsparcie techniczne" */
    .main-navigation > .menu-main-container > ul > #menu-item-258:hover > a + .sub-menu,
    .main-navigation > .menu-main-container > ul > #menu-item-258:focus > a + .sub-menu { left: auto !important; opacity: 1; }

    /* Podmenu - "Oferta", "Produkty", "Wsparcie techniczne" */
    /* .main-navigation > .menu-main-container > ul > li#menu-item-222 > a::after, */
    .main-navigation > .menu-main-container > ul > li#menu-item-16240 > a::after,
    .main-navigation > .menu-main-container > ul > li#menu-item-258 > a::after { font-family: 'Material Symbols Outlined'; content: '\e313'; margin-left: 3px; position: relative; top: 3px; }

    .main-navigation > .menu-main-container > ul > li > a + .sub-menu { background-color: rgba(255,255,255,.9375); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); width: 100%; box-shadow: none; opacity: 0; transition: opacity .4s; display: block; padding: 2.25rem 1.5rem 1.875rem 1.5rem; font-size: 17px; line-height: 1.25; }

    /* Podmenu "Wsparcie techniczne" */
    .main-navigation > .menu-main-container > ul > #menu-item-258 > a + .sub-menu { width: auto; opacity: 0; transition: opacity .4s; padding: 1rem 1.5rem; }

    .main-navigation > .menu-main-container > ul .sub-menu li { display: block; padding: .375rem 0; }

    /* Podmenu "Oferta" */
    /* .main-navigation > .menu-main-container > ul > #menu-item-222 .sub-menu #menu-oferta-1 li:nth-child(1) { font-weight: 600; }
    .main-navigation > .menu-main-container > ul > #menu-item-222 .sub-menu #menu-oferta-1 li:nth-child(1) > a { color: black !important; } */

    /* Podmenu "Produkty" */
    .main-navigation > .menu-main-container > ul > li .sub-menu li > .sub-menu { left: 0 !important; opacity: 1; position: relative; display: block; width: 100%; box-shadow: none; padding: .25rem 0; font-weight: 400; }
    .main-navigation > .menu-main-container > ul > li .sub-menu li > .sub-menu li a::before { content: '•'; display: inline; margin-right: 4.5px; }
    .main-navigation > .menu-main-container > ul > #menu-item-16240 > a + .sub-menu .menu-produkty > li { font-weight: 600; }

    /* Podmenu "Produkty" - pokolorowanie elementów "Konfigurator oferty" */
    .main-navigation > .menu-main-container > ul > #menu-item-16240 > a + .sub-menu .menu-produkty #menu-item-16241 > a,
    .main-navigation > .menu-main-container > ul > #menu-item-16240 > a + .sub-menu .menu-produkty #menu-item-16242 > a { color: var(--main) !important; }

    /* Podmenu "Produkty" - tymczasowe ukrycie elementów "Konfigurator oferty" (2025-06-04) */
    /* .main-navigation > .menu-main-container > ul > #menu-item-16240 > a + .sub-menu .menu-produkty #menu-item-16241,
    .main-navigation > .menu-main-container > ul > #menu-item-16240 > a + .sub-menu .menu-produkty #menu-item-16242 { display: none !important; } */

    /* Ukrycie elementu „Dystrybutorzy” (2025-06-09) */
    #masthead .wrapper #site-navigation #primary-menu > #menu-item-252 { display: none !important; }

    .main-navigation ul .sub-menu li > a { color: black; /* display: inline; */ display: inline-flex; width: 100%; }

    .main-navigation ul .sub-menu li:not(.not-allowed) > a:hover,
    .main-navigation ul .sub-menu li:not(.not-allowed) > a:focus,
    .main-navigation ul .sub-menu li.current-menu-item > a,
    .main-navigation ul .sub-menu li.current-page-ancestor > a,
    .main-navigation ul .sub-menu li.current_page_ancestor > a { color: var(--main); }
}

@media (min-width: 1400px) {
    #masthead .wrapper #site-navigation #primary-menu > li:not(:first-child) { margin-left: 1.25rem; }
    /* #masthead .wrapper .material-symbols-outlined { margin-left: calc(1.375rem * (1.125 * 2.375)); } */
}