/* Globální reset pro správné počítání šířky */

* {

    box-sizing: border-box;

}



:root {

    --primary-color: #004a99;

    --secondary-color: #f0f7ff;

    --text-color: #333333;

    --white: #ffffff;

}



html, body {

    margin: 0;

    padding: 0;

    width: 100%;

    /* Zabránění vodorovnému posunu */

    overflow-x: hidden; 

}



body {

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    color: var(--text-color);

    line-height: 1.6;

    display: flex;

    flex-direction: column;

    min-height: 100vh;

}



/* Navigace */

nav {

    position: fixed;

    top: 0;

    width: 100%;

    background-color: var(--white);

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

    display: flex;

    justify-content: center;

    gap: 20px; /* Menší mezera pro mobily */

    padding: 15px 10px;

    z-index: 1000;

}



nav a {

    text-decoration: none;

    color: var(--primary-color);

    font-weight: 600;

    font-size: 1rem;

    transition: color 0.3s;

    white-space: nowrap; /* Aby se text odkazu nezalomil */

}



/* Hlavní obsah */

main {

    flex: 1;

    padding: 100px 15px 40px; /* Menší postranní padding na mobilu */

    max-width: 1100px;

    margin: 0 auto;

    width: 100%;

}



h1 { font-size: 2rem; margin-bottom: 10px; text-align: center; }

h2 { font-size: 1.8rem; margin-bottom: 30px; text-align: center; }



/* Patička */

footer {

    text-align: center;

    padding: 20px;

    background-color: #f8f9fa;

    color: #666;

    width: 100%;

}



/* Responzivita pro tablety a mobily */

@media (max-width: 768px) {

    nav {

        gap: 15px;

    }

    nav a {

        font-size: 0.9rem;

    }

    main {

        padding-top: 80px; /* Navigace je na mobilu užší */

    }

    h1 { font-size: 1.7rem; }

    h2 { font-size: 1.5rem; }

}