/* === HEADER BACKGROUND – nowocześniejszy, lekko szklisty === */
header {
    border-top: none;
    background: linear-gradient(90deg, #ff3c00, #ff6a00);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 18px rgba(0,0,0,0.15);
    transition: background 300ms ease;
}

/* fixed header – bardziej kompaktowy */
header.fixed_type {
    background: linear-gradient(90deg, rgba(255,60,0,0.65), rgba(255,106,0,0.65));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

/* === MENU STYLING === */
header nav ul.menu li a {
    background: rgba(255,255,255,0.35);
    border-radius: 8px 8px 0 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    color:#2a2a2a;
    opacity: 1;
    margin-top: 10px;
    height: 55px;
    line-height: 55px;
    transition: all .25s ease;
}

/* hover i aktywne */
header nav ul.menu li a:hover,
header nav ul.menu li.current-menu-parent a,
header nav ul.menu li.current-menu-item a {
    background: rgba(255,255,255,0.65);
    height: 65px;
    margin-top: 0px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* delikatny nowoczesny marker pod przyciskiem */
header nav ul.menu li .menu_marker {
    background: none;
    width: 24px;
    height: 3px;
    border-radius: 3px;
    background: #ffb347; /* pastelowy pomarańcz */
    transition: all .25s ease;
    opacity: 0;
}

header nav ul.menu li:hover .menu_marker,
header nav ul.menu li.current-menu-parent .menu_marker {
    top: 60px;
    opacity: 1;
}

/* === SUBMENU ODŚWIEŻONY === */
header nav ul.sub-menu {
    background: rgba(50,50,50,0.75);
    backdrop-filter: blur(4px);
    padding: 6px 0;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

header nav ul.sub-menu li a {
    background: transparent !important;
    color: #f2f2f2 !important;
    border-radius: 0;
}

header nav ul.sub-menu li a:hover {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

/* === SLOGAN – delikatnie wygładzony === */
header .slogan span {
    opacity: 0.6;
    letter-spacing: 0.5px;
}