/* Style nagłówka - wspólne dla wszystkich stron */

/* Przezroczysty header (dla stron z hero na tle zdjęcia) */
#main-header.transparent {
    background-color: transparent;
    box-shadow: none;
}

#main-header.transparent .desktop-menu-link,
#main-header.transparent .mobile-menu-button {
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
    padding-bottom: 6px;
    transition: all 0.3s ease;
    letter-spacing: 0.1em;
}

#main-header.transparent .desktop-menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #EEE9E3;
    transition: width 0.3s ease;
}

#main-header.transparent .desktop-menu-link:hover::after {
    width: 100%;
}

#main-header.transparent img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

/* Biały header (dla stron galerii zdjęć) */
#main-header.bg-white-custom {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#main-header.bg-white-custom .desktop-menu-link,
#main-header.bg-white-custom .mobile-menu-button {
    color: var(--color-gray);
    position: relative;
    padding-bottom: 6px;
    transition: all 0.3s ease;
    letter-spacing: 0.1em;
}

#main-header.bg-white-custom .desktop-menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-gray);
    transition: width 0.3s ease;
}

#main-header.bg-white-custom .desktop-menu-link:hover::after {
    width: 100%;
}

/* Responsywność dla większych ekranów */
@media (min-width: 1920px) {
    #main-header .desktop-menu-link {
        font-size: 1.125rem;
        letter-spacing: 0.12em;
    }
}