/* ✅ Kompletní styly pro hlavičku */

/* Pojistky proti přetékání stránky */
html, body {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}

/* Prostor pod pevnou hlavičkou */
body { padding-top: 63px; }

/* HLAVIČKA – plná šířka, bez fixní width 1920 a bez translate */
.global-header {
    /* all: initial;  — ODSTRANĚNO, rozbíjelo dědičnost */
    background: #ffffff;
    /* width: 1920px; — ODSTRANĚNO */
    height: 80px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;                 /* místo pevné šířky */
    /* transform: translateX(-50%); — ODSTRANĚNO */
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    box-sizing: border-box;
}

/* Logo a název zarovnané na střed */
.global-header .center-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* Mezera mezi logem a názvem */
}

/* Center-logo: Logo a název s odkazem */
.global-header .center-logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000; /* Černý text */
    font-size: 24px;
    font-weight: bold;
    transition: color 0.3s ease, transform 0.3s ease;
}

.global-header .center-logo a:hover {
    color: #0066cc; /* Modrý text při hoveru */
    transform: scale(1.1); /* Zvětšení při hoveru */
}

.global-header .center-logo .logo {
    height: 60px;
    width: auto;
    transition: transform 0.3s ease; /* Plynulý efekt zvětšení */
}

.global-header .center-logo a:hover .logo {
    transform: scale(1.1); /* Zvětšení loga při hoveru */
}

/* Levá část hlavičky */
.global-header .nav-actions {
    display: flex;
    gap: 20px;
}

.global-header .nav-actions a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding: 8px 12px;
    transition: color 0.3s ease;
}

.global-header .nav-actions a:hover {
    color: #0066cc;
}

/* Pravá část hlavičky */
.global-header .additional-links {
    display: flex;
    gap: 20px;
    align-items: center;
}

.global-header .additional-links a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    transition: color 0.3s ease;
}

.global-header .additional-links a:hover {
    color: #0066cc;
}

/* Odkazovací tlačítka přihlášení a registrace */
.global-header .auth-btn,
.global-header .register-btn {
    background-color: #0066cc;
    color: #fff;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.global-header .auth-btn:hover {
    background-color: #004d99;
}

.global-header .register-btn:hover {
    background-color: #0056b3;
}

/* ❌ Reset všech elementů uvnitř hlavičky – ODSTRANĚNO
.global-header *,
.global-header *::before,
.global-header *::after {
    all: unset;
    box-sizing: border-box;
}
*/

/* Responzivita pro hlavičku */
@media (max-width: 768px) {
    .global-header {
        /* width: 100%;  – už je řešeno left:0; right:0; */
        padding: 10px 20px;
        height: 72px;
    }

    .global-header .header-container {
        flex-direction: column;
        align-items: center;
    }

    .global-header .nav-actions,
    .global-header .additional-links {
        flex-direction: column;
        gap: 10px;
    }

    body { padding-top: 72px; }
}