/* Nowy, elastyczny układ belki na trzy sekcje */
.user-bar {
    display: flex;
    justify-content: space-between; /* Rozpycha lewą, środek i prawą stronę */
    align-items: center; /* Centrowanie w pionie */
    background: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    font-size: 0.95rem;
}

/* Każda z trzech sekcji zajmuje równą przestrzeń, by środek był IDEALNIE wyśrodkowany */
.user-bar-left { flex: 1; text-align: left; }
.user-bar-center { flex: 1; text-align: center; }
.user-bar-right { flex: 1; text-align: right; }

/* Styl nowego przycisku powrotu */
.btn-home {
    color: #4b5563;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
}

.btn-home:hover {
    background-color: #f3f4f6;
    color: var(--db-color);
}

.btn-logout {
    color: #e74c3c;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.btn-logout:hover { text-decoration: underline; }

/* Responsywność dla małych ekranów (smartfony) - kafelki ukierunkują się w pionie */
@media (max-width: 768px) {
    /* 1. Ukrywamy teksty przeznaczone tylko na komputer */
    .user-bar .desktop-text {
        display: none;
    }

    /* 2. Zmniejszamy padding belki, żeby zyskać przestrzeń na bokach */
    .user-bar {
        padding: 8px;
    }

    /* 3. Powiększamy ikony-przyciski na telefonie, żeby łatwiej było w nie kliknąć palcem */
    .btn-home, .btn-logout {
        font-size: 1.2rem; 
    }
}

footer {
	text-align: center;
	padding: 40px 20px 20px;
	margin-top: 40px;
	border-top: 1px solid #ddd;
	font-size: 0.9rem;
	color: #666;
}

footer p {
	margin: 5px 0;
}

/* Specjalny efekt dla Google Gemini */
.gemini-gradient {
	background: linear-gradient(90deg, #4285F4, #9b72cb, #d96570);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}