@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}
#tahak .headline2 {margin:0;font-size:40px;line-height:1.02;font-weight:800}
.tahak-headline2{
  margin:0;
}
#tahak p {
  margin-bottom: 0;
}
#tahak .headline3{margin:0;font-size:32px;line-height:1.02;font-weight:700}
#tahak .headline4{margin:0;font-size:26px;line-height:1.2;font-weight:500}
.tahak-headline4{
  margin:0;
}
/* 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 .combo input[type=text],#tahak #tahak-cd{width:100%;border:0;border-radius:999px;
  padding:15px 24px;font-size:16px;font-weight:500;background:#fff;color:var(--ink)}
#tahak .combo input::placeholder,#tahak #tahak-cd::placeholder{color:#9B9B9B}
#tahak .combo input:focus,#tahak #tahak-cd: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 .candidates-hidden{display:none}
#tahak .forminator-ui{margin:0}
/* Newsletter formulár z pôvodnej témy teamba, izolovaný pre ťahák. */
#tahak #tahak-forminator-wrap .forminator-col{padding:0 5px!important}
#tahak #tahak-forminator-wrap .forminator-input{padding:16px 0!important;font-size:16px!important;
  line-height:1.3em!important;letter-spacing:.25px!important;padding-right:70px!important}
#tahak #tahak-forminator-wrap .forminator-floating--input{-webkit-transform:translateY(36px)!important;
  transform:translateY(36px)!important;position:relative;z-index:2;font-weight:500!important;margin-left:0!important;
  color:rgba(58,58,58,.5)!important;text-align:left}
#tahak #tahak-forminator-wrap .forminator-is_active .forminator-floating--input,
#tahak #tahak-forminator-wrap .forminator-is_filled .forminator-floating--input{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}
#tahak #tahak-forminator-wrap .forminator-error-message{font-weight:500!important}
#tahak #tahak-forminator-wrap .forminator-response-message.forminator-success{display:none!important}
#tahak #tahak-forminator-wrap .forminator-button.forminator-button-submit{width:auto!important;display:inline-flex!important;
  justify-content:center!important;align-items:center!important;background:#fff!important;color:var(--ink)!important;
  text-decoration:none!important;border:0!important;border-radius:999px!important;padding:17px 64px!important;
  font-weight:500!important;font-size:22px!important;line-height:1!important;transition:all .3s ease!important}
#tahak #tahak-forminator-wrap .forminator-ui .forminator-button-submit:hover{opacity:1;background:var(--dark,#1D1D1D)!important;
  color:#fff!important;transform:translateY(0)}
#tahak #tahak-forminator-wrap .forminator-ui .forminator-checkbox .forminator-checkbox-box{width:18px!important;height:18px!important;
  flex:0 0 18px!important;position:relative;border:1px solid var(--ink)!important;border-radius:2px;background:#fff!important}
#tahak #tahak-forminator-wrap .forminator-ui .forminator-checkbox__label{padding-left:0!important}
#tahak #tahak-forminator-wrap .forminator-ui .forminator-checkbox__label p{font-size:16px!important;font-weight:500!important;
  line-height:1.18!important;color:var(--ink)!important; margin-top: 0 !important}
#tahak #tahak-forminator-wrap .forminator-ui input:checked + .forminator-checkbox-box::after{content:""!important;
  position:absolute!important;left:9px!important;top:-7px!important;width:8px!important;height:20px!important;
  border-right:2px solid #000!important;border-bottom:2px solid #000!important;transform:rotate(45deg)!important;
  background-color:transparent!important;border-radius:0!important;opacity:1!important;z-index:0!important}
#tahak #tahak-forminator-wrap .forminator-checkbox .forminator-checkbox-box:before{color:transparent!important}
#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}
#tahak .forminator-response-message.forminator-loading p {
  margin-top: 0 !important;
}

/* Potvrdzovací popup po úspešnom odoslaní Forminator formulára. */
.tahak-popup-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:9998;
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.tahak-popup{position:fixed;top:50%;left:50%;z-index:9999;width:min(90%,815px);padding:50px 80px 50px 40px;
  transform:translate(-50%,-50%);background:var(--zel-sv,#e8efd8);color:var(--ink,#1D1D1D);border-radius:16px;
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;text-align:left}
.tahak-popup.is-open,.tahak-popup-backdrop.is-open{opacity:1;visibility:visible}
.tahak-popup p{margin:0;font:800 clamp(24px,3vw,48px)/1.15 Gellix,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.tahak-popup-close{position:absolute;top:-28px;right:-28px;width:56px;height:56px;padding:0;border:0;border-radius:50%;
  background:#fff;color:var(--ink,#1D1D1D);font-size:38px;font-weight:300;line-height:1;cursor:pointer;transition:all .3s ease}
.tahak-popup-close:hover,.tahak-popup-close:focus{background:var(--ink,#1D1D1D);color:#fff}
body.tahak-popup-open{overflow:hidden}

/* ── mobil ────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .tahak-popup{padding:40px 48px 40px 28px}
  .tahak-popup-close{top:-18px;right:-10px}
  #tahak #tahak-forminator-wrap .forminator-button.forminator-button-submit{padding:18px 64px!important;width:100%!important;margin-bottom:0!important}
  #tahak #tahak-forminator-wrap .forminator-row.forminator-row-last{margin-bottom:0!important}
  #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}
}

@media (max-width:767px){
  #tahak .headline2 {font-size:32px}
  #tahak .headline3{font-size:32px}
  #tahak .headline4{font-size:20px;line-height:1.12}
}

/* ── 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}
}