/* mobile.css */
@media (max-width: 768px) {
    /* Hlavička */
    #stranka_zahlavi nav ul li {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    
@media (max-width: 768px) {
    html {
        height: -webkit-fill-available;
    }
    
    body {
        min-height: -webkit-fill-available;
    }
    
    .social-links {
        flex-direction: column;
        gap: 15px;
        justify-content: center;
    }
}

    

    .dropdown-content {
        position: static;
        box-shadow: none;
    }

    /* Články */
    article#Iam,
    article#fotografie,
    article#graf_design,
    article#publikace {
        height: 70vw !important;
        margin-bottom: 1rem;
    }

    /* Mřížka prací */
    .tiles.quarter .tile {
        width: 100%;
        margin-right: 0;
    }

    /* Logo */
    div#logo {
        width: 100%;
        background-size: contain;
        height: 80px;
    }

    /* Textové elementy */
    h1, h2, h3 {
        font-size: 1.5rem;
    }

    /* Cookie lišta */
    .cookie-content {
        flex-direction: column;
        text-align: center;
    }

    .cookie-buttons {
        margin-top: 10px;
    }

    /* Administrační rozhraní */
    .admin-container {
        padding: 10px;
    }
}

html {
    height: 100%;
    height: -webkit-fill-available; /* Fix pro Safari mobile */
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available; /* Safari fix */
    margin: 0;
}

main {
    flex: 1; /* Zabere volné místo */
}

footer#stranka_zapati {
    flex-shrink: 0; /* Footer se nezmenší */
    margin-top: auto; /* Tlačí se na spodek */
}