/**
 * Glassmorphism Design System 2026
 * Moraviatel.cz
 * Ostre hrany, zadne zaobleni rohu
 */

/* Zakladni glass tridy pro vsechny kontejnery */
.glass {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18);
    transition: all 200ms ease-out;
}

.glass:hover {
    background: rgba(255, 255, 255, 0.363);
    border-color: rgba(220, 38, 38, 0.25);
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.22);
    color: black;
}

.glass:active {
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(254, 206, 0, 0.3);
}

/* Sekundarni glass pro male prvky */
.glass-secondary {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
    transition: all 200ms ease-out;
}

.glass-secondary:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(220, 38, 38, 0.18);
}

/* Glass pro tlacitka a interaktivni prvky */
.glass-button {
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    transition: all 150ms ease-out;
}

.glass-button:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(254, 206, 0, 0.4);
    transform: translateY(-1px);
}

.glass-button:active {
    transform: translateY(0px);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.18);
}

/* Gradientovy okraj efekt */
.glass-border-gradient {
    position: relative;
}

.glass-border-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(220, 38, 38, 0), rgba(220, 38, 38, 0.3), rgba(254, 206, 0, 0.3), rgba(254, 206, 0, 0));
}

/* Zalomeni podloze pro zamezeni problesku */
.glass-solid-base {
    background: linear-gradient(180deg, rgba(10, 10, 12, 0.7) 0%, rgba(10, 10, 12, 0.5) 100%);
}

/* Optimalizace pro mobily */
@media (max-width: 640px) {
    .glass {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        background: rgba(255, 255, 255, 0.08);
    }
}

/* Optimalizace pro zakazane animace */
@media (prefers-reduced-motion: reduce) {
    .glass, .glass-secondary, .glass-button {
        transition: none;
    }
}