/* =========================
   PROMĚNNÉ A ZÁKLAD
========================= */

:root {
    --primary: #00ffff;
    --primary-glow: rgba(0, 255, 255, 0.5);
    --bg-dark: rgba(0, 10, 20, 0.7);
    --bg-overlay: rgba(0, 0, 0, 0.95);
}

/* Reset a základní nastavení */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

body {
    font-family: 'Courier New', Courier, monospace, sans-serif;
    position: relative; 
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    
    background-image: url('img/pozadi.jpg'); 
    background-size: cover;      
    background-position: center; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}

/* =========================
   📱 OPRAVY PRO MOBILY
========================= */

@media screen and (max-width: 768px) {
    body {
        background-attachment: scroll;
        background-repeat: repeat-y;
        height: auto !important;
        overflow-y: auto !important;
    }

    h1, h2 {
        word-wrap: break-word;
        hyphens: auto;
    }
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}