/* d:\Zasoby\xampp\htdocs\prntd.pl\prntd.pl\assets\components\Header\header.css */

.site-header {
    background-color: var(--HdrBackground, white); /* Użycie zmiennej CSS dla tła */
    padding: 0; /* Usunięto domyślny padding, kontrola przez .header-top-row */
    /* border-bottom: 1px solid #e0e0e0; */ /* Opcjonalna dolna ramka dla całego nagłówka */
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.05); */ /* Opcjonalny cień */
}

.header-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px; /* Domyślny padding dla mobilnych */
}

.logo-link .logo {
    height: auto;
    max-height: 40px; /* Maksymalna wysokość logo na mobilnych */
    display: block; /* Usuwa dodatkową przestrzeń pod obrazkiem */
}

.header-actions {
    display: flex;
    align-items: center;
    /* margin-top: 4px; */ /* Usunięto - powodowało zwiększenie wysokości komponentu */
    position: relative; /* Umożliwia przesunięcie bez wpływu na przepływ */
    top: 5px; /* Przesunięcie bloku akcji w dół o 8px */
}

/* Domyślnie (mobilnie) ukrywamy email przeznaczony dla desktopu */
.desktop-user-email {
    display: none;
}

.header-login-btn {
    background-color: var(--BtnBg, #4CAF50); /* Użycie zmiennej CSS */
    color: var(--BtnText, white); /* Użycie zmiennej CSS */
    border: none;
    padding: 5px 12px;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    border-radius: 0; /* Usunięcie zaokrągleń */
    font-family: 'Antonio', sans-serif;
    font-weight: 400;
    transition: background-color 0.3s ease, color 0.3s ease;
	width: 125px;
	height: 30px;
}

.header-login-btn:hover {
    background-color: var(--BtnBgHover, #2E8B57); /* Użycie zmiennej CSS */
    color: var(--BtnTextHover, white); /* Użycie zmiennej CSS */
}

/* Pasek z informacją o zalogowanym użytkowniku (tylko mobile) */
.user-info-bar {
    background-color: var(--LgdUsrMail, #2E8B57); /* Kolor tła taki jak kolor tekstu emaila na desktopie */
    color: white;
    text-align: center;
    padding: 2px 15px; /* Mniejszy padding */
    font-size: 0.8em; /* Mniejsza czcionka */
    display: none; /* Domyślnie ukryty na mobile, aby usunąć wyświetlanie emaila na tym pasku */
}

.user-info-bar .user-login-details {
    margin: 0;
    padding: 0;
}


/* Style dla wersji desktopowej (np. od 769px) */
@media (min-width: 769px) {
    .header-top-row {
        padding: 10px 20px; /* Większy padding na desktopie */
    }

    .logo-link .logo {
        max-height: none; /* Usuwamy ograniczenie max-height */
        height: 37.5px;    /* Zmniejszona wysokość logo na desktopie (75% z 50px) */
    }

    .user-info-bar {
        display: none; /* Ukrywamy mobilny pasek z informacją o użytkowniku na desktopie */
    }

    /* Style dla emaila użytkownika na desktopie */ /* Usunięto margin-top, bo dodano do .header-actions */
    .desktop-user-email {
        display: inline; /* Pokazujemy email na desktopie */
        margin-right: 15px;
        font-family: 'Antonio', sans-serif;
        font-size: 16px; /* Można dostosować */
        font-weight: 400;
        color: var(--LgdUsrMail, #2E8B57); /* Używamy zmiennej CSS dla koloru */
    }

    .header-login-btn {
        padding: 5px 15px; /* Nieco większy przycisk na desktopie */
        font-size: 15px;
    }
}