@font-face{font-family:Gellix;font-weight:500;font-style:normal;font-display:swap;
  src:local('Gellix Medium'),local('Gellix-Medium'),
      url('fonts/Gellix-Medium.woff2') format('woff2'),
      url('fonts/Gellix-Medium.woff') format('woff'),
      url('/wp-content/themes/teamba/assets/fonts/Gellix/Gellix-Medium.woff2') format('woff2');}
@font-face{font-family:Gellix;font-weight:800;font-style:normal;font-display:swap;
  src:local('Gellix ExtraBold'),local('Gellix-ExtraBold'),
      url('fonts/Gellix-ExtraBold.woff2') format('woff2'),
      url('fonts/Gellix-ExtraBold.woff') format('woff'),
      url('/wp-content/themes/teamba/assets/fonts/Gellix/Gellix-ExtraBold.woff2') format('woff2');}

#tahak{
  --cerv:#E9504C; --cerv-tm:#CF2B2D; --ruz:#FADADA;
  --zlta:#FFEB6C; --zlta-sv:#FCF6CC; --fial-sv:#E3EAFF;
  --zel-sv:#E8EFD8; --zel:#B5F06D; --zel-sv2:#E3FFDC;
  --ink:#1D1D1D; --dim:#6E6A66; --ciara:#E1DFD9;
  --stlpec:934px; --r:24px;
  font:500 16px/1.55 Gellix,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink); text-align:left;
}
#tahak *{box-sizing:border-box}
/* Typografiu nadpisov a odsekov nechávame na tému teamba.sk — v značkovaní majú
   jej triedy (headline2, text-m, fw-500…). Naše pravidlá sú preto vypnuté
   dopísaním podčiarkovníka za #tahak, nie zmazané, aby bolo vidieť, čo tu bolo. */
/*#tahak_ h1,#tahak_ h2,#tahak_ h3,#tahak_ p;*/
#tahak ul,#tahak li{margin:0;padding:10px 0;list-style:none}
#tahak button,#tahak input{font-family:inherit}

/* pásy idú cez celú šírku okna aj vtedy, keď je stránka v užšom stĺpci */
#tahak .pas{width:100vw;margin-left:calc(50% - 50vw);padding:0 16px}
#tahak .in{max-width:var(--stlpec);margin:0 auto}

/* Hero s nadpisom „Volebný ťahák" tu nie je zámerne — na teamba.sk ho dodá téma,
   v samostatnej verzii je v obale okolo #tahak. */

/* ── karta hľadania ───────────────────────────────────────────────── */
#tahak .hladanie{background:#fff;padding:100px 16px 100px 16px}
#tahak .karta{max-width:var(--stlpec);margin:0 auto;border-radius:var(--r);padding:36px 26px;
  display:grid;grid-template-columns:1fr 420px;gap:28px}
#tahak .karta-zlta{background:var(--zlta);display:block !important;}
#tahak_ .karta h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.015em}
#tahak_ .karta p{font-size:17px;line-height:1.45;margin-top:12px}
#tahak .combo{position:relative}
#tahak input[type=text],#tahak input[type=email]{width:100%;border:0;border-radius:999px;
  padding:15px 24px;font-size:16px;font-weight:500;background:#fff;color:var(--ink)}
#tahak input::placeholder{color:#9B9B9B}
#tahak input:focus{outline:2px solid var(--cerv-tm);outline-offset:2px}
#tahak .btn{display:block;width:100%;border:0;border-radius:999px;background:var(--cerv);
  color:#fff;padding:15px 24px;font-size:16px;font-weight:500;cursor:pointer;margin-top:12px}
#tahak .btn:hover{background:var(--cerv-tm)}
#tahak .btn:disabled{cursor:wait;opacity:.7}
#tahak .btn-uzky{width:auto;padding:15px 40px;margin:0 auto}

/* našepkávanie */
#tahak .list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#fff;
  border-radius:18px;box-shadow:0 12px 32px rgba(29,29,29,.18);max-height:300px;overflow:auto;padding:6px}
#tahak .list[hidden]{display:none}
#tahak .opt{padding:10px 14px;border-radius:12px;cursor:pointer;display:flex;
  justify-content:space-between;gap:12px;align-items:baseline}
#tahak .opt:hover,#tahak .opt.sel{background:var(--ruz)}
#tahak .opt b{font-weight:800}
#tahak .opt span{color:var(--dim);font-size:13px;white-space:nowrap}
#tahak .opt.cela b{font-style:italic;font-weight:500}

/* pole na číslo domu a hlášky */
#tahak .cislo{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#tahak .cislo input{flex:0 0 130px;width:130px}
#tahak .cislo p{flex:1;min-width:180px;font-size:14px;line-height:1.35;margin:0}
#tahak .chip{display:inline-flex;align-items:center;gap:8px;background:var(--cerv);color:#fff;
  border-radius:999px;padding:7px 16px;font-size:14px;font-weight:800;margin-top:16px}
#tahak .chip button{background:none;border:0;color:#fff;cursor:pointer;font-size:17px;line-height:1;padding:0}

/* ── úvod výsledku ────────────────────────────────────────────────── */
#tahak .uvod{background:#fff;padding:24px 16px 40px}
#tahak_ .uvod h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.015em}
#tahak_ .uvod p{font-size:15px;line-height:1.55;margin-top:14px;max-width:760px}
#tahak_ .uvod strong{font-weight:800}
#tahak_ .prepnute{font-size:14px;line-height:1.45;margin-top:14px;padding:12px 16px;
  border-radius:14px;background:var(--ruz);max-width:760px}

/* ── farebné pásy so zastupiteľstvami ─────────────────────────────── */
#tahak .uroven{padding:34px 16px 38px}
#tahak_ .uroven h3{font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
#tahak .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
#tahak .odznak{background:var(--cerv);color:#fff;border-radius:6px;padding:4px 10px;
  white-space:nowrap}
#tahak .meta span.txt{color:var(--dim)}
/* mriežka, nie stĺpce — v návrhu idú mená po riadkoch (1 vľavo, 2 vpravo, 3 vľavo…) */
#tahak .mena{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
#tahak_ .mena li{padding:9px 0;font-size:16px}
#tahak .prazdne{margin-top:18px;font-size:15px;font-style:italic;color:var(--dim)}
#tahak .dvojka{margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.55)}
#tahak .dvojka h4{font-size:14px;font-weight:800;margin:0 0 4px}
#tahak .dvojka .mena{margin-top:8px}
#tahak .u-miestne{background:var(--fial-sv)}
#tahak .u-mestske{background:var(--zel-sv)}
#tahak .u-bsk{background:#fff}
#tahak .u-starosta{background:var(--zlta-sv)}
#tahak .u-primator{background:var(--ruz)}
#tahak .u-zupan{background:var(--zel-sv2)}

/* ── e-mail a tlač ────────────────────────────────────────────────── */
#tahak .koniec{background:#fff;padding:56px 16px 64px}
#tahak .karta-zel{background:var(--zel)}
#tahak .tahak-pasca{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#tahak .tahak-captcha{display:flex;justify-content:flex-start;min-height:0;margin-top:12px}
#tahak .tahak-captcha.is-error{display:block;color:#9B2022;font-size:13px;line-height:1.4;font-weight:800}
#tahak .sukromie{font-size:13px;line-height:1.4;margin:10px 8px 0;color:var(--dim)}
#tahak .odkaz{font-size:14px;margin-top:10px;min-height:1.2em}
#tahak .odkaz.is-success{color:#245D35;font-weight:800}
#tahak .odkaz.is-error{color:#9B2022;font-weight:800}
#tahak .tlac{text-align:center;margin-top:32px}
#tahak .preco{text-align:center;margin-top:26px}
#tahak .preco a{display:inline-flex;align-items:center;gap:.4em;font-size:14px;
  color:var(--dim);text-decoration:none}
#tahak .preco a:hover{color:var(--cerv);text-decoration:underline}
#tahak .preco svg{width:.9em;height:.9em;flex:none}

/* ── mobil ────────────────────────────────────────────────────────── */
@media (max-width:900px){
  #tahak .hladanie{padding:28px 16px}
  #tahak .karta{grid-template-columns:1fr;gap:18px;padding:24px 20px}
  #tahak_ .karta h2{font-size:23px}
  #tahak .karta p{font-size:15px;margin-top:10px}
  #tahak .uvod{padding:20px 16px 28px}
  #tahak_ .uvod h2{font-size:22px}
  #tahak .uroven{padding:24px 16px 26px}
  #tahak_ .uroven h3{font-size:19px}
  #tahak .mena{grid-template-columns:1fr}
  #tahak .koniec{padding:32px 16px 40px}
}

/* ── tlač ─────────────────────────────────────────────────────────── */
@media print{
  #tahak .hladanie,#tahak .koniec,#tahak .preco,#tahak .tlac{display:none}
  #tahak .pas{width:auto;margin-left:0;padding:0}
  #tahak .uroven{background:#fff;padding:10px 0;border-top:1px solid #ccc;break-inside:avoid}
  #tahak .odznak{background:#fff;color:#000;border:1px solid #000}
  #tahak .uvod{padding:0 0 12px}
  #tahak .mena{grid-template-columns:1fr 1fr}
}