/* DAVAR — produkčné štýly. Generované z "DAVAR web.dc.html" (_bl/export-web.js). Needituj ručne. */
/* Fonty sú self-hostované (assets/fonts/), web nekomunikuje s Google Fonts. */
@font-face{ font-family:'Newsreader'; font-style:normal; font-weight:300; font-display:swap; src:url('assets/fonts/newsreader-300.woff2') format('woff2'); }
@font-face{ font-family:'Newsreader'; font-style:italic; font-weight:300; font-display:swap; src:url('assets/fonts/newsreader-300italic.woff2') format('woff2'); }
@font-face{ font-family:'Newsreader'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/newsreader-400.woff2') format('woff2'); }
@font-face{ font-family:'Newsreader'; font-style:italic; font-weight:400; font-display:swap; src:url('assets/fonts/newsreader-400italic.woff2') format('woff2'); }
@font-face{ font-family:'Newsreader'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/fonts/newsreader-500.woff2') format('woff2'); }
@font-face{ font-family:'Hanken Grotesk'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/hanken-400.woff2') format('woff2'); }
@font-face{ font-family:'Hanken Grotesk'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/fonts/hanken-500.woff2') format('woff2'); }
@font-face{ font-family:'Hanken Grotesk'; font-style:normal; font-weight:600; font-display:swap; src:url('assets/fonts/hanken-600.woff2') format('woff2'); }
@font-face{ font-family:'Hanken Grotesk'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/fonts/hanken-700.woff2') format('woff2'); }
/* Newsreader neobsahuje cyriliku — v uk/ru nadpisy padnú na systémový serif (fallback je v font-family). */

  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; }
  body{ font-family:'Hanken Grotesk',system-ui,sans-serif; -webkit-font-smoothing:antialiased; background:#E7E7E9; }
  @keyframes davarFade{ from{ opacity:0; transform:translateY(22px);} to{ opacity:1; transform:none; } }
  @keyframes davarBreath{ 0%{ transform:translate(0,0) scale(1); opacity:.9;} 50%{ transform:translate(2.5%,-2%) scale(1.08); opacity:1;} 100%{ transform:translate(0,0) scale(1); opacity:.9;} }
  @media (prefers-reduced-motion: reduce){ #heroGlowFx{ animation:none !important; } }
  input,textarea,button,select{ font-family:inherit; }


  @media (max-width:1080px){
    #navToggle{ display:inline-flex !important; }
    #navLinks{ display:none !important; width:100%; flex-direction:column !important; align-items:flex-start !important; white-space:normal !important; gap:4px !important; margin-top:16px; order:3; }
    #navLinks.nav-open{ display:flex !important; }

    html, body{ overflow-x:hidden; }
    div[style*="max-width:1320px"]{ overflow-x:hidden; max-width:100%; }
    img{ max-width:100%; }

    h1{ font-size:clamp(30px,9vw,54px) !important; line-height:1.12 !important; }
    h2{ font-size:clamp(22px,6.2vw,32px) !important; line-height:1.22 !important; }
    h3{ font-size:clamp(19px,5vw,22px) !important; }

    div[style*="padding:22px 56px"]{ padding-left:20px !important; padding-right:20px !important; flex-wrap:wrap !important; }
    [style*="padding:104px 56px"], [style*="padding:88px 56px"], [style*="padding:84px 56px"]{ padding-left:24px !important; padding-right:24px !important; padding-top:56px !important; }
    [style*="padding:56px 56px"], [style*="padding:74px 56px"], [style*="padding:78px 56px"],
    [style*="padding:72px 56px"], [style*="padding:70px 56px"], [style*="padding:64px 56px"],
    [style*="padding:82px 56px"]{ padding-left:24px !important; padding-right:24px !important; }

    [style*="grid-template-columns"]{ grid-template-columns:1fr !important; row-gap:32px !important; }

    [data-mdiv="light"]{ border-right:none !important; border-bottom:1px solid #EAE8E1 !important; padding:0 0 28px 0 !important; margin-bottom:28px !important; }
    [data-mdiv="dark"]{ border-right:none !important; border-bottom:1px solid rgba(255,255,255,0.14) !important; padding:0 0 28px 0 !important; margin-bottom:28px !important; }
    [data-mdiv-last]{ padding-left:0 !important; }
  }

img{ max-width:100%; }
a{ color:#16233A; }
a:hover{ color:#A9812F; }

/* reveal on scroll — len keď beží JS (bez JS je obsah viditeľný) */
html.js [data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
html.js [data-reveal].is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ html.js [data-reveal]{ opacity:1 !important; transform:none !important; transition:none; } }

/* jazykové menu */
#langBtn:hover{ border-color:#D9B461; color:#16233A; }
.lang-opt:hover{ background:#F4F2EC; color:#16233A !important; }

/* stavy prevzaté z návrhu (style-hover / style-focus) */
.dh1:hover{ --nc:#16233A; --nu:#C6A24A; }
.dh2:hover{ --kb:#D9B461; --kc:#0C1626; }
.dh3:hover{ --hb:#E7CD8A; transform:translateY(-2px); box-shadow:0 16px 34px -14px rgba(217,180,97,0.75); }
.dh4:hover{ --lc:#D9B461; --ax:6px; }
.dh5:hover{ transform:translateY(-4px); box-shadow:0 30px 60px -40px rgba(14,32,56,0.4); --sc:#D9B461; --ax:6px; }
.df6:focus{ border-color:#16233A; }
.dh7:hover{ --db:#0C1626; transform:translateY(-2px); box-shadow:0 16px 34px -16px rgba(14,32,56,0.55); }
.dh8:hover{ --lo:0.82; }
.dh9:hover{ --fl:#D9B461; }
.dh10:hover{ --gl:#D9B461; }
.dh11:hover{ --pb:#E7CD8A; transform:translateY(-2px); box-shadow:0 16px 34px -14px rgba(217,180,97,0.75); }
.dh12:hover{ --pb:#E4C67C; --py:-2px; --ps:0 10px 28px rgba(217,180,97,0.32); }
.dh13:hover{ --ml:#A9812F; }