/* ===== Vlastné štýly nad rámec Tailwindu ===== */

/* Kotvy (#sluzby, #kontakt…) nesmú skončiť pod fixným menu */
html {
    scroll-padding-top: 5.5rem;
}

/* Skryje Alpine.js prvky pred inicializáciou */
[x-cloak] {
    display: none !important;
}

/* Glassmorphism karta */
.glass {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(214, 232, 238, 0.9);
}

/* Jemná bodková mriežka na pozadí hero sekcie */
.bg-grid {
    background-image: radial-gradient(circle, rgba(2, 69, 122, 0.07) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to bottom, black 60%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent);
}

/* Plávajúca animácia (glass karty v hero) — jemné vznášanie bez kývania */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
    will-change: transform;
}

/* Pomalé „dýchanie" gradientových blobov */
@keyframes blob {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33%      { transform: translate(24px, -32px) scale(1.08); }
    66%      { transform: translate(-16px, 20px) scale(0.94); }
}
.animate-blob {
    animation: blob 14s ease-in-out infinite;
}

/* Oneskorenia animácií */
.animation-delay-2000 { animation-delay: 2s; }
.animation-delay-4000 { animation-delay: 4s; }

/* Vlastný scrollbar v brandových farbách */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #D6E8EE;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(#018ABE, #02457A);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #02457A;
}

/* Odrážky v textových blokoch (stránka Ochrana osobných údajov) */
.prose-klima ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.prose-klima ul li {
    position: relative;
    padding-left: 1.5rem;
}
.prose-klima ul li::before {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.55em;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 9999px;
    background: linear-gradient(135deg, #018ABE, #02457A);
}

/* Farba označeného textu */
::selection {
    background: #97CADB;
    color: #001B48;
}

/* Pri preferencii menej pohybu vypneme len bloby na pozadí,
   plávajúce karty ostávajú (jemný, kľúčový prvok dizajnu) */
@media (prefers-reduced-motion: reduce) {
    .animate-blob {
        animation: none;
    }
}