/* --- PROMĚNNÉ --- */
:root {
    --brand-blue: #1885C4; /* Definice barvy pro branding */
    --dark-bg: #3d3d3d; /* Tmavý odstín pro UI */
    --light-bg: #fcfcfc; /* Světlý odstín pozadí */
    --glass-bg: rgba(255, 255, 255, 0.88); /* Průhledná barva pro efekt skla */
    --glass-blur: 15px; /* Intenzita rozostření pozadí */
}

/* --- GLOBÁLNÍ NASTAVENÍ --- */
html { 
    scroll-behavior: smooth; /* Plynulé posouvání k cílům odkazů */
}

body { 
    font-family: 'Segoe UI', Arial, sans-serif; /* Hlavní rodina písma */
    color: #333; /* Barva písma */
    margin: 0; /* Vnější odsazení elementu */
    padding: 0; /* Vnitřní odsazení elementu */
    line-height: 1.6; /* Výška řádku pro čitelnost */
}

/* --- NAVIGACE --- */
.navbar-glass {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur)); /* Rozostří obsah pod prvkem */
    -webkit-backdrop-filter: blur(var(--glass-blur)); /* Podpora pro Safari */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* Spodní ohraničení */
    z-index: 1000; /* Priorita vrstvy nad ostatními prvky */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03); /* Stín pod prvkem */
}

.logo-img { 
    height: 70px; /* Výška obrázku */
    width: auto; /* Automatická šířka */
}

.nav-link { 
    font-weight: 500; /* Tloušťka písma */
    transition: 0.3s; /* Doba trvání animace */
}

.nav-link:hover { 
    color: var(--brand-blue) !important; 
}

/* --- SPOLEČNÉ PRVKY SEKCE --- */
.section-padding { 
    padding: 100px 0; /* Jednotné odsazení sekcí */
}

.section-title { 
    font-weight: 800; 
    font-size: 2.5rem; /* Velikost nadpisu */
    position: relative; 
    padding-bottom: 15px; 
    margin-bottom: 30px; /* Mezera pod nadpisem */
}

.section-title::after {
    content: ''; /* Povinné pro pseudo-element */
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 60px; /* Šířka dekorační linky */
    height: 4px; /* Tloušťka linky */
    background-color: var(--brand-blue);
}

.btn-dark-custom { 
    background-color: var(--dark-bg); 
    color: white; 
    padding: 12px 35px; 
    border-radius: 4px; 
    border: none; /* Odstraní rámeček */
    transition: 0.3s; 
    text-decoration: none; /* Odstraní podtržení */
    display: inline-block; /* Umožní padding */
}

.btn-dark-custom:hover { 
    background-color: #000; 
    color: white;
}

/* --- FOOTER --- */
.footer-glass {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.04); /* Stín směřující nahoru */
    padding: 60px 0 30px;
}

.footer-link { 
    color: #333; 
    margin: 0 15px; 
    text-decoration: none;
}

.footer-icons a { 
    color: #333; 
    font-size: 1.5rem; 
    margin-left: 20px; 
    transition: 0.3s; 
    display: inline-block;
}

.footer-icons a:hover { 
    color: var(--brand-blue) !important; 
    transform: translateY(-5px); /* Posun nahoru */
}