/* ============================================================
   ATWAI glass theme  ·  liquid-glass override layer
   Načítava sa AŽ ZA inline <style> na každej stránke, takže
   pri rovnakej špecificite vyhráva (+ !important na kľúčových
   povrchoch pre istotu naprieč stránkami). Mení len farby a
   povrchy, NIE rozloženie.
   ============================================================ */

/* ---- Základ: tmavé skoro čierne pozadie + modrý glow dole ---- */
html, body {
  background-color: #030308 !important;
}
body {
  background-image: linear-gradient(180deg, #05060e 0%, #060816 52%, #05061c 100%) !important;
  color: #E7EBFF !important;
}
/* starý grid overlay stlmiť (nech nekonkuruje hviezdam) */
body::before { opacity: 0.28 !important; }

/* ---- Aurora pozadie (jemné plynúce svetlá, injektuje stars.js) ---- */
#atwai-aurora { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
#atwai-aurora .ab { position: absolute; border-radius: 50%; filter: blur(100px); mix-blend-mode: screen; will-change: transform; }
#atwai-aurora .ab1 { width: 58vw; height: 58vw; left: -12vw; top: -18vw; background: radial-gradient(circle, rgba(58,110,246,0.50), transparent 66%); animation: ab1 38s ease-in-out infinite; }
#atwai-aurora .ab2 { width: 48vw; height: 48vw; right: -10vw; top: -6vw; background: radial-gradient(circle, rgba(120,80,255,0.40), transparent 66%); animation: ab2 46s ease-in-out infinite; }
#atwai-aurora .ab3 { width: 64vw; height: 64vw; left: 16vw; bottom: -32vw; background: radial-gradient(circle, rgba(30,150,255,0.40), transparent 66%); animation: ab3 42s ease-in-out infinite; }
#atwai-aurora .ab4 { width: 40vw; height: 40vw; right: 6vw; bottom: -14vw; background: radial-gradient(circle, rgba(90,120,255,0.30), transparent 66%); animation: ab4 52s ease-in-out infinite; }
@keyframes ab1 { 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(7vw,5vw) scale(1.12);} }
@keyframes ab2 { 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(-6vw,4vw) scale(1.1);} }
@keyframes ab3 { 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(5vw,-5vw) scale(1.14);} }
@keyframes ab4 { 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(-4vw,-4vw) scale(1.12);} }
@media (prefers-reduced-motion: reduce) { #atwai-aurora .ab { animation: none !important; } }
/* obsah nad aurorou */
.container, .wrap { position: relative; z-index: 1; }

/* ---- Hero nadpis: tenké písmo + modrý gradient ---- */
.hero h1, .final-cta h2 {
  font-weight: 200 !important;
  letter-spacing: -0.025em !important;
  background: linear-gradient(180deg, #F4F7FF 0%, #AFC3FF 56%, #5E85F2 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
.hero h1 .accent {
  -webkit-text-fill-color: #8FB4FF !important; color: #8FB4FF !important;
  background: none !important; background-image: none !important; font-weight: 600 !important;
}
.hero h1 .emoji {
  -webkit-text-fill-color: initial !important; color: initial !important;
  background: none !important;
}
.hero p, .lead, .hero-sub { color: #A9B2DE !important; }

/* ---- Jednotná typografia (light naprieč celou stránkou) ---- */
body { font-weight: 400; letter-spacing: -0.003em; }
p, li, td, th, dd, dt, .sf-intro, .sf-consent, .sf-consent span, .footer, .footer-meta,
.lead, .hero p, label, input, select, textarea, .card p, .path p, .person p, blockquote, figcaption {
  font-weight: 400 !important;
}
.logo, .brand, .nav a, .lang-toggle a { font-weight: 500 !important; }

/* Vlajky v prepínači jazyka — SVG (renderujú aj na Windowse, na rozdiel od emoji) */
.lang-toggle .lf { display: inline-block; width: 15px; height: 10px; border-radius: 2px; background-size: cover; background-position: center; vertical-align: -1px; margin-right: 5px; box-shadow: 0 0 0 1px rgba(255,255,255,0.18); }
.lang-toggle .lf.sk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill='%23ee1c25' d='M0 0h9v6H0z'/%3E%3Cpath fill='%23fff' d='M0 0h9v2H0z'/%3E%3Cpath fill='%230b4ea2' d='M0 2h9v2H0z'/%3E%3Cpath fill='%23fff' d='M1.35 1.25h2.3v2.05q0 1.25-1.15 1.9-1.15-.65-1.15-1.9z'/%3E%3Cpath fill='%23ee1c25' d='M1.6 1.5h1.8v1.85q0 1-.9 1.55-.9-.55-.9-1.55z'/%3E%3Cpath fill='%23fff' d='M2.35 1.85h.3v2.4h-.3zM1.9 2.4h1.2v.3H1.9zM1.75 3h1.5v.3H1.75z'/%3E%3C/svg%3E"); }
.lang-toggle .lf.cz { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath fill='%23fff' d='M0 0h6v2H0z'/%3E%3Cpath fill='%23d7141a' d='M0 2h6v2H0z'/%3E%3Cpath fill='%2311457e' d='M0 0 3 2 0 4z'/%3E%3C/svg%3E"); }
.cta, .cta-primary, .sf-btn, .btn, button { font-weight: 500 !important; }
.pill, .badge, .section-label, .eyebrow { font-weight: 500 !important; letter-spacing: 0.02em !important; }
strong, b { font-weight: 600 !important; }

/* ---- Karty (glass, tmavé) ---- */
.path, .form-card, .person, .card, .founder, .f-person, .analyza-gets, .form-est {
  background: linear-gradient(160deg, rgba(255,255,255,0.035), rgba(255,255,255,0.006)) !important;
  -webkit-backdrop-filter: blur(42px) saturate(155%); backdrop-filter: blur(42px) saturate(155%);
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow: 0 16px 50px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.path:hover, .card:hover {
  border-color: rgba(110,150,255,0.42) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}
.path-icon, .card .icon {
  background: linear-gradient(160deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
.path h2, .card h2, .person h3, .path-title { color: #F2F5FF !important; font-weight: 300 !important; letter-spacing: -0.01em !important; }
.path p, .card p, .person p, .path-text { color: #A7AFD6 !important; font-weight: 400 !important; }

/* ---- Pill štítky ---- */
.pill, .path .pill, .badge {
  color: #A9BEFF !important;
  border: 1px solid rgba(120,150,255,0.22) !important;
  background: linear-gradient(180deg, rgba(80,120,255,0.14), rgba(255,255,255,0.02)) !important;
}

/* ---- Tlačidlá (liquid glass pill) ---- */
.cta, .cta-primary, .sf-btn, .btn, button.sf-btn, a.sf-btn, .sticky-cta {
  background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: #EAEFFF !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 8px 22px rgba(0,0,0,0.45) !important;
  transition: transform .15s ease, background .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.cta:hover, .cta-primary:hover, .sf-btn:hover, .btn:hover, .sticky-cta:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(120,160,255,0.22), rgba(255,255,255,0.05)) !important;
  border-color: rgba(120,160,255,0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 12px 30px rgba(20,50,140,0.4) !important;
}
.cta .arrow, .sf-btn .arrow { color: inherit !important; }

/* ---- Formulárové polia (glass) ---- */
.form-card input, .form-card select, .form-card textarea,
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #EEF1FF !important;
}
.form-card input::placeholder, .form-card textarea::placeholder { color: #6E77A6 !important; }
.sf-intro, .form-card label { color: #A7AFD6 !important; }
.sf-consent, .sf-consent span { color: #A7AFD6 !important; }
.sf-consent a, .footer a, a.link { color: #7FA6FF !important; }

/* ---- Sekcie / nadpisy / labely ---- */
.section-label, .eyebrow { color: #8FA6FF !important; }
h2, h3 { color: #EEF1FF; }
.footer, .footer-meta, .footer-sep { color: #7B84B4 !important; }

/* ---- Info boxy s inline štýlom (agent bloky) zjemniť ---- */
main .form-wrap > div > div[style] {
  background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012)) !important;
  border: 1px solid rgba(120,150,255,0.20) !important;
}

/* ---- Google recenzie badge (nad sekciou referencií) ---- */
.greviews { display: flex; width: fit-content; align-items: center; gap: 8px; margin: 2px auto 26px; padding: 9px 16px; border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); border: 1px solid rgba(255,255,255,0.14); color: #E7EBFF; text-decoration: none; font-size: 14px; line-height: 1; box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 6px 18px rgba(0,0,0,0.35); transition: border-color .2s ease, transform .15s ease; }
.greviews:hover { border-color: rgba(120,160,255,0.5); transform: translateY(-1px); }
.greviews-g { flex-shrink: 0; display: block; }
.greviews-stars { color: #FFC83D; letter-spacing: 1px; }
.greviews-score { color: #fff; font-weight: 700; }
.greviews-count { color: #A9B2DE; }