a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-style:solid;outline-width:2px}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}blockquote,caption,figcaption,h1,h2,h3,h4,h5,h6,p{text-wrap:pretty}.more-link{display:block}:where(pre){overflow-x:auto}

/* wrap – aby boli okraje a max šírka */
.tvk-search-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.wp-block-heading {
	display: none;
}

.wp-block-query.alignfull.is-layout-flow.wp-block-query-is-layout-flow {
	margin: 0 !important;
}

// Odstranenie paddingu na uvodnej stranke (id 128)
div[data-elementor-type="wp-page"][data-elementor-id="128"] > :first-child {
	padding-top: 0 !important;
}

@media (max-width: 1200px){ .tvk-search-wrap{ padding: 0 20px; } }
@media (max-width: 768px){ .tvk-search-wrap{ padding: 0 16px; } }

.tvk-search-card{
  display:block;
  background:#fff;
  border-radius:18px;
  padding:24px 26px;
  margin: 0 0 18px 0;
  text-decoration:none;
  color:inherit;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}

.tvk-search-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}

.tvk-search-title{
  margin:0 0 10px 0;
  color:#27347e;
}

mark.tvk-hl{
  background:#fff2a8;
  padding:0 .2em;
  border-radius:6px;
}


.tvk-search-title{
  display:block;
  margin:0 0 12px;
  color:#27347e;
  font-size: 22px;      /* uprav podľa potreby */
  font-weight: 600;
  line-height: 1.2;
}

.tvk-search-excerpt{
  display:block;
  margin:0;
  color: inherit;
}





/* sentinel */
/* .scroll-sentinel { block-size: 1px; } */

/* --- Sticky header (FSE) – cielené priamo na <header> --- */
/* Twenty Twenty-Five vkladá header ako template part, preto tieto 2 selektory: */
.wp-site-blocks > header,
header.wp-block-template-part {
  position: sticky;
  top: var(--wp-admin--admin-bar--position-offset, 0);
  z-index: 9999;
  background: #fff;
  transition: padding-block .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* Keď sentinel zmizne z view, header sa zúži + dostane tieň */
body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part {
  padding-block: 8px;
  box-shadow: 0 4px 18px rgba(0,0,0,.08);
}

/* Jemné zmenšenie loga/nadpisu vnútri headeru */
.wp-site-blocks > header .wp-block-site-title,
.wp-site-blocks > header .wp-block-site-logo img,
.wp-site-blocks > header .wp-block-image img,
header.wp-block-template-part .wp-block-site-title,
header.wp-block-template-part .wp-block-site-logo img,
header.wp-block-template-part .wp-block-image img {
  transition: transform .25s ease;
}

body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header .wp-block-site-title,
body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header .wp-block-site-logo img,
body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header .wp-block-image img,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .wp-block-site-title,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .wp-block-site-logo img,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .wp-block-image img {
  transform: scale(.92);
}

/* Voliteľné – zhutni medzery v navigácii a mierne zmenši text menu */
.wp-site-blocks > header .wp-block-navigation__container,
header.wp-block-template-part .wp-block-navigation__container {
  transition: gap .25s ease, font-size .25s ease;
}

body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header .wp-block-navigation__container,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .wp-block-navigation__container {
  gap: .75rem;
}

body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header .wp-block-navigation a,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .wp-block-navigation a {
  font-size: .95em;
}

/* Mobile doladenie */
@media (max-width: 782px) {
  .wp-site-blocks > header,
  header.wp-block-template-part { padding-block: 12px; }
  body:has(.scroll-sentinel:not(:in-view)) .wp-site-blocks > header,
  body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part { padding-block: 6px; }
}

/* Fallback pre prehliadače bez :has() – zostane len „nezúžený“ sticky */
@supports not (selector(:has(*))) {
  .wp-site-blocks > header,
  header.wp-block-template-part { box-shadow: none; }
}

/* Header musí byť referenčný bod */
header.wp-block-template-part .sticky-header,
header.wp-block-template-part {
  position: relative;
  z-index: 1000;
}

/* Tvoj wrapper s barmi nech NEZVÄČŠUJE header */
#tvk-submenu-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;              /* presne pod header */
  z-index: 999;
  pointer-events: none;   /* aby nezachytával kliky keď je prázdny */
}

/* Keď sa bary zobrazia, môžu byť klikateľné */
#tvk-submenu-bar.is-visible,
#tvk-subsubmenu-bar.is-visible,
#tvk-subsubsubmenu-bar.is-visible {
  pointer-events: auto;
}

/* Voliteľne: nech to vyzerá ako overlay */
#tvk-submenu-bar,
#tvk-subsubmenu-bar,
#tvk-subsubsubmenu-bar {
  background: #eaf4ff;    /* uprav podľa dizajnu */
}


/* wrapper stránky nech je referenčný bod */
.wp-site-blocks { 
	overflow-y: visible; 
	position: relative; 
  }
  
  /* sentinel mimo toku – nezanechá biely pásik */
  .scroll-sentinel {
	position: absolute;
	top: -1px;   /* alebo 0; -1px pre istotu prekrytia */
	left: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
	background: transparent;
  }
  


  /* obal na obrázok */
.wp-block-image.alignfull {
	position: relative;
	overflow: hidden; /* nech SVG nepresahuje */
  }
  
  /* vlna cez pseudo-element */
  .wp-block-image.alignfull::after {
	content: "";
	position: absolute;
	bottom: -1px;  /* aby nezostal tenký pruh */
	left: 0;
	width: 100%;
	height: 80px; /* výška vlny */
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><path fill='%23ffffff' d='M0,64L48,58.7C96,53,192,43,288,37.3C384,32,480,32,576,42.7C672,53,768,75,864,80C960,85,1056,75,1152,69.3C1248,64,1344,64,1392,64L1440,64L1440,100L0,100Z'></path></svg>") 
				no-repeat bottom center;
	background-size: cover;
	pointer-events: none;
  }

.tvk-search-inner{
  max-width: 1100px;
  margin: 0 auto;
}

.tvk-search-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.tvk-search-card{
  display: block;
  background: #fff;
  border-radius: 18px;
  padding: 18px 18px;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(15,23,42,.10);
  border: 1px solid rgba(15,23,42,.06);
  transition: transform .15s ease, box-shadow .15s ease;
  color: inherit;
}

.tvk-search-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(15,23,42,.14);
}

.tvk-search-card-title{
  margin: 0 0 8px 0;
  font-size: 20px;
  line-height: 1.25;
  color: #0B4680;
}

.tvk-search-card-snippet{
  font-size: 14px;
  line-height: 1.55;
  color: #334155;
}

.tvk-search-mark{
  background: #fff3a6;
  padding: 0 .15em;
  border-radius: .25em;
}

@media (max-width: 900px){
  .tvk-search-grid{ grid-template-columns: 1fr; }
}

  
/* ===== GLOBAL TOPBAR – modrý pásik ===== */

.global-topbar {
    background: #0578BE;
    color: #ffffff;
    font-size: 0.85rem;
    width: 100%;
}

.global-topbar-inner {
    /* na celú šírku, len horizontálne paddingy */
    margin: 0;
    padding: 6px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

/* ľavá strana */
.global-topbar-left {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

/* jedna položka (ikonka + text + číslo) */
.topbar-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* kruh s ikonou – biely, ikona modrá */
.topbar-icon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0578BE;           /* farba ikonky */
}

.topbar-icon svg {
    width: 14px;
    height: 14px;
}

/* text "Poruchová/Zákaznícka linka" */
.topbar-text {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* čísla – klikateľné, bez podčiarknutia */
.topbar-text a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
}

.topbar-text a:hover {
    text-decoration: none;    /* bez underline */
}

/* pravá strana – zákaznícka zóna */
.global-topbar-right {
    margin-left: auto;
}

/*.topbar-portal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid #ffffff;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
}

.topbar-portal:hover {
    text-decoration: none;
}

/* ikona hodín vpravo – biely okruh + modrá ikona, ale tu stačí biela bez kruhu */
/*.topbar-portal-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.topbar-portal-icon svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* žiadne underline pre všetky odkazy v topbare */
.global-topbar a {
    text-decoration: none;
}

/* Zákaznícka zóna – text + šípka v bielom kruhu */
.topbar-portal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

/* biely kruh, šípka vo farbe pozadia (#0578BE) */
.topbar-portal-icon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0578BE; /* farba šípky */
}

.topbar-portal-icon svg {
    width: 14px;
    height: 14px;
}

/* žiadne podčiarknutia ani pri hover */
.topbar-portal:hover {
    text-decoration: none;
}


/* responsívne správanie */
@media (max-width: 768px) {
    .global-topbar-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        padding-inline: 12px;
    }

    .global-topbar-right {
        margin-left: 0;
        align-self: flex-end;
    }
}


/* ==========================
   HEADER – 2 STAVY (hore / po scrolle)
   ========================== */

/* 1) ŠTANDARD – hore na stránke (obrázok 1) */
header.wp-block-template-part .sticky-header {
    background: #d3ecff;          /* svetlomodrá plocha pod menu a logom */
    min-height: 110px;
    padding-block: 20px !important;
    transition:
        background .25s ease,
        min-height .25s ease,
        padding-block .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

/* logo, menu, search – nech sú rozumne veľké */
header.wp-block-template-part .sticky-header .wp-block-site-logo img,
header.wp-block-template-part .sticky-header .wp-block-image img {
    max-height: 64px;
    transition: transform .25s ease;
}

/* 2) STAV PO SCROLLE (sentinel mimo view – obrázok 2) */
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .sticky-header {
    background: #73b4dd;          /* tmavšia modrá ako na druhom obrázku */
    min-height: 70px;
    padding-block: 8px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.10);
}

/* zmenši logo */
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .sticky-header .wp-block-site-logo img,
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .sticky-header .wp-block-image img {
    transform: scale(.85);
}


/* ==========================
   SEARCH – ako na obrázkoch
   ========================== */

/* základný tvar – veľké, biely “pill” v svetej modrej ploche (obrázok 1) */
header.wp-block-template-part .sticky-header .wp-block-search__inside-wrapper {
    border-radius: 9999px;
    background: #ffffff;
    padding: 4px;
	height: 50px;
    box-shadow: 0 0 0 2px rgba(255,255,255,.7);
}

header.wp-block-template-part .sticky-header .wp-block-search__input {
    border: none;
    background: transparent;
    padding-inline: 16px;
}

header.wp-block-template-part .sticky-header .wp-block-search__button {
    border-radius: 9999px;
    background: #27347e;          /* tmavomodré tlačidlo */
}

/* Desktop: spacer medzi menu a search úplne vypnúť */
@media (min-width: 782px) {
  .space-between-menu-search {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* kontajner s menu + searchom v jednom riadku */
  .wp-block-navigation__responsive-container-content {
    display: flex;
    align-items: center;
  }

  /* search vytlačiť úplne doprava */
  .wp-block-navigation__responsive-container-content > .wp-block-search {
    margin-left: auto !important;
    width: auto !important;     /* ak chceš striktne, môžeš dať napr. 320px */
    max-width: 420px;
  }
}


/* kompaktný search po scrolle (obrázok 2 – biela kapsula, sivý vnútro, tmavé tlačidlo) */
body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .sticky-header .wp-block-search__inside-wrapper {
    padding: 2px;
    box-shadow: 0 0 0 2px rgba(255,255,255,.9);
}

body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .sticky-header .wp-block-search__input {
    background: #f3f4f6;
    border-radius: 9999px;
}

body:has(.scroll-sentinel:not(:in-view)) header.wp-block-template-part .sticky-header .wp-block-search__button {
    background: #111827;          /* takmer čierne tlačidlo ako na druhej fotke */
}

/* pre istotu: top bar nemeníme, len pridáme tieň v scrolled stave, ak chceš */
body:has(.scroll-sentinel:not(:in-view)) .global-topbar {
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
}


:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

header.wp-block-template-part .sticky-header .wp-block-group.alignwide {
    padding-right: 20px !important;
}

/* mobil – menší padding */
@media (max-width: 960px) {
    header.wp-block-template-part .sticky-header .wp-block-group.alignwide.is-layout-flex {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Vnútorný rad v headri – logo | menu | search */
header.wp-block-template-part 
  .wp-block-group.alignfull 
  > .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/* Mobil – menšie odsadenie, aby sa to nerozbilo */
@media (max-width: 960px) {
  header.wp-block-template-part 
    .wp-block-group.alignfull 
    > .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
}

/* =========================
   HEADER RESIZE FIX (desktop)
   ========================= */
@media (min-width: 782px){

  /* hlavný riadok v headeri – zruš nowrap a povoľ zalomenie */
  header.wp-block-template-part
  .wp-block-group.alignfull
  > .wp-block-group.alignwide.is-layout-flex{
    flex-wrap: wrap !important;     /* kľúčové */
    min-width: 0 !important;
    gap: 14px !important;
  }

  /* navigácia nech sa môže zúžiť (inak tlačí a preteká) */
  header.wp-block-template-part nav.wp-block-navigation{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* menu položky nech sa vedia zalomiť alebo aspoň nespravia overflow */
  header.wp-block-template-part .wp-block-navigation__container{
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }

  /* search: odstráň tvrdé max-width, daj responzívnu šírku */
  header.wp-block-template-part .wp-block-search{
    margin-left: auto !important;
    width: clamp(220px, 22vw, 360px) !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  /* zruš globálne max-width na wrapperi searchu */
  header.wp-block-template-part .wp-block-search__inside-wrapper{
    max-width: none !important;
    width: 100% !important;
  }
}

/* Safety: ak by niečo aj tak pretieklo */
header.wp-block-template-part{
  overflow-x: clip;
}


header.wp-block-template-part nav.wp-block-navigation .wp-block-navigation__container {
    display: flex;
    align-items: center;
}

.e-con-inner, .entry-content{
	margin-block-start: 0px;
	padding-top: 0px;
	
}

/* Wrapper – veľký biely oválny box */
.wp-block-search__inside-wrapper {
    background: #ffffff !important;
    border-radius: 40px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: none !important;
	height: 50px;
    width: 100% !important; /* môžeš zmeniť podľa potreby */
    max-width: 480px;       /* ako máš v ukážke */
    box-shadow: 0 0 0 2px rgba(255,255,255,0.8) !important;
}

/* Vnútorný input */
.wp-block-search__input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    width: 100% !important;
}
/* Tlačidlo (okrúhle čierne/temno-modré) */
.wp-block-search__button {
    background: #27347E !important;   /* tmavá farba ako v tvojej ukážke */
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
/* Ikona v tlačidle */
.wp-block-search__button svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffffff !important;
}

main {
	background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 50%);
	margin-top: 0px !important;
	padding-top: 0px !important;
	padding-left: 150px !important;
	padding-right: 150px !important;
}
/* tablet + mobile */
@media (max-width: 1200px) {
  main {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* mobile */
@media (max-width: 768px) {
  main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ==========================
   MOBILE MENU ONLY (WP nav modal)
   ========================== */

/* bezpečný scope: iba otvorené mobilné menu */
.wp-block-navigation__responsive-container.is-menu-open{
  background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 70%) !important;
  padding: 18px 14px !important;
}

/* vnútorný dialog v mobile */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-dialog{
  max-width: 520px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(15,23,42,.16);
  overflow: hidden;
}

/* obsah v mobile */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content{
  padding: 14px !important;
}

/* close button len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #E6F3FF !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.12);
  margin: 12px 12px 0 auto !important;
}

/* UL len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__container{
  gap: 6px !important;
  padding: 6px 0 10px !important;
}

/* TOP LEVEL položky len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__container > li.wp-block-navigation-item{
  margin: 0 !important;
}

/* TOP LEVEL link len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 14px 14px !important;
  border-radius: 14px !important;

  background: #F8FAFC !important;
  border: 1px solid #E6E8EC !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;

  color: #0F172A !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content:hover{
  background: #E6F3FF !important;
  border-color: rgba(5,120,190,.25) !important;
}

/* SUBMENU kontajner len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__submenu-container{
  padding: 8px 0 8px 16px !important;
  margin: 8px 0 4px 10px !important;
  border-left: 2px solid rgba(5,120,190,.22) !important;
}

/* SUBMENU linky len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__submenu-container a.wp-block-navigation-item__content{
  display: block !important;
  padding: 10px 10px !important;
  border-radius: 10px !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  color: #0B4680 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open
ul.wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover{
  background: rgba(5,120,190,.08) !important;
}

/* “spacer” medzi menu a search v mobile schovať */
.wp-block-navigation__responsive-container.is-menu-open
.space-between-menu-search{
  display: none !important;
}

/* search len v mobile menu */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-search{
  margin-top: 10px !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-search__inside-wrapper{
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 999px !important;
  background: #F8FAFC !important;
  box-shadow: inset 0 0 0 1px #E6E8EC !important;
}

/* voliteľné: šípka pre položky s podmenu len v mobile */
.wp-block-navigation__responsive-container.is-menu-open
li.wp-block-navigation-item.has-child > a.wp-block-navigation-item__content::after{
  content: "›";
  opacity: .55;
  font-size: 18px;
  margin-left: 10px;
}






/* Normálny stav */
.client-zone a {
	background: #ffffff !important;
	color: #7ab5dd !important;
	border: 2px solid #7ab5dd !important;
	border-radius: 40px !important;
	padding: 10px 26px !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	transition: all .25s ease !important;
  }
  
  /* Ikona pred hoverom */
  .client-zone a .wp-font-awesome-icon {
	color: #7ab5dd !important;
	transition: all .25s ease !important;
  }
  
  /* HOVER */
  .client-zone:hover a {
	background: #003a63 !important; /* tmavomodrá */
	border-color: #003a63 !important;
	color: #ffffff !important;
  }
  
  /* Ikona pri hoveri */
  .client-zone:hover a .wp-font-awesome-icon {
	color: #ffffff !important;
  }
  
  

 .wp-block-post-title, .wp-block-site-title {
    display: none;
}

main .has-global-padding{
  padding-top: 0 !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100% !important;
  }

header {
	padding-bottom: 0px !important;
}

  main p {
	text-align: justify;
  }

  main li{
    text-align: justify;
  }

  .space-between {
    line-height: 1.9; /* alebo 1.8 – podľa oka */
}

  .single-post .wp-block-post-featured-image {
	aspect-ratio: auto !important;
	max-width: none;         /* cez celú content šírku */
  }
  .single-post .wp-block-post-featured-image img {
	width: 100% !important;
	max-height: 380px;       /* podľa chuti */
	height: auto !important;
	object-fit: cover !important;  /* oreže a vyplní */
  }

  .sp-pcp-post-thumb-area img {
	max-height: 250px;   /* všetky budú max 250px vysoké */
	height: auto;        /* zachová pomer strán */
	width: auto;         /* šírka sa dopočíta podľa pomeru */
	display: block;
	margin: 0 auto;      /* vycentruje obrázok v obale */
  }

  

/* --- Moderný štýl pre WordPress video blok --- */
.wp-block-video {
	--video-max-h: 72vh;     /* aby video nikdy nebolo vyššie než 72% výšky okna */
	--video-radius: 14px;
	--video-shadow: 0 18px 50px rgba(0,0,0,.16), 0 2px 12px rgba(0,0,0,.06);
  
	margin: 24px auto;
	text-align: center;       /* vycentruj obsah */
  }
  
  .wp-block-video video {
	display: block;
	margin: 0 auto;           /* centrovanie samotného videa */
	max-height: var(--video-max-h);
	width: auto;
	max-width: 100%;
	height: auto;
  
	object-fit: contain;
	background: #000;
	border-radius: var(--video-radius);
	box-shadow: var(--video-shadow);
  }
  
  /* popisok pod videom */
  .wp-block-video figcaption {
	text-align: center;
	color: #667085;
	font-size: .95rem;
	margin-top: 10px;
  }
  
  /* na menších displejoch ešte miernejší limit výšky */
  @media (max-width: 782px) {
	.wp-block-video { --video-max-h: 60vh; }
  }
  
  /* voliteľné: špeciálne pre portrait videá */
  .wp-block-video.is-portrait video {
	max-height: var(--video-max-h);
	width: clamp(240px, 50vw, 520px);
  }

body {
	font-size: medium;
}

figure.center-img {
	text-align: center;
  }
  figure.center-img img {
	display: inline-block;
	margin: 0 auto;
	max-width: 550px;
  }


  .custom-logo-link {
	margin-top: 30px;
  }
  .wp-block-spacer {
	display: none !important;
  }

  .footer-logo {
	display: inline-block;
	margin-top: 30px;   /* tvoj posun zhora */
  }
  
  .footer-text{
	padding-top: 30px;
  }
  
 /* ====== Akordeón: moderný <summary> bar + telo ====== */

/* celý blok */
details.accordion {
	margin: 16px 0;
	border-radius: 14px;
	border: 1px solid #d8e6f2;
	box-shadow: 0 8px 24px rgba(0,0,0,.06);
	overflow: hidden;            /* zaoblenie platí aj pre vnútro */
	background: #fff;
  }
  
  /* horná lišta */
  details.accordion > summary {
	display: block;              /* nech ide cez celú šírku */
	position: relative;
	padding: 16px 56px 16px 20px;
	background: #8ebfdb;        /* modrá z tvojho príkladu */
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.3;
	cursor: pointer;
	user-select: none;
  }
  
  /* schovaj default marker */
  details.accordion > summary::-webkit-details-marker { display: none; }
  details.accordion > summary::marker { content: ""; }
  
  /* šípka vpravo */
  details.accordion > summary::after {
	content: "▾";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	font-size: 20px;
	opacity: .9;
	transition: transform .25s ease;
  }
  
  /* po otvorení sa šípka otočí */
  details.accordion[open] > summary::after {
	transform: translateY(-50%) rotate(-180deg);
  }
  
  /* jemný hover efekt na lište */
  details.accordion > summary:hover {
	background: #82b7d6;
  }
  
  /* telo (obsah pod summary) – ak nemáš vlastný <div>, zafunguje pre všetko okrem summary */
  details.accordion > *:not(summary) {
	padding: 18px 20px;
	background: #fff;
	color: #2b2b2b;
  }
  
  /* voliteľné: jemná deliaca linka až po otvorení */
  details.accordion[open] > summary {
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
  }
ol{
	margin-left: 20px;
}  

.wp-block-table table{
	width:100%; border-collapse:separate; border-spacing:0;
	overflow:hidden; box-shadow: var(--shadow-sm);
  }
  .wp-block-table thead th{
	background: var(--c-soft); font-weight:700; text-align:left;
	padding:12px 14px;
  }
  .wp-block-table td{ padding:12px 14px; border-top:1px solid #eef2f7; }

/* --- Otváracie hodiny tabuľka --- */
.wp-block-table.hours-table table {
	border-collapse: collapse;
	width: auto !important;    /* tabuľka nech nie je cez celú šírku */
  }
  
  /* odstránenie všetkých rámikov */
  .wp-block-table.hours-table table,
  .wp-block-table.hours-table td,
  .wp-block-table.hours-table th {
	border: none !important;
  }
  
  /* medzera medzi riadkami */
  .wp-block-table.hours-table td {
	padding: 4px 0;
  }
  
  /* deň vľavo, čas vpravo */
  .wp-block-table.hours-table td:first-child {
	padding-right: 18px;        /* malý medzipriestor medzi denným názvom a časom */
	white-space: nowrap;
	font-weight: 500;
  }
  
  /* čas v pravom stĺpci */
  .wp-block-table.hours-table td:last-child {
	white-space: nowrap;
	font-variant-numeric: tabular-nums; /* krásne zarovnané číslice */
  }
  
  /* voliteľne menšie písmo, ak sa zdá veľké */
  .wp-block-table.hours-table {
	font-size: 1rem;
  }
  
  /* blok ikonka + tabuľka */
.hours-wrapper {
	display: flex;
	align-items: flex-start; /* zarovná ikonku k prvému riadku */
	gap: 4px;               /* medzera medzi ikonou a tabuľkou */
	margin-right: 10px;
  }
  
  .hours-wrapper .fa-clock,
  .hours-wrapper .svg-inline--fa.fa-clock { /* pokrýva aj SVG ikonu z pluginu */
	font-size: 16px; /* menšie = presné k textu */
	line-height: 1;
	margin-top: 3px; /* dorovná výšku */
	opacity: .85; /* jemnejšie, pôsobí elegantnejšie */
  }

  /* Ikona + text adresy v jednom riadku */
.address-wrapper {
	display: flex;
	align-items: flex-start; /* zarovná ikonu k prvému riadku textu */
	gap: 4px; /* medzera medzi ikonou a textom */
  }
  
  /* ikona nech nie je príliš veľká */
  .address-wrapper .fa-location-dot,
  .address-wrapper .fa-map-marker-alt,
  .address-wrapper .svg-inline--fa {
	font-size: 16px;
	line-height: 1;
	margin-top: 2px; /* dotiahnutie na rovnakú výšku s textom */
	opacity: .85;
  }
  
  /* text adresy */
  .address-wrapper p {
	margin: 0;
	padding: 0;
	white-space: pre-line; /* zachová riadkovanie ako si to napísal */
  }

/* =============== KARTY – jemnejší spacing, čistejšie rohy =============== */
.contact-card {
	background: #f6f7f9;
	border: 1px solid #e6e8ec;
	border-radius: 14px;
	padding: 26px 22px 22px !important; /* viac priestoru hore aj po stranách */
	box-shadow: 0 4px 14px rgba(0,0,0,.05);
	transition: transform .15s ease, box-shadow .15s ease;
  }
  
  .contact-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0,0,0,.12);
  }
  
  /* =============== NADPIS V KARTE =============== */
  .contact-card h3,
  .contact-card p:first-child { /* ak používaš obyčajný odstavec ako nadpis */
	font-size: 1.05rem;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0 0 10px;
  }
  
  /* =============== VNÚTORNÝ OBSAH =============== */
  .contact-card p,
  .contact-card li {
	margin: 6px 0;
	line-height: 1.6;
	color: #2b2b2b;
  }
  
  /* =============== IKONY ZAROVNANÉ VĽAVO =============== */
  .contact-card svg,
  .contact-card i.fa,
  .contact-card .wp-font-awesome-icon {
	min-width: 1.2em;
	margin-right: 10px;
	vertical-align: -2px; /* optické dorovnanie na text */
	opacity: .85;
  }
  
  /* ak používaš zoznam bez odrážok */
  .contact-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
  }

  .contact-cards { 
	background: linear-gradient(#fff, #fff) padding-box, 
				radial-gradient(1200px 400px at 0% 0%, #eef1f6, transparent) border-box;
	border: 1px solid transparent; 
	border-radius: 18px; 
	padding: 2px; /* optický rámik */
  }

/* ===== OZNAM O OTVORENÍ (opening-date) – decentný badge nad hodinami ===== */

/* Oznámenie o otvorení – menej ako tlačidlo, viac ako textový label */
.opening-date {
	/* jemný farebný akcent len ako ľavý prúžok */
	display: block;
	margin: 0 0 10px;
	padding: 4px 0 4px 10px;

	border-radius: 0;
	border: 0;
	border-left: 3px solid #8ebfdb;

	background: transparent;
	box-shadow: none;

	color: #0f172a;
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1.4;
}

/* ikonka nech je obyčajná, nie v „bublinke“ */
.opening-date .wp-font-awesome-icon,
.opening-date .wp-rich-text-font-awesome-icon {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: .35rem;
	border-radius: 0;
	background: none;
	color: inherit;
}






  /* ===== KARTIČKA TABLE ===== */
.contact-table {
	background: #f8fafc;
	border: 1px solid #e6e8ec;
	border-radius: 16px;
	padding: 18px 20px;
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
	overflow-x: auto; /* mobil scroll, ak treba */
	margin-bottom: 40px; /* rozostup medzi tabuľkami */
  }
  
  /* Prvá úroveň tabuľky (nie vnorené!) */
  .contact-table > table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed; /* drží stĺpce, nerozbíja rozloženie ani pri prázdnych bunkách */
  }
  
  /* Hlavička */
  .contact-table > table thead th {
	text-align: left;
	font-weight: 700;
	padding: 14px 12px;
	color: #0f172a;
	border-bottom: 1px solid #e6e8ec;
  }
  
  /* Bunky */
  .contact-table > table tbody td {
	padding: 18px 12px;
	vertical-align: top;
	border-bottom: 1px solid #eef1f4;
	word-break: break-word;
  }
  
  /* Jemná zebra + hover efekt */
  .contact-table > table tbody tr:nth-child(even) {
	background: #fbfcfe;
  }
  
  .contact-table > table tbody tr:hover {
	background: #f3f6fb;
  }
  
  /* Fix: ak je v bunke ďalšia tabuľka, nech sa NEŠTYLIZUJE */
  .contact-table table table {
	width: auto;
	border: 0;
	background: transparent;
  }
  .contact-table table table td,
  .contact-table table table th {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
  }
  
  /* Šírky stĺpcov (upraviť podľa potreby) */
  .contact-table > table tr > *:nth-child(1) { width: 22%; } /* Meno */
  .contact-table > table tr > *:nth-child(2) { width: 38%; } /* Oddelenie */
  .contact-table > table tr > *:nth-child(3) { width: 30%; } /* Email */
  .contact-table > table tr > *:nth-child(4) { width: 10%; } /* Klapka / číslo */
  
  /* Mobil – trocha väčšia čitateľnosť */
  @media (max-width: 720px) {
	.contact-table { padding: 14px 14px; }
	.contact-table > table tbody td { padding: 14px 8px; }
  }
  

  /* Jemný informačný banner */
.contact-info-note{
	padding: 14px 18px;
	margin: 10px 0 18px 0;
	background: #f6f7f9;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	color: #475569;
	font-size: 15.5px;
	line-height: 1.45;
	max-width: 720px;
  }
  
  /* prvý riadok nech je výraznejší (nadpisový feeling) */
  .contact-info-note strong,
  .contact-info-note b,
  .contact-info-note p:first-child{
	font-weight: 600;
	color: #1e293b;
  }
  

  /* ===== Firemné údaje – moderná karta ===== */
.company-table {
	--card-bg: #f8fafc;
	--text: #0f172a;
	--muted: #64748b;
	--line: #eaeef4;
	--accent: #dfe9ff;
	--radius: 16px;
	--shadow: 0 8px 28px rgba(16,24,40,.06);
  }
  
  .company-table table {
	width: 100%;
	border-collapse: separate;     /* aby fungoval radius */
	border-spacing: 0;
	background: var(--card-bg);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	overflow: hidden;
  }
  
  /* bunky */
  .company-table th,
  .company-table td {
	padding: 16px 20px;
	vertical-align: top;
	border: 0;                      /* vypni default mriežku */
  }
  
  /* ľavý stĺpec – “nálepky” */
  .company-table th {
	width: 320px;                   /* môžeš zmeniť podľa potreby */
	font-weight: 600;
	color: var(--muted);
	background: linear-gradient(to right, rgba(2,6,23,.02), transparent);
  }
  
  /* pravý stĺpec – hodnota */
  .company-table td {
	color: var(--text);
	font-weight: 500;
  }
  
  /* jemné oddelenie riadkov */
  .company-table tr + tr th,
  .company-table tr + tr td {
	border-top: 1px solid var(--line);
  }
  
  /* zebra/hover */
  .company-table tr:nth-child(even) td,
  .company-table tr:nth-child(even) th { background-color: #fbfdff; }
  .company-table tr:hover td,
  .company-table tr:hover th { background: #f3f6fb; }
  
  
  /* kompaktná varianta (ak ju chceš použiť) */
  .company-table.compact th,
  .company-table.compact td { padding: 12px 16px; }
  .company-table.compact th { width: 260px; }
  
  /* ===== Mobil – rozbal na karty (štítok hore, hodnota pod ním) ===== */
  @media (max-width: 720px) {
	.company-table table { display: block; }
	.company-table tbody { display: block; }
	.company-table tr {
	  display: grid;
	  grid-template-columns: 1fr;
	  padding: 14px 16px;
	}
	.company-table tr + tr { border-top: 1px solid var(--line); }
	.company-table th {
	  width: auto;
	  padding: 0 0 4px 0;
	  background: transparent;
	  color: var(--muted);
	}
	.company-table td {
	  padding: 0;
	}
  }

  /* ====== ORGANIZAČNÁ SCHÉMA – moderná karta ====== */
.org-section{
	--org-accent: #3b82f6;     /* jemná modrá – môžeš zladiť s témou */
	--org-bg: #f7f9fc;
	max-width: 1100px;
	margin-inline: auto;
	margin-block: 18px 28px;
	gap: 14px;
  }
  
  .org-lead{
	display: flex;
	align-items: center;
	gap: .65rem;
	padding: 12px 16px;
	border-radius: 14px;
	background: #f6f7f9;
	border: 1px solid color-mix(in srgb, var(--org-accent) 22%, transparent);
	box-shadow: 0 8px 24px rgba(0,0,0,.05);
	font-weight: 600;
	letter-spacing: .2px;
  }
  

  
  /* samotný obrázok */
  .org-figure img{
	display: block;
	width: 70%;
	height: auto;
	border-radius: 12px;
	margin: 0 auto;
  }
  
  /* jemná interakcia */
  .org-figure img{ transition: transform .18s ease, box-shadow .18s ease; }
  .org-figure:hover img{ transform: translateY(-1px); }
  
  
  /* popisok pod obrázkom (ak ho použiješ) */
  .org-figure figcaption{
	text-align: center;
	font-size: .95rem;
	color: #6b7280;
	margin-top: 8px;
  }
  
  /* responzívne doladenie */
  @media (max-width: 782px){
	.org-section{ margin-block: 10px 22px; }
	.org-lead{ padding: 10px 12px; border-radius: 12px; }
	.org-pannable{ max-height: 62vh; }
  }

  .header-menu:hover {
	cursor: pointer;
  }
  
  /* ===== Nadpisy a lead odsek ===== */
.lead-paragraph {
	font-size: clamp(1.05rem, 1.4vw + .9rem, 1.35rem);
	line-height: 1.6;
	color: #0f172a;
	max-width: 68ch;
	margin-bottom: 18px;
  }
  
  /* jemná oddelovacia linka */
  .soft-divider { height: 18px !important; }
  .soft-divider::before {
	content:""; display:block; height:1px;
	background: linear-gradient(90deg, transparent, #eaeef4, transparent);
  }
  
  /* ===== Karty sekcií („Naše služby“) ===== */
  .service-card{
	background: #f6f7f9;
	border: 1px solid #e6e8ec;
	border-radius: 16px;
	padding: 22px 22px 18px;
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
	margin: 14px 0;
	transition: transform .15s ease, box-shadow .15s ease;
  }
  /* .service-card:hover{
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0,0,0,.12);
  } */
  .service-card .wp-block-heading{ padding-top: 18px; }

  .service-card.compact{ padding: 18px 18px 14px; border-radius: 14px; }
  
  /* nadpis v karte – nech je čitateľný a konzistentný */
  .service-card h2, .service-card h3{
	margin-top: 0;
	margin-bottom: 8px;
	letter-spacing: .2px;
  }
  
  /* ===== „check“ zoznam ===== */
  .check-list{
	list-style: none; padding-left: 0; margin: 10px 0;
  }
  .check-list li{
	position: relative; padding-left: 28px; margin: 6px 0; line-height: 1.6;
  }
  .check-list li::before{
	content: "✔";                        /* alebo "\2713" */
	position: absolute; left: 0; top: 0.2em;
	font-weight: 700;
	color: #2f7dbb;                      /* jemná modrá */
	opacity: .9;
  }
  
  /* ===== Info hláška (banner) ===== */
  .info-callout{
	padding: 14px 16px;
	margin: 10px 0 18px;
	background: #f6f7f9;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	color: #475569;
	font-size: 15.5px;
	line-height: 1.5;
	box-shadow: 0 4px 14px rgba(0,0,0,.05);
  }
  .info-callout strong{ color:#1e293b; }
  .info-callout.is-muted{
	background:#fbfcfe;
	border-color:#eaf0f6;
  }
  
  /* ===== TOC inline (voliteľné) ===== */
  .toc-inline{
	display:flex; flex-wrap: wrap; gap:10px 16px; padding:0; list-style:none;
  }
  .toc-inline a{
	display:inline-block; padding:6px 10px; border-radius:9999px;
	border:1px solid #e6e8ec; background:#fff; color:#0f172a; text-decoration:none;
	transition: all .15s ease;
  }
  .toc-inline a:hover{ background:#003a63; color:#fff; border-color:#003a63; }
  
/* ===== CENNÍKY – Kadence Accordion ako moderné karty ===== */

/* obal – jemné rozostupy medzi panelmi */
.wp-block-kadence-accordion.prices-accordion .kt-accordion-inner-wrap,
.wp-block-kadence-accordion .kt-accordion-inner-wrap {
    display: grid;
    gap: 10px;
}

/* jedna karta */
.prices-accordion .kt-accordion-pane,
.wp-block-kadence-accordion .kt-accordion-pane {
    border: 1px solid #e6e8ec;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.05);
    transition: box-shadow .2s ease, transform .2s ease;
}
.prices-accordion .kt-accordion-pane:hover,
.wp-block-kadence-accordion .kt-accordion-pane:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(0,0,0,.10);
}

/* hlavička karty */
.prices-accordion .kt-blocks-accordion-header,
.wp-block-kadence-accordion .kt-blocks-accordion-header {
    width: 100%;
    display: flex; align-items: center; justify-content: space-between;
    gap: .75rem;
    padding: 14px 16px;
    background: linear-gradient(#fff,#fff) padding-box,
               radial-gradient(1200px 400px at 0% 0%, #eef1f6, transparent) border-box;
    cursor: pointer;
}

/* nadpis v hlavičke */
.prices-accordion .kt-blocks-accordion-title,
.wp-block-kadence-accordion .kt-blocks-accordion-title {
    font-weight: 700;
    letter-spacing: .2px;
}

/* šípka – nech sa otočí pri otvorení */
.prices-accordion .kt-blocks-accordion-icon-trigger,
.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger {
    transition: transform .2s ease, opacity .2s ease;
    opacity: .8;
}
.prices-accordion .kt-accordion-pane.is-open .kt-blocks-accordion-icon-trigger,
.wp-block-kadence-accordion .kt-accordion-pane.is-open .kt-blocks-accordion-icon-trigger {
    transform: rotate(180deg);
    opacity: 1;
}

/* otvorená karta – jemné zvýraznenie */
.prices-accordion .kt-accordion-pane.is-open .kt-blocks-accordion-header,
.wp-block-kadence-accordion .kt-accordion-pane.is-open .kt-blocks-accordion-header {
    background: #f6f9ff;
    border-bottom: 1px solid #e9eef7;
}

/* telo panelu */
.prices-accordion .kt-accordion-panel-inner,
.wp-block-kadence-accordion .kt-accordion-panel-inner {
    padding: 14px 16px;
    background: #f8fafc;
}


/* link vnútri accordionu – ale iba keď má class="a-link" */
.prices-accordion .kt-accordion-panel-inner a.a-link,
.wp-block-kadence-accordion .kt-accordion-panel-inner a.a-link {
    display: inline;           /* normálny textový odkaz */
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #0b4680 !important; /* modrá ako klasický link */
    text-decoration: underline;
    box-shadow: none;
    transition: color .15s ease;
}

/* hover efekt – iba pre a-link */
.prices-accordion .kt-accordion-panel-inner a.a-link:hover,
.wp-block-kadence-accordion .kt-accordion-panel-inner a.a-link:hover {
    color: #062e58 !important;
    text-decoration: underline;
}
/* Skryť automaticky dopĺňaný typ súboru (PDF) len pre odkazy s class="a-link" */
a.a-link::after {
    content: none !important;
}

a.a-link::before {
    content: none !important;
}



.wp-block-kadence-accordion .kt-accordion-panel-inner a[href$=".pdf"]::before {
	content: "";
	display: inline-block;
	width: 1.05em;
	height: 1.05em;
	background: no-repeat center / contain url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'>\ <path d='M5 20h14a1 1 0 0 0 1-1v-4h-2v3H6v-3H4v4a1 1 0 0 0 1 1z'/>\ <path d='M11 3h2v9l3.5-3.5 1.4 1.4L12 16l-5.9-6.1L7.5 8.5 11 12V3z'/>\ </svg>");
	/* pre jemnejšie odsadenie od textu */
	margin-right: .55rem;
  }

/* bez zásahu do grid-template-rows */
.elementor-element.tvk-grid-no-stretch.e-grid{
  /* najčastejší vinník v Elementore */
  --min-height: 0px !important;
  min-height: 0 !important;
  height: auto !important;

  /* nech sa obsah netlačí na výšku kontajnera */
  align-content: start !important;
}

/* deti v gride sa často natiahnu na 100% výšky riadku -> spraví to "prázdno" */
.elementor-element.tvk-grid-no-stretch.e-grid > .e-con,
.elementor-element.tvk-grid-no-stretch.e-grid > .elementor-element{
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;  /* neťahať na výšku riadku */
}

/* ak Elementor dáva deťom "stretch" cez inline */
.elementor-element.tvk-grid-no-stretch.e-grid > .e-con.e-child{
  --min-height: 0px !important;
  min-height: 0 !important;
}


/* mobil – kompaktnejšie odsadenia */
@media (max-width: 720px) {
    .prices-accordion .kt-blocks-accordion-header,
    .wp-block-kadence-accordion .kt-blocks-accordion-header { padding: 12px 14px; }
    .prices-accordion .kt-accordion-panel-inner,
    .wp-block-kadence-accordion .kt-accordion-panel-inner { padding: 12px 14px; }
}

/* najčastejšie triedy/mety v blokových témach */
.wp-block-post-date,
.wp-block-post-date time,
.wp-block-post-date + * {
  display: none !important;
}


 /* Na stránke Cenník automaticky „obal“ všetky WP tabuľky štýlom contact-table */
.pricing-page .wp-block-table { background:#f8fafc; border:1px solid #e6e8ec; border-radius:16px; padding:14px; box-shadow:0 6px 18px rgba(0,0,0,.06); overflow-x:auto; margin: 18px 0 34px; }
.pricing-page .wp-block-table table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.pricing-page .wp-block-table thead th{ text-align:left; font-weight:700; padding:14px 12px; border-bottom:1px solid #e6e8ec; color:#0f172a; }
.pricing-page .wp-block-table tbody td{ padding:16px 12px; border-bottom:1px solid #eef1f4; vertical-align:top; }

/* zebra + hover */
.pricing-page .wp-block-table tbody tr:nth-child(even){ background:#fbfcfe; }
.pricing-page .wp-block-table tbody tr:hover{ background:#f3f6fb; }

/* číselné stĺpce pekne zarovnať (ak chceš pevne: 3.–6. stĺpec) */
.pricing-page .wp-block-table td:nth-child(n+3){ text-align:right; font-variant-numeric:tabular-nums; }

/* voliteľne sticky hlavička pri dlhších tabuľkách */
@media (min-width: 900px){
  .pricing-page .wp-block-table thead th{ position:sticky; top:0; background:#f8fafc; z-index:1; }
}
 
.price-note{
	padding: 14px 18px; margin: 6px 0 18px;
	background:#f6f7f9; border:1px solid #e6e8ec; border-radius:12px;
	color:#475569; font-size:15.5px; line-height:1.5; max-width:900px;
  }
  .price-note b, .price-note strong{ color:#1e293b; }
	
  .pricing-page h2{ margin-top: 28px; margin-bottom: 12px; letter-spacing:.2px; }
  .pricing-page h3{ margin-top: 22px; margin-bottom: 8px; }
   
  .pricing-page .wp-block-image img{ display:block; margin:0 auto; border-radius:12px; }

  strong{font-weight: 600;}

  .wp-block-table .has-fixed-layout td[rowspan] {
	vertical-align: middle;
	text-align: center;
	padding: 0.5em;
  }
  
  .wp-block-kadence-accordion .kt-accordion-panel-inner a[href$=".pdf"]::after{
	content:"PDF";
	margin-left:.55rem;
	padding:.12rem .4rem;
	border-radius:.35rem;
	background: rgba(255,255,255,.18);
	border:1px solid rgba(255,255,255,.25);
	font-size:.76em;
	letter-spacing:.02em;
  }
  
/* ============== DOWNLOAD LIST – fix: 1 link = tlačidlo, 2+ linky = prvý text ============ */
.download-list,
.download-list ul{ list-style:none !important; margin:0 !important; padding-left:0 !important; }
.download-list li {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 6px; /* malý odstup medzi textom a tlačidlom */
  }

  /* ak má len 1 odkaz, aj tak ho posuň nižšie od textu */
.download-list li a:only-of-type {
	margin-top: 6px !important;
  }

/* rozbi bežné obaly okolo linkov */
.download-list li em,
.download-list li i,
.download-list li span,
.download-list li div{ display:contents !important; }

/* DEFAULT: každý <a> v položke je tlačidlo */
.download-list li a{
  display:inline-flex !important;
  align-items:center;
  gap:.6rem;
  padding:10px 14px;
  border-radius:12px;
  background:#0b4680;
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 18px rgba(11,70,128,.18);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:normal !important;
  width:fit-content;
  font-style: normal !important; /* zruš kurzívu z <em> */
}

/* ikona download vľavo */
.download-list li a::before{
  content:"";
  width:18px;height:18px;flex:0 0 18px;
  background:#fff;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M5 20h14v-2H5v2zM12 3v10.17l3.59-3.58L17 11l-5 5-5-5 1.41-1.41L11 13.17V3z"/></svg>') no-repeat center/contain;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M5 20h14v-2H5v2zM12 3v10.17l3.59-3.58L17 11l-5 5-5-5 1.41-1.41L11 13.17V3z"/></svg>') no-repeat center/contain;
}

/* badge vpravo (podľa prípony) */
.download-list li a::after{
  content:"";
  margin-left:auto;
  display:inline-block;
  font-weight:700;
  font-size:.78rem;
  padding:.18rem .5rem;
  border-radius:.4rem;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.25);
}
.download-list li a[href$=".pdf"]::after{ content:"PDF"; }
.download-list li a[href$=".doc"]::after,
.download-list li a[href$=".docx"]::after{ content:"DOCX"; }
.download-list li a[href$=".xls"]::after,
.download-list li a[href$=".xlsx"]::after{ content:"XLSX"; }
.download-list li a[href$=".zip"]::after{ content:"ZIP"; }

/* hover/focus */
.download-list li a:hover{ background:#073866; transform:translateY(-1px); box-shadow:0 12px 26px rgba(6,46,88,.25); }
.download-list li a:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.28); }

/* RESET prvého odkazu na „text“ IBA ak sú v <li> minimálne 2 odkazy */
.download-list li a:first-of-type:not(:only-of-type){
  display:block !important;
  margin:0 0 8px 0 !important;
  background:transparent !important;
  color:inherit !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  font-weight:600;
}
.download-list li a:first-of-type:not(:only-of-type)::before,
.download-list li a:first-of-type:not(:only-of-type)::after{ content:none !important; }

/* ak sú v položke 2+ linky, tie ďalšie nech majú odstup pod textom */
.download-list li a:not(:first-of-type){ margin-top:6px !important; }

/* dark mode drobnosti */
@media (prefers-color-scheme: dark){
  .download-list li a{ border-color:rgba(255,255,255,.22); }
  .download-list li a::after{ background:rgba(255,255,255,.20); border-color:rgba(255,255,255,.32); }
}

.aktuality-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.aktualita-item {
    padding: 16px 0;
    border-bottom: 1px solid #e5e7eb;
}

.aktualita-title {
    margin: 0 0 4px;
    font-size: 1.1rem;
    font-weight: 700;
}

.aktualita-title a {
    text-decoration: none;
}

.aktualita-title a:hover {
    text-decoration: underline;
}

.aktualita-meta {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 8px;
}

.aktualita-excerpt {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 6px;
}

.aktualita-readmore a {
    font-size: 0.9rem;
    text-decoration: underline;
}

/* stránkovanie */
.aktuality-pagination ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: flex;
    gap: 6px;
}

.aktuality-pagination li a,
.aktuality-pagination li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 0.9rem;
}

.aktuality-pagination li span.current {
    background: #0b4680;
    color: #fff;
    border-color: #0b4680;
}

/* ================================
   VÝROČNÉ SPRÁVY – text hore, tlačidlo pod ním
   ================================ */

   .download-list.reports-list li {
    display: flex !important;
    flex-direction: column !important;   /* text + pod ním tlačidlo */
    align-items: flex-start !important;
    gap: 8px !important;

    padding: 14px 18px !important;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e6e8ec;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
    position: relative;
    overflow: hidden;
}

/* prvý odkaz = názov správy (len text) */
.download-list.reports-list li a:first-of-type:not(:only-of-type) {
    font-weight: 600;
    font-size: 0.98rem;
    color: #0f172a !important;
    margin: 0 !important;
}

/* ostatné odkazy = tlačidlá na stiahnutie pod textom */
.download-list.reports-list li a:not(:first-of-type) {
    margin-top: 6px !important;
    align-self: flex-start;   /* nech nelezie doprava */
}

/* mobil – iba mierne zmenšíme padding */
@media (max-width: 720px) {
    .download-list.reports-list li {
        padding: 12px 14px !important;
    }
}

/* ==========================
   VÝKOPOVÉ PRÁCE – TABUĽKY
   ========================== */

   .wp-block-table.vykopove-prace {
    margin: 28px auto;
    max-width: 1100px;
}

/* samotná tabuľka */
.wp-block-table.vykopove-prace table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

/* každá bunka */
.wp-block-table.vykopove-prace th,
.wp-block-table.vykopove-prace td {
    padding: 12px 18px;
    border: 0;
    font-size: 0.98rem;
}

/* riadky – horizontálne čiary, žiadne zvislé mriežky */
.wp-block-table.vykopove-prace tr + tr th,
.wp-block-table.vykopove-prace tr + tr td {
    border-top: 1px solid #e5e7eb;
}

/* prvý stĺpec (číslo/rok) */
.wp-block-table.vykopove-prace td:nth-child(1) {
    width: 18%;
    font-weight: 500;
    text-align: left;
}

/* druhý stĺpec (ulica) */
.wp-block-table.vykopove-prace td:nth-child(2) {
    width: 62%;
    text-align: left;
}

/* tretí stĺpec (dátum) – stále zarovnaný doľava, aby všetko bolo vľavo */
.wp-block-table.vykopove-prace td:nth-child(3) {
    width: 20%;
    text-align: left;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: #374151;
}

/* hlavičkový riadok s názvom mesta (spojené bunky) */
.wp-block-table.vykopove-prace thead th,
.wp-block-table.vykopove-prace tbody tr:first-child th[colspan] {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 0.9rem;
    padding: 16px 18px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

/* zvýraznenie názvu mesta aj keď nie je v <thead>, ale ako prvý riadok skupiny */
.wp-block-table.vykopove-prace tr.city-row th {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 0.9rem;
    padding: 18px 18px 14px;
    background: #f8fafc;
}

/* “/” riadky – neutrálne info (napr. keď nie sú práce) */
.wp-block-table.vykopove-prace td:only-child {
    text-align: left;
    font-style: italic;
    color: #9ca3af;
}

.wp-block-table.vykopove-prace tbody tr:hover td {
    background: #f1f5f9;
}

.wp-block-table.vykopove-prace td:only-child:empty::before {
    content: "/";
    font-style: italic;
    color: #9ca3af;
}

/* mobil – menšie paddingy, tabuľka nech sa dá scrollovať do strán */
@media (max-width: 768px) {
    .wp-block-table.vykopove-prace {
        overflow-x: auto;
    }

    .wp-block-table.vykopove-prace table {
        min-width: 620px; /* aby stĺpce nepopraskali */
    }

    .wp-block-table.vykopove-prace th,
    .wp-block-table.vykopove-prace td {
        padding: 10px 12px;
    }
}

p a {
    display: inline-block;
    margin-bottom: 6px; /* zväčšiť podľa chuti */
}

.link-button{
	
}

/* Celý accordion vo footeri */
.footer-roll {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Vnútorný wrap od Kadence */
.footer-roll .kt-accordion-inner-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* Každý accordion panel */
.footer-roll .kt-accordion-pane {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Hlavička – nech sedí presne doľava */
.footer-roll .kt-accordion-header-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* Klikateľný titul */
.footer-roll .kt-blocks-accordion-title-wrap,
.footer-roll .kt-blocks-accordion-title-wrap button {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
}

/* Šípka */
.footer-roll .kt-blocks-accordion-icon-trigger {
    margin: 0 !important;
    padding: 0 !important;
}

/* Panel s obsahom */
.footer-roll .kt-accordion-panel-inner {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Odkazy vo vnútri – zarovnanie doľava */
.footer-roll .kt-accordion-panel-inner a {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    text-decoration: none;
    display: block;
}

/* Hover efekt */
.footer-roll .kt-accordion-panel-inner a:hover {
    text-decoration: underline;
}

/* wrapper okolo celého upload poľa */
.tvk-upload-field {
    margin-bottom: 2rem;
}

/* malý label hore */
.tvk-upload-field .frm_primary_label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

/* hlavný upload box */
.tvk-upload-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    border: 1px solid #d0d4e4;
    background: #f7f8fc;
}

/* skryjeme klasický file input */
.tvk-upload-input {
    position: absolute;
    left: -9999px;
}

/* „tlačidlo“ na výber súboru */
.tvk-upload-btn {
    cursor: pointer;
    padding: 0.5rem 1.25rem;
    border-radius: 999px;
    border: none;
    background: #163c82;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.1s ease;
}

.tvk-upload-btn:hover {
    background: #102b5c;
    transform: translateY(-1px);
}

/* názov vybraného súboru */
.tvk-upload-filename {
    font-size: 0.9rem;
    color: #555c6f;
}

/* pri chybe od Formidable */
.frm_error .tvk-upload-wrapper {
    border-color: #e53935;
}

@media (min-width:1024px){
  #tvk-submenu-bar a,
  #tvk-subsubmenu-bar a,
  #tvk-subsubsubmenu-bar a{
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
  }
}

.header-contact::before{
  display:none !important;
  content:none !important;
}

/* Checkbox container */
.tvk-checkbox-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0 0 0.5rem 0;
    font-size: 0.95rem;
    line-height: 1.35;
}

.tvk-checkbox-wrap input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
}

.tvk-checkbox-label {
    font-weight: 500;
    color: #222;
}

/* PDF link */
.tvk-consent-link {
    display: inline-block;
    margin-top: 0.4rem;
    font-weight: 600;
    font-size: 0.92rem;
    text-decoration: underline;
    color: #163c82;
    transition: color 0.2s ease;
}

.tvk-consent-link:hover {
    color: #0f2a60;
}

/* Hlavný kontajner kariérnej stránky */
.career-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 1.5rem 4rem;
}

/* Nadpisy */
.career-intro h1 {
    font-size: 2.1rem;
    margin-bottom: 1.5rem;
}

.career-highlight h2,
.career-form-section h2 {
    font-size: 1.4rem;
    margin-bottom: 0.75rem;
}

/* Základný text */
.career-intro p,
.career-info p {
    margin-bottom: 0.9rem;
    line-height: 1.6;
}

/* Sekcia "Voľné pozície" – jemný highlight */
.career-highlight {
    margin: 2.5rem 0 1.5rem;
    padding: 1.25rem 1.5rem;
    border-radius: 1rem;
    background: #f4f6fb;
}

.career-tag {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.career-text-small {
    font-size: 0.95rem;
    color: #555e6f;
}

/* Karta s formulárom */
.career-form-section {
    margin-top: 2rem;
}

.career-form-card {
    padding: 2rem 2.25rem;
    border-radius: 1.5rem;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(16, 42, 96, 0.08);
}



/* Trochu priestoru medzi labelmi a inputmi */
.career-form-card .frm_form_field label {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Telefón, email atď – jednotný vzhľad (ak to už téma nerieši) */
.career-form-card input[type="text"],
.career-form-card input[type="email"],
.career-form-card textarea {
    border-radius: 999px;
    border: 1px solid #d0d4e4;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
}



/* Responsívne – na mobile 1 stĺpec */
@media (max-width: 768px) {
    .career-form-card {
        padding: 1.5rem 1.25rem;
    }

    .career-form-card .frm_fields_container {
        grid-template-columns: 1fr;
    }
}

/* ===== PROJEKTY – DETAIL PROJEKTU ===== */

/* celý obsah stránky s projektom */
.project-page {
	max-width: 1100px;
	margin: 0 auto;
	padding: 3rem 1.5rem 4rem;
}

/* drobný text hore: "PROJEKTY" */
.project-breadcrumb {
	font-size: 0.85rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #6b7280;
	margin-bottom: 1.25rem;
}

/* hero – logo programu + názov projektu */
.project-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.4rem;
	margin-bottom: 2.5rem;
}

.project-hero img {
	max-width: 520px;
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 14px 40px rgba(15, 23, 42, .10);
}

.project-hero h1,
.project-hero h2 {
	text-align: center;
	font-size: clamp(1.5rem, 1.1vw + 1.3rem, 1.9rem);
	letter-spacing: .08em;
	text-transform: uppercase;
	margin: 0;
}

/* telo projektu – všetky sekcie pod sebou */
.project-body {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 960px;
}

/* jedna sekcia (Identifikácia, Program, Realizácia, ...) */
.project-section h2,
.project-section h3 {
	font-size: 1.15rem;
	margin: 0 0 .6rem;
}

.project-section p {
	margin: 0 0 .35rem;
	line-height: 1.6;
}

/* label: hodnota – napr. "Kód projektu:" */
.project-section p strong {
	display: inline-block;
	min-width: 180px;              /* šírka stĺpca s labelom */
	font-weight: 600;
	color: #111827;
}

/* sekcie s dlhším textom – cieľ projektu a pod. */
.project-section--goal p,
.project-section--description p {
	max-width: 80ch;
}

/* sekcia „Výška príspevku“ – mierne zvýraznenie čísla */
.project-section--budget p strong + span,
.project-section--budget p strong + text {
	font-weight: 600;
}

/* jemná deliaca linka medzi blokmi (voliteľné) */
.project-section + .project-section {
	padding-top: 1.25rem;
	border-top: 1px solid #e5e7eb;
}

/* responzívne ustúpenie na mobile */
@media (max-width: 768px) {
	.project-page {
		padding: 2.25rem 1rem 3rem;
	}

	.project-section p strong {
		min-width: 0;
		display: block;          /* label nad hodnotou */
		margin-bottom: .1rem;
	}
}

/* ===== ZMLUVY – moderná tabuľka ===== */

.contracts-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 4rem;
}

/* obal tabuľky kvôli horizontálnemu scrollu na mobile */
.contracts-table {
    margin-top: 1.5rem;
    background: #f8fafc;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
    padding: 10px;
    overflow-x: auto;
}

/* samotná tabuľka */
.contracts-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 900px; /* nech sa stĺpce nerozpadnú */
    background: #ffffff;
}

/* hlavička */
.contracts-table thead th {
    padding: 12px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
    background: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
}

/* bunky */
.contracts-table tbody td {
    padding: 10px 10px;
    font-size: 0.9rem;
    line-height: 1.4;
    border-top: 1px solid #eef1f4;
    vertical-align: middle;
}

/* zebra + hover riadkov */
.contracts-table tbody tr:nth-child(even) td {
    background: #fbfcff;
}

.contracts-table tbody tr:hover td {
    background: #f1f5f9;
}

/* stĺpce: detail + ikonky úzke, textové široké */
.contracts-table thead th:first-child,
.contracts-table tbody td:first-child,
.contracts-table thead th:last-child,
.contracts-table tbody td:last-child {
    width: 60px;
    text-align: center;
}

/* číslo zmluvy, dátum, cena – nech sú trochu užšie */
.contracts-table thead th:nth-child(2),
.contracts-table thead th:nth-child(3),
.contracts-table thead th:nth-child(7),
.contracts-table tbody td:nth-child(2),
.contracts-table tbody td:nth-child(3),
.contracts-table tbody td:nth-child(7) {
    white-space: nowrap;
}

/* cena zarovnaná doprava, pekné číslice */
.contracts-table tbody td:nth-child(7) {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ikony detailu / downloadu – mierne zosvetliť */
.contracts-table td i,
.contracts-table td svg {
    opacity: 0.75;
}

/* mobil – menšie paddingy, ľahší tieň */
@media (max-width: 768px) {
    .contracts-page {
        padding: 2rem 1rem 3rem;
    }

    .contracts-table {
        padding: 8px;
        box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
    }

    .contracts-table thead th,
    .contracts-table tbody td {
        padding: 8px 8px;
    }
}

/* ===== ŠTANDARDY KVALITY – text hore, linky pod ním ===== */

.quality-links li {
    margin-bottom: 16px;
    line-height: 1.4;
    list-style: disc;
}

/* VŠETKY odkazy z li na nový riadok pod text */
.quality-links li a {
    display: block;
    padding-left: 18px; /* vizuálne odsadenie pod text */
    margin-top: 4px;
}

/* Prvý odkaz mierne zvýrazníme */
.quality-links li a:first-of-type {
    font-weight: 600;
}

/* farby */
.quality-links a {
    color: #0b4680;
    text-decoration: underline;
    transition: color .2s ease;
}

.quality-links a:hover {
    color: #062e58;
}

/* IBA accordion v bočnom stĺpci – class sidebar-accordion */

/* celý accordion – žiadny rám, žiadne pozadie */
.sidebar-accordion {
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* vnútorný wrap */
.sidebar-accordion .kt-accordion-inner-wrap {
    margin: 0;
    padding: 0;
}

/* jednotlivé panely */
.sidebar-accordion .kt-accordion-pane {
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* hlavička (tá “pilulka”) */
.sidebar-accordion .kt-accordion-header-wrap,
.sidebar-accordion .kt-blocks-accordion-header,
.sidebar-accordion .kt-blocks-accordion-title-wrap,
.sidebar-accordion .kt-blocks-accordion-title-wrap button {
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: left;
    color: #ffffff !important;   /* biela ako ostatné linky */
    font-weight: 500;
}

/* šípka vpravo */
.sidebar-accordion .kt-blocks-accordion-icon-trigger,
.sidebar-accordion .kt-blocks-accordion-icon-trigger svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    margin-left: 6px;
}

/* obsah vnútri accordionu */
.sidebar-accordion .kt-accordion-panel-inner {
    margin: 6px 0 0 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
}

/* linky vo vnútri – ako ostatné položky menu */
.sidebar-accordion .kt-accordion-panel-inner a {
    display: block;
    color: #ffffff !important;
    text-decoration: underline;
    margin: 4px 0;
}
 /* V sidebar accordeone vypnúť všetky hover efekty Kadence */
.sidebar-accordion .kt-accordion-pane:hover,
.sidebar-accordion .kt-accordion-wrap:hover,
.sidebar-accordion .kt-blocks-accordion-header-wrap:hover {
    transform: none !important;
    box-shadow: none !important;
}

.sidebar-accordion .kt-accordion-pane:focus,
.sidebar-accordion .kt-accordion-pane:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Reset typografie v sidebar accordeone */
.sidebar-accordion .kt-blocks-accordion-title,
.sidebar-accordion .kt-blocks-accordion-title-wrap,
.sidebar-accordion .kt-blocks-accordion-title-wrap button {
    font-weight: 500 !important;   /* alebo 400 ak chceš ešte tenšie */
    letter-spacing: 0 !important;
}

/* Sidebar accordion – zrušiť všetky kartové efekty */
.wp-block-kadence-accordion.sidebar-accordion .kt-accordion-pane,
.wp-block-kadence-accordion.sidebar-accordion .kt-accordion-pane:hover {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
    transition: none !important;
}


.sidebar-accordion span{
	text-decoration: underline;
}

/*.space-between-menu-search {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    margin-left: auto !important;
}
/* Povoliť spacer iba pre header */
/*.space-between-menu-search {
    display: block !important;
    flex-grow: 1 !important;
    margin-left: auto !important;
}
/* ===== Spacer medzi menu a search – LEN desktop ===== */

/* =========================================
   RESPONSIVE SPACE BETWEEN MENU & SEARCH
   ========================================= */

/* --- Veľké monitory (≥ 1280px) --- */
/*@media (min-width: 1280px) {
  .space-between-menu-search {
    display: block !important;
    flex-grow: 1 !important;
    margin-left: auto !important;
    min-width: 80px; /* presnejšie rozostupy pre široké obrazovky */
  /*}
}

/* --- Notebooky (960px – 1279px) --- */
/*@media (min-width: 960px) and (max-width: 1279px) {
  .space-between-menu-search {
    display: block !important;
    flex-grow: 1 !important;
    margin-left: auto !important;
    min-width: 40px; /* menšia rezerva medzi menu a search */
  /*}
}

/* --- Tablety na šírku (782px – 959px) --- */
/*@media (min-width: 782px) and (max-width: 959px) {
  .space-between-menu-search {
    display: block !important;
    flex-grow: 1 !important;
    margin-left: auto !important;
    min-width: 20px; /* ešte menšia medzera */
  /*}
}

/* --- Tablety na výšku + mobily (< 782px) --- */
/* tu už menu prebieha do hamburgeru = spacer netreba */
/*@media (max-width: 781px) {
  .space-between-menu-search {
    display: none !important;
  }
}*/
@media (min-width: 782px) {
  .wp-block-navigation__responsive-container-content {
    display: flex;
    align-items: center;
  }

.wp-block-navigation__responsive-container-content > .wp-block-search {
    margin-left: auto;     /* pošle search úplne doprava */
    width: 280px;          /* menší search, ktorý sedí k dizajnu */
    max-width: 280px;      /* nedovolí mu roztiahnuť sa */
  }
}

.wp-block-search__inside-wrapper {
    max-width: 280px !important;
}

@media (min-width: 782px) {

  /* hlavný rad v headeri musí byť flex */
  header.wp-block-template-part .sticky-header .wp-block-group.alignfull > .wp-block-group.alignwide {
      display: flex !important;
      align-items: center;
  }

  /* search vždy úplne vpravo */
  header.wp-block-template-part .sticky-header .wp-block-search {
      margin-left: auto !important;
  }
}




header{
	box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
}





@media (min-width: 1024px) {

  /* pridaj bar4 do rovnakého štýlu ako bar2/bar3 */
  #tvk-submenu-bar,
  #tvk-subsubmenu-bar,
  #tvk-subsubsubmenu-bar{
    display:none;
    justify-content:center;
    align-items:center;
    gap:40px;
    min-height:44px;
    background:#d3ecff;
    border-bottom:1px solid rgba(0,0,0,.03);
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    padding:8px 0;
  }

  #tvk-submenu-bar.is-visible,
  #tvk-subsubmenu-bar.is-visible,
  #tvk-subsubsubmenu-bar.is-visible{
    display:flex;
  }

  body:has(.scroll-sentinel:not(:in-view)) #tvk-submenu-bar,
  body:has(.scroll-sentinel:not(:in-view)) #tvk-subsubmenu-bar,
  body:has(.scroll-sentinel:not(:in-view)) #tvk-subsubsubmenu-bar{
    background:#73b4dd;
  }

  /* linky v pásoch - základ */
  #tvk-submenu-bar a,
  #tvk-subsubmenu-bar a,
  #tvk-subsubsubmenu-bar a{
    position:relative;
    text-decoration:none;
    padding:6px 10px;
    border-radius:999px;
    white-space:nowrap;
    color:inherit;
    transition:background .15s ease, font-weight .15s ease;
  }

  /* “má ďalšiu úroveň” - malý chevron */
  #tvk-submenu-bar a.tvk-has-children::after,
  #tvk-subsubmenu-bar a.tvk-has-children::after{
    content:"▾";
    font-size:.9em;
    margin-left:.45rem;
    opacity:.8;
  }

  /* aktívne položky v bar2/bar3 */
  #tvk-submenu-bar a.tvk-l2-active,
  #tvk-subsubmenu-bar a.tvk-l3-active{
    font-weight:700;
  }

  /* aktívny top-level v hlavnom menu */
  header.wp-block-template-part nav.wp-block-navigation
  .tvk-top-active > .wp-block-navigation-item__content{
    text-decoration:none;
    position:relative;
  }

  header.wp-block-template-part nav.wp-block-navigation
  .tvk-top-active > .wp-block-navigation-item__content::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-6px;
    height:2px;
    opacity:.65;
    border-radius:2px;
  }
}

@media (min-width: 1024px){

  /* 1) úplne vypni WP dropdown kontajnery */
  header.wp-block-template-part .wp-block-navigation
  .wp-block-navigation__submenu-container{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* 2) keď WP pridá otvorený stav (klik/hover), aj tak ho drž skryté */
  header.wp-block-template-part .wp-block-navigation
  .wp-block-navigation-item.open-on-hover-click > .wp-block-navigation__submenu-container,
  header.wp-block-template-part .wp-block-navigation
  .wp-block-navigation-item.has-child[aria-expanded="true"] > .wp-block-navigation__submenu-container,
  header.wp-block-template-part .wp-block-navigation
  .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container{
    display: none !important;
  }

  /* 3) zruš aj “popover” štýl ak ho téma používa */
  header.wp-block-template-part .wp-block-navigation
  .wp-block-navigation__submenu-container.is-menu-open{
    display:none !important;
  }
}
@media (min-width: 1024px){
  header.wp-block-template-part .wp-block-navigation
  .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container{
    display:none !important;
  }
}
@media (min-width: 1024px){

  /* aktívna položka v pásoch */
  #tvk-submenu-bar a.is-active,
  #tvk-subsubmenu-bar a.is-active,
  #tvk-subsubsubmenu-bar a.is-active{
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .18em;
    text-decoration-thickness: 2px;
  }

  /* nech underline nie je aj na hover všetkých, iba na aktívnej (voliteľné) */
  #tvk-submenu-bar a:hover,
  #tvk-subsubmenu-bar a:hover,
  #tvk-subsubsubmenu-bar a:hover{
    text-decoration: none;
  }

  /* ale aktívna nech zostane podčiarknutá aj keď ju hoverneš */
  #tvk-submenu-bar a.is-active:hover,
  #tvk-subsubmenu-bar a.is-active:hover,
  #tvk-subsubsubmenu-bar a.is-active:hover{
    text-decoration: underline;
  }
}

@media (min-width:1024px){

  /* aktívne položky v baroch */
  #tvk-submenu-bar a.tvk-l2-active,
  #tvk-subsubmenu-bar a.tvk-l3-active,
  #tvk-subsubsubmenu-bar a.tvk-l4-active{
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .18em;
    text-decoration-thickness: 2px;
  }

  /* hover môžeš nechať jemný (voliteľné) */
  #tvk-submenu-bar a:hover,
  #tvk-subsubmenu-bar a:hover,
  #tvk-subsubsubmenu-bar a:hover{
    text-decoration: underline;
  }
}










/* CELÁ KARTA – div s triedou cta-card */
.cta-card .elementor-button {
    background-color: #27347E;
    color: #ffffff;
    border-radius: 14px;
    padding: 28px 20px;
    width: 100%;
    border: none;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

/* Nastavenie obsahu tlačidla na vertikálny smer
   (ikona hore, text pod ňou) */
.cta-card .elementor-button-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
}

/* IKONA v bielom kruhu */
.cta-card .elementor-button-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-card .elementor-button-icon i {
    font-size: 22px;
    color: #27347E;
}

/* TEXT POD IKONOU */
.cta-card .elementor-button-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    display: block;
}

/* HOVER EFEKT */
.cta-card .elementor-button:hover {
    background-color: #1f2a68;
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
}

.cta-card .elementor-button-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* FARBA + VEĽKOSŤ IKONY – SVG */
.cta-card .elementor-button-icon svg,
.cta-card .elementor-button-icon .e-font-icon-svg {
    color: #27347E;   /* pre font-ikony */
    fill: #27347E;    /* pre SVG ikony */
    font-size: 22px;
    width: 22px;
    height: 22px;
}
.cta-card.cta-last .elementor-button-icon i,
.cta-card.cta-last .elementor-button-icon svg,
.cta-card.cta-last .elementor-button-icon .e-font-icon-svg {
    color: #D73C3C;
    fill: #D73C3C;
}

/* HLAVNÁ KARTA */
.promo-card {
    background: linear-gradient(135deg, #E5F3FF 0%, #FFFFFF 55%);
    border-radius: 26px;
    padding: 32px 40px;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

/* TEXTOVÁ ČASŤ */
.promo-card .elementor-heading-title {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}

/* BUTTON V KARTE – tmavomodrý #27347E */
.promo-card .elementor-widget-button .elementor-button {
    background-color: #27347E;
    color: #ffffff;
    border-radius: 999px;
    padding: 14px 32px;
    font-weight: 500;
    border: none;
    box-shadow: 0 10px 24px rgba(39, 52, 126, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.promo-card .elementor-widget-button .elementor-button:hover {
    background-color: #1f2a68;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(39, 52, 126, 0.45);
}

/* OBRÁZKOVÁ ČASŤ – fotka vpravo, pekne orezená */
.promo-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 20px;
}

/* karta nech sa nenaťahuje do výšky */
.promo-card{
  align-items: start !important;
  height: auto !important;
  min-height: 0 !important;
}

/* PROMO CARD = Elementor grid container -> override cez premenné */
.promo-card.e-grid{
  /* 2 stĺpce */
  --e-con-grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;

  /* riadky podľa obsahu (žiadne repeat(2, 1fr)) */
  --e-con-grid-template-rows: auto auto !important;
  --e-con-grid-auto-rows: auto !important;

  /* pre istotu aj priamo */
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;

  align-items: start !important;
  align-content: start !important;
}

/* Rozmiestnenie: 1) heading vľavo hore, 2) image vpravo cez 2 riadky, 3) button vľavo dole */
.promo-card.e-grid > .elementor-element:nth-child(1){
  grid-column: 1;
  grid-row: 1;
}

.promo-card.e-grid > .elementor-element:nth-child(2){
  grid-column: 2;
  grid-row: 1 / span 2;      /* obrázok drž vpravo cez obe "linky" */
  align-self: start !important;
  justify-self: end !important;
}

.promo-card.e-grid > .elementor-element:nth-child(3){
  grid-column: 1;
  grid-row: 2;
  justify-self: start !important; /* zruší centrovanie z elementor-align-center */
  align-self: start !important;
}

/* obrázok nech sa správa normálne v pravom stĺpci */
.promo-card.e-grid img{
  width: 100%;
  height: 230px;
  object-fit: cover;
}

/* MOBILE: pod seba */
@media (max-width: 767px){
  .promo-card.e-grid{
    --e-con-grid-template-columns: 1fr !important;
    --e-con-grid-template-rows: auto auto auto !important;
    grid-template-columns: 1fr !important;
  }

  .promo-card.e-grid > .elementor-element:nth-child(2){
    grid-column: 1;
    grid-row: 2;
    justify-self: center !important;
  }

  .promo-card.e-grid > .elementor-element:nth-child(3){
    grid-column: 1;
    grid-row: 3;
    justify-self: center !important;
  }
}



/* RESPONSIVE – na mobile pod sebou, text hore, fotka pod ním */
@media (max-width: 767px) {
    .promo-card {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 24px 20px;
    }

    .promo-card img {
        height: 200px;
        margin-top: 12px;
    }

    .promo-card .elementor-widget-button {
        justify-content: center;
    }
}
/* VŠEOBECNÝ PANEL */
.info-panel {
    background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 65%);
    border-radius: 24px;
    padding: 24px 20px;
    box-shadow: 0 14px 32px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #27347E;
}

/* HLAVIČKA PANELU */
.info-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.info-panel__title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* IKONA V KRUHU */
.info-panel__icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #27347E;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
}

/* TELO PANELU – text z API */
.info-panel__body p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 6px;
}

.info-panel__body hr {
    border: 0;
    border-top: 1px solid rgba(39,52,126,0.18);
    margin: 10px 0;
}

/* ŠPECIFICKÉ ODLIŠENIA ĽAVÝ/PRAVÝ PANEL – ak chceš */
.info-panel--left {
    background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 75%);
}

.info-panel--right {
    background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 75%);
}

/* RESPONSIVE – na mobile pod sebou */
@media (max-width: 1024px) {
    .info-col-left,
    .info-col-center,
    .info-col-right {
        margin-bottom: 20px;
    }
}
/* OBAL STĚREDNÉHO PANELU */
.news-panel {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px 24px 28px;
    box-shadow: 0 14px 32px rgba(0,0,0,0.06);
}

/* HLAVIČKA – nadpis "Aktuality a oznamy" */
.news-panel__head {
    margin-bottom: 16px;
}

.news-panel__title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* ZOZNAM ČLÁNKOV */
.news-panel__list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* JEDEN ČLÁNOK */
.news-item {
    display: flex;
    gap: 14px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.news-item:last-child {
    border-bottom: none;
}

/* OBRÁZOK – ILUSTRAČNÝ */
.news-item__thumb img {
    display: block;
    width: 120px;
    height: 70px;
    object-fit: cover;
    border-radius: 10px;
}

/* TEXTOVÁ ČASŤ */
.news-item__content {
    flex: 1;
}

.news-item__title {
    font-size: 15px;
    margin: 0 0 4px;
    font-weight: 600;
}

.news-item__title a {
    color: #27347E;
    text-decoration: none;
}

.news-item__title a:hover {
    text-decoration: underline;
}

.news-item__meta {
    font-size: 12px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.news-item__excerpt {
    font-size: 13px;
    line-height: 1.4;
}

/* TLAČIDLO "Zistiť všetky" */
.news-panel__more {
    margin-top: 18px;
    text-align: center;
}

.news-panel__more-btn {
    display: inline-block;
    padding: 10px 28px;
    border-radius: 999px;
    background: #27347E;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.news-panel__more-btn:hover {
    background: #1f2a68;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    .news-item {
        flex-direction: column;
    }

    .news-item__thumb img {
        width: 100%;
        height: 160px;
    }
}
/* HLAVNÝ GRID – veľká karta + pravý blok štatistík */
.hero-values-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
    gap: 24px;
    margin-top: 40px;
}

/* =============== ĽAVÁ VEĽKÁ KARTA ================= */

.hero-values-grid > .elementor-element-500b0c0 {
    background-color: #27347E; /* tmavá modrá */
    border-radius: 22px;
    padding: 32px 40px;
    color: #ffffff;
    display: flex;
    align-items: center;
}

/* vnútorný kontajner s heading + textom */
.hero-values-grid > .elementor-element-500b0c0 > .elementor-element-72b2989 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero-values-grid > .elementor-element-500b0c0 .elementor-heading-title {
    font-size: 26px;
    line-height: 1.3;
    margin: 0;
}

.hero-values-grid > .elementor-element-500b0c0 .elementor-widget-text-editor p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* dekoratívny oblúk na pravej strane (ak ho nechceš, tento blok vymaž) */
.hero-values-grid > .elementor-element-500b0c0 {
    position: relative;
}
.hero-values-grid > .elementor-element-500b0c0::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 140px;
    border-top-right-radius: 180px 150px;
    border-bottom-left-radius: 180px 150px;
    border: 2px solid rgba(255,255,255,0.25);
}

/* =============== PRAVÝ BLOK – GRID 2×2 ============== */

/* kontajner, ktorý obsahuje 4 malé karty */
.hero-values-grid > .elementor-element-045a78a {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 24px;
    background: none;
    padding: 0;
}

/* každá z 4 štatistických kariet */
.hero-values-grid > .elementor-element-045a78a > .elementor-element {
    background-color: #0072C9;  /* svetlejšia modrá */
    border-radius: 22px;
    padding: 24px 28px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* biely text istota */
.hero-values-grid > .elementor-element-045a78a > .elementor-element .elementor-heading-title,
.hero-values-grid > .elementor-element-045a78a > .elementor-element p {
    color: #ffffff;
}

/* horný nadpis v kartách (Sme tu už od roku, atď.) */
.hero-values-grid > .elementor-element-045a78a > .elementor-element .elementor-widget-heading:first-of-type .elementor-heading-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

/* veľké číslo (1995, 1997, 4, 56) – druhý heading */
.hero-values-grid > .elementor-element-045a78a > .elementor-element .elementor-widget-heading:last-of-type .elementor-heading-title {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}

/* =============== BUTTON POD BLOKOM ================== */

.hero-values .elementor-widget-button .elementor-button {
    background-color: #27347E;
    border-radius: 999px;
    padding: 12px 40px;
    box-shadow: 0 12px 28px rgba(39, 52, 126, 0.4);
    color: #ffffff;
}
.hero-values .elementor-widget-button .elementor-button:hover {
    background-color: #1f2a68;
}

/* =============== RESPONSIVE ========================= */

@media (max-width: 1024px) {
    .hero-values-grid {
        grid-template-columns: 1fr;
    }

    .hero-values-grid > .elementor-element-045a78a {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .hero-values-grid > .elementor-element-045a78a {
        grid-template-columns: 1fr;
    }
}
/* 1) Zarovnať podnadpis "Obce okresov..." na stred */
.hero-values .elementor-element-a36c64f p {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    color: #27347E; /* ak chceš tiež biely, zmeň na #fff */
}

/* 2) Nadpis "Sme tu, aby sme prinášali hodnotu" – biely text */
.hero-values-grid .elementor-element-500b0c0 
    .elementor-element-72b2989 
    .elementor-heading-title {
    color: #ffffff !important;
}

/* 3) Odsek pod ním – biely text */
.hero-values-grid .elementor-element-500b0c0 
    .elementor-element-7a42303 p {
    color: #ffffff !important;
}

/* Pre istotu, ak Elementor niekde nanúti farbu */
.hero-values-grid .elementor-element-500b0c0,
.hero-values-grid .elementor-element-500b0c0 p,
.hero-values-grid .elementor-element-500b0c0 .elementor-heading-title {
    color: #ffffff !important;
}
.elementor-element.hero-values {
    background: linear-gradient(180deg, #E5F3FF 60%, #FFFFFF 100%) !important;
	border-radius: 22px;
    padding-top: 60px;
    padding-bottom: 60px;
}
/* .elementor-element.hero-values > .e-con-inner {
    background: linear-gradient(180deg, #E5F3FF 0%, #FFFFFF 100%) !important;
    border-radius: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
}
 */
.center p {
    text-align: center;
}

/* CELÝ SPODNÝ BLOK */
.about-stats {
    margin-top: 20px;
}

/* ĽAVÁ MODRÁ KARTA */
.about-stats-main {
    background-color: #27347E;
    border-radius: 22px;
    padding: 32px 40px;
    color: #ffffff;
    display: flex;
    align-items: center;
    position: relative;
}

/* nadpis + text vľavo */
.about-stats-main .elementor-heading-title {
    font-size: 26px;
    line-height: 1.3;
    margin: 0 0 12px;
    color: #ffffff;
}
.about-stats-main p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff;
}

/* dekoratívny oblúk vpravo – môžeš vymazať ak ho nechceš */
.about-stats-main::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 140px;
    border-radius: 80px;
    border: 2px solid rgba(255,255,255,0.25);
}

/* PRAVÁ STRANA – GRID 2×2 */
.about-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 24px;
}

/* MALÉ MODRÉ KARTY */
.about-stats-card {
    background-color: #0072C9;
    border-radius: 22px;
    padding: 24px 28px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* horný text v kartičke (Sme tu už od roku, ...) */
.about-stats-card .elementor-widget-heading:first-of-type .elementor-heading-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px;
    color: #ffffff;
}

/* veľké číslo (1995, 1997, 4, 56) */
.about-stats-card .elementor-widget-heading:last-of-type .elementor-heading-title {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    color: #ffffff;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .about-stats-main {
        margin-bottom: 20px;
    }
    .about-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .about-stats-grid {
        grid-template-columns: 1fr;
    }
}

/* ==== Hlavný modrý blok – pozadie, zaoblenie, padding ==== */
.company-block {
    background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 75%);
    border-radius: 24px;
    padding: 40px 48px 48px;
}

/* veľký nadpis hore – centrovať */
.company-block > .elementor-element.elementor-widget-heading .elementor-heading-title {
    text-align: center;
}


/* ===== Spodné dva stĺpce v karte "Spoločnosť" ===== */
.company-block .company-block-bottom {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid rgba(39,52,126,.18); /* horizontálna linka ako v predlohe */
    
    display: flex;
    flex-direction: column;
    gap: 18px;               /* rozostupy medzi blokmi textu */
    font-size: 15px;
    line-height: 1.7;
}

/* ľavý stĺpec – vertikálna deliaca čiara a odsadenie doprava */
.company-block .company-block-bottom:first-of-type {
    border-right: 1px solid rgba(39,52,126,.18);
    padding-right: 40px;
}

/* pravý stĺpec – odsadenie doľava */
.company-block .company-block-bottom:last-of-type {
    padding-left: 40px;
}

/* nadpisy v spodných stĺpcoch – trošku väčšie a konzistentné */
.company-block .company-block-bottom .elementor-widget-heading .elementor-heading-title {
    font-size: 18px;
    margin-bottom: 6px;
}


/* nadpisy v spodnej časti – trochu väčšie a s rozostupmi */
.company-block-bottom .elementor-widget-heading .elementor-heading-title {
    font-size: 18px;
    margin-bottom: 8px;
}

.company-block-bottom .elementor-widget-text-editor {
    margin-bottom: 18px;
}

/* menšie úpravy na mobile */
@media (max-width: 768px) {
    .company-block {
        padding: 28px 18px 32px;
    }

    .company-block-top,
    .company-block-bottom {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .company-block-bottom > .e-con {
        border-right: none;
        padding-inline: 0;
    }
}
/* CELÁ KARTA HORE (nadpis + odseky) */
.company-top {
    background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 80%);
    border-radius: 26px;
    padding: 22px 50px 20px;   /* ak je stále vysoké, zníž na 24px 60px 24px */
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
}



/* GRID S TEXTAMI POD NADPISOM */
.company-top-grid {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(39,52,126,.15);
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 40px;
}

/* keď pridáš tretí textový widget, automaticky z neho bude 3. stĺpec */
@media (min-width: 1024px) {
    .company-top-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

/* TEXT V STĹPCOCH – väčší a zarovnaný vľavo */
.company-block-top p {
    font-size: 15.5px;
    line-height: 1.8;
    margin: 0;
}

.company-top { padding: 22px 50px 20px; }
.about-stats { margin-top: 20px; }

/* Mobil – menšie paddingy a stĺpce pod seba */
@media (max-width: 768px) {
    .company-top {
        padding: 24px 20px;
    }

    .company-top-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.elementor-element-2c4d180.e-grid {
    --e-con-grid-template-rows: auto auto !important; /* riadky len podľa obsahu */
    align-content: flex-start;                        /* pre istotu pritlač hore */
}
/* spoločný parent – tu daj triedu, ktorú už MÁŠ: .company-block */
.company-block {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
}

/* spodné dva stĺpce = 3. a 4. item */
.company-block > div:nth-child(3),
.company-block > div:nth-child(4) {
    display: flex !important;
    flex-direction: column;
    gap: 22px;
    padding-top: 32px;
}

/* zvislá deliaca čiara medzi stĺpcami */
.company-block > div:nth-child(3) {
    padding-right: 40px;
}
.company-block > div:nth-child(4) {
    padding-left: 40px;
}

/* nadpisy v spodku */
.company-block > div:nth-child(3) .elementor-heading-title,
.company-block > div:nth-child(4) .elementor-heading-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 4px;
}

/* texty */
.company-block > div:nth-child(3) p,
.company-block > div:nth-child(4) p {
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
}

/* ===== VÍZIA SPOLOČNOSTI – modrá karta ===== */

.vision-card {
    background: #27347E;
    border-radius: 26px;
    padding: 36px 64px;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
    gap: 48px;
    align-items: center;
    position: relative;
    box-shadow: 0 18px 40px rgba(0,0,0,.16);
    color: #ffffff;
}

/* biely text vnútri karty */
.vision-card .elementor-heading-title,
.vision-card p {
    color: #ffffff !important;
}

/* ľavý blok – väčší nadpis, trochu užší text */
.vision-card-left .elementor-heading-title {
    font-size: 28px;
    line-height: 1.3;
    margin: 0;
}
.vision-card-left p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}

/* pravý text – normálnejšie písmo */
.vision-card > :not(.vision-card-left) p {
    font-size: 14px;
    line-height: 1.7;
}

/* dekoratívny oblúk v strede */
.vision-card::after {
    content: "";
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translateY(-50%);
    width: 210px;
    height: 260px;
    border-radius: 200px;
    border: 2px solid rgba(255,255,255,.25);
    border-left-color: transparent;
    border-bottom-color: transparent;
}

/* responzívne – na mobile pod sebou, bez oblúka */
@media (max-width: 1024px) {
    .vision-card {
        grid-template-columns: 1fr;
        padding: 28px 22px;
        gap: 26px;
    }

    .vision-card::after {
        display: none;
    }

    .vision-card-left .elementor-heading-title {
        font-size: 24px;
    }
}
.vision-card.e-con-full {
    width: auto !important;              /* zruší 100% šírku od Elementoru */
    max-width: 1200px;                   /* nastav podľa šírky layoutu (napr. 1200 / 1320 / 1400) */
    margin-left: auto !important;        /* vycentrovanie */
    margin-right: auto !important;
}

/* ============================
   LAYOUT – celá dvojstĺpcová sekcia
============================ */
.wastewater-row {
    display: grid;
    grid-template-columns: 1.7fr 1.3fr;
    gap: 32px;
    align-items: stretch;
    margin-top: 40px;
}


/* ============================
   ĽAVÝ TMAVOMODRÝ BOX
============================ */
.wastewater-left {
    background-color: #1F2D75;
    border-radius: 26px;
    padding: 40px 48px;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: space-between;   /* Nadpis hore, text dole */
}


/* Nadpis v ľavom boxe */
.wastewater-left h2 {
    font-size: 26px !important;
    font-weight: 600;
    margin: 0 0 20px;
    line-height: 1.25;
}

/* Popis v ľavom boxe */
.wastewater-left p {
    margin: 0;
    font-size: 16px !important;
    opacity: .9;
}


/* ============================
   PRAVÉ MODRÉ KARTY
============================ */
.wastewater-card {
    background-color: #0072C9;
    border-radius: 22px;
    padding: 26px 32px;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: space-between;   /* Nadpis hore, "Nájdete tu" dole */
    min-height: 150px;
}

/* Nadpis v pravých kartách */
.wastewater-card h2 {
    font-size: 20px !important;
    font-weight: 600;
    margin: 0 0 14px;
    line-height: 1.35;
}

/* "Nájdete tu" v pravých kartách */
.wastewater-card .find-text {
    margin-top: auto;
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1.1;
}


/* ============================
   RESPONSIVE
============================ */
@media (max-width: 1024px) {
    .wastewater-row {
        grid-template-columns: 1fr;
    }

    .wastewater-left {
        margin-bottom: 20px;
    }
}
.wastewater-left *,
.wastewater-card * {
    color: #ffffff !important;
}
.wastewater-row {
    display: grid;
    grid-template-columns: 1.6fr 1.4fr;
    align-items: stretch;
    gap: 40px;
}
.wastewater-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.wastewater-left {
    background-color: #1F2D75;
    border-radius: 26px;
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Nadpis hore, text dole */
    min-height: 320px;
}
.wastewater-left p {
    margin-top: auto;
}
/* ===== CELÁ SEKCIA – menší odstup od vrchu a od nadpisu ===== */
/* daj na rodičovský kontajner class="wastewater-section" */
.wastewater-section {
    padding-top: 20px !important;   /* menší odstup od sekcie nad tým */
    padding-bottom: 40px;
}

/* zruší brutálny padding medzi hornou časťou a boxmi */
.wastewater-section .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* medzera medzi horným textom a riadkom s boxmi */
.wastewater-row {
    margin-top: 24px !important;    /* namiesto obrovského priestoru */
    
    display: grid;
    grid-template-columns: 1.6fr 1.4fr; /* ľavý veľký, pravá časť menšia */
    gap: 32px;
    align-items: stretch;           /* vrchy aj spodky zarovno */
}


/* ===== ĽAVÝ VEĽKÝ TMAVÝ BOX ===== */

.wastewater-left {
    background-color: #1F2D75;
    border-radius: 26px;
    padding: 40px 48px;
    color: #ffffff;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* nadpis hore, text úplne dole */
    min-height: 260px;              /* výška, aby sedela s pravou stranou */
    height: 100%;
}

.wastewater-left *,
.wastewater-card * {
    color: #ffffff !important;
}

.wastewater-left h2 {
    margin: 0 0 18px;
    font-size: 26px !important;
    font-weight: 600;
}

.wastewater-left p {
    margin-top: auto;
    font-size: 16px !important;
    opacity: 0.9;
}


/* ===== PRAVÝ STĹPEC S MALÝMI BOXMI ===== */

.wastewater-right {
    display: grid;
    grid-template-columns: 1fr 1fr;  /* horný rad: 2 karty vedľa seba */
    grid-template-rows: 1fr 1fr;     /* dva riadky rovnakej výšky */
    gap: 24px;
    height: 100%;                    /* nech stĺpec dorovná výšku ľavého boxu */
}

/* spodný modrý box nech ide cez celú šírku */
.wastewater-right > .wastewater-card:last-child {
    grid-column: 1 / -1;
}

/* samotná kartička */
.wastewater-card {
    background-color: #0072C9;
    border-radius: 22px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;  /* nadpis hore, „Nájdete tu“ dole */
    min-height: 120px;
    height: 100%;
}

.wastewater-card h2 {
    margin: 0 0 12px;
    font-size: 20px !important;
    font-weight: 600;
}

.wastewater-card .find-text {
    margin-top: auto;
    font-size: 22px !important;
    font-weight: 700;
}


/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .wastewater-row {
        grid-template-columns: 1fr;
    }
    .wastewater-right {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .wastewater-right > .wastewater-card:last-child {
        grid-column: auto;
    }
}
/* ===== SEKCIA "Odvádzanie a čistenie odpadových vôd" ===== */

/* hlavný kontajner sekcie */
.wastewater-block {
    padding-top: 20px !important;    /* menší odstup od sekcie nad tým */
    padding-bottom: 40px !important;
}

/* zrušiť extra padding vo vnútri kontajnera */
.wastewater-block > .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    row-gap: 24px !important;        /* rozostup medzi hornou časťou a boxmi */
    align-content: flex-start;
}

/* riadok s veľkým a malými boxmi – žiadny extra margin ani min-height */
.wastewater-row {
    margin-top: 0 !important;
    min-height: auto !important;

    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
    column-gap: 32px;
    align-items: stretch;            /* vrchy aj spodky zarovno */
}

/* ===== ĽAVÝ VEĽKÝ TMAVÝ BOX ===== */

.wastewater-left {
    background-color: #1F2D75;
    border-radius: 26px;
    padding: 36px 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;  /* nadpis hore, text dole */
    height: 100%;
}

/* nadpis vľavo hore */
.wastewater-left .elementor-heading-title {
    margin: 0 0 18px;
    font-size: 26px !important;
    font-weight: 600;
}

/* malý text úplne pri spodku */
.wastewater-left .elementor-widget-text-editor p {
    margin-top: auto;
    font-size: 16px !important;
}

/* ===== PRAVÁ STRANA – GRID MALÝCH BOXOV ===== */

.about-stats-right {
    display: grid;
    grid-template-rows: 1fr 1fr;   /* horný rad + spodný rad */
    row-gap: 24px;
    height: 100%;
}

/* horný rad – 2 karty vedľa seba */
.about-stats-right-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
}

/* spodná karta ide cez celú šírku */
.about-stats-right > .elementor-element-7e19c65 {
    grid-row: 2;
}

/* samotné malé modré karty */
.wastewater-card {
    background-color: #0072C9;
    border-radius: 22px;
    padding: 24px 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* nadpis hore, "Nájdete tu" dole */
    height: 100%;
}

/* nadpis hore v malej karte */
.wastewater-card .elementor-heading-title {
    margin: 0 0 10px;
    font-size: 18px !important;
    font-weight: 600;
}

/* text "Nájdete tu" úplne dole a väčší */
.wastewater-card p.elementor-heading-title {
    margin-top: auto;
    font-size: 20px !important;
    font-weight: 700;
}

/* ===== VŠETKY TEXTY V BOXOCH – BIELE ===== */

.wastewater-left *,
.about-stats-right *,
.wastewater-card * {
    color: #ffffff !important;
}

/* ===== RESPONSIVE – pod sebou na menších displejoch ===== */

@media (max-width: 1024px) {
    .wastewater-row {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .about-stats-right {
        grid-template-rows: auto;
    }

    .about-stats-right-top {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   TVK helper – zruši "nafúknutý" Elementor grid
   ========================================= */

/* Použiješ na ľubovoľný .e-grid kontajner v Elementore */
.tvk-grid-auto-rows.e-grid {
    /* miesto repeat(1, 1fr) -> riadok(riadky) podľa obsahu */
    --e-con-grid-template-rows: auto auto !important;

    /* ak mal kontajner nejaké min-height / natiahnutie, zrušíme */
    --min-height: 0px !important;
    min-height: auto !important;

    align-content: flex-start !important;
    row-gap: 24px !important;   /* normálna medzera medzi horným textom a spodkom */
}

/* deti vo vnútri – nech nemajú extra marginy hore/dole */
.tvk-grid-auto-rows.e-grid > .e-con,
.tvk-grid-auto-rows.e-grid > .elementor-element {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
.wastewater-row {
    display: grid;
    grid-template-columns: 1.6fr 1.4fr;
    align-items: stretch;
    gap: 32px;
}
/* LEFT BOX: nadpis hore, text úplne dole */
.wastewater-left{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;          /* musí mať výšku, aby bolo kam tlačiť */
}

/* Elementor obal text widgetu nech sa vytlačí dole */
.wastewater-left .elementor-widget-text-editor{
  margin-top:auto !important;
}

/* aby Elementor nenechal nejaké default marginy ktoré to “zdvihnú” */
.wastewater-left .elementor-widget-text-editor p{
  margin:0 !important;
}

/* ===== PRAVÉ KARTY – TYPOGRAFIA ===== */

/* HLAVNÝ NADPIS KARTY */
.wastewater-card h2.elementor-heading-title{
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

/* "Nájdete tu" – menšie a dole */
.wastewater-card p.elementor-heading-title{
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.2;
    margin-top: auto !important;   /* zatlačí dole */
}
ne-height:1.2 !important;
}

/* ===== ĽAVÝ VEĽKÝ BOX – spodný text úplne dole + doľava ===== */

.wastewater-left{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  align-items: stretch !important;      /* nič nech sa necentruje */
}

/* Textový widget (Elementor) pošli úplne dole */
.wastewater-left .elementor-widget-text-editor{
  margin-top: auto !important;          /* najdôležitejšie */
  align-self: flex-start !important;    /* doľava */
  width: 100% !important;
  text-align: left !important;
}

/* Samotné <p> v texte */
.wastewater-left .elementor-widget-text-editor p{
  margin: 0 !important;
  text-align: left !important;
}

/* Ak by Elementor centroval aj nadpis, nechaj ho vľavo */
.wastewater-left .elementor-widget-heading{
  align-self: flex-start !important;
  width: 100% !important;
  text-align: left !important;
}

.about-text{
	margin: 0 20px 0 20px;
}
.gap-32{
	gap: 32px
}

.tvk-grid-auto-rows{
	background: white;
	border-radius: 20px;
}
/* === BOX GRID (obal) === */
.boxes{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

/* tablet */
@media (max-width: 1024px){
  .boxes{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* mobil */
@media (max-width: 640px){
  .boxes{ grid-template-columns: 1fr; }
}

/* === JEDNA KARTA (malý box) === */
.boxes > .e-con.e-child{
  background: #F0F0F0;
  border-radius: 13px;
  padding: 22px 22px 20px;
  min-height: 150px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
  box-shadow: 0 10px 26px rgba(15,23,42,.06);

  /* dôležité: zruš grid správanie vnútri karty */
  --e-con-display: flex !important;
}

/* ikonka hore */
.boxes > .e-con.e-child .elementor-widget-icon{
  margin: 0 !important;
}
.boxes > .e-con.e-child .elementor-icon{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* veľkosť SVG v ikone */
.boxes > .e-con.e-child .elementor-icon svg{
  width: 20px;
  height: 20px;
}

/* text (tvoje <p class="elementor-heading-title">...) */
.boxes > .e-con.e-child .elementor-heading-title{
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  color: #111827 !important;

  /* aby sa slová nerozťahovali / nelámali divne */
  text-align: left !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}

/* ak by Elementor niekde natlačil "wide" šírky, tak to drž na uzde */
.boxes > .e-con.e-child *{
  max-width: 100%;
}

/* CARD */
.contact-stat-card{
  background:#0578BE;
  border-radius:26px;           /* väčší radius */
  padding:28px 32px;            /* rovnomerný padding */
  color:#fff;
  position:relative;
}

/* IKONA hore - ako blok */
.contact-stat-card::before{
  content:"\f017";              /* FA clock */
  font-family:"Font Awesome 5 Free";
  font-weight:900;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:#fff;

  margin:0 0 14px 0;           /* odstup pod ikonou */
}

/* TABUĽKA pod ikonou */
.contact-stat-card > table{
  width:100%;
  border-collapse:collapse;
  margin:0;                    /* žiadne nalepenie/extra odsadenie */
}

/* bunky */
.contact-stat-card td{
  padding:4px 0;
  color:#fff;
  font-size:15px;
  line-height:1.4;
}

/* pravý stĺpec zarovnať doprava */
.contact-stat-card td:last-child{
  text-align:right;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
/* =============== PHONE =============== */
.contact-stat-phone::before{
  content:"\f095";              /* FA phone */
  font-family:"Font Awesome 5 Free";
  font-weight:900;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:#fff;

  margin:0 0 14px 0;            /* rovnaký odstup ako pri table */
}

/* =============== MAIL =============== */
.contact-stat-mail::before{
  content:"\f0e0";              /* FA envelope */
  font-family:"Font Awesome 5 Free";
  font-weight:900;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:#fff;

  margin:0 0 14px 0;
}

/* istota: text pod ikonou */
.contact-stat-phone .elementor-heading-title,
.contact-stat-mail .elementor-heading-title{
  margin:0;
  color:#fff;
}

/* ====== FAQ Accordion scope (daj class na sekciu: faq-accordion) ====== */

/* karta */
.faq-accordion details.e-n-accordion-item{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
  overflow:hidden;            /* nech radius funguje aj pri open */
}

/* header (otázka) */
.faq-accordion summary.e-n-accordion-item-title{
  list-style:none;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  padding:18px 18px;
}

/* zruš šípku pri summary */
.faq-accordion summary.e-n-accordion-item-title::-webkit-details-marker{ display:none; }
.faq-accordion summary.e-n-accordion-item-title::marker{ content:""; }

/* text otázky */
.faq-accordion .e-n-accordion-item-title-text{
  font-size:16px;
  font-weight:600;
  line-height:1.35;
  color:#1d2b57; /* tmavomodrý text ako na screenshote */
}

/* ikonka vpravo = modré koliečko */
.faq-accordion .e-n-accordion-item-title-icon{
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#1d2b57; /* modrá bodka */
  display:flex;
  align-items:center;
  justify-content:center;
}

/* svg v ikonke */
.faq-accordion .e-n-accordion-item-title-icon svg{
  width:14px;
  height:14px;
  fill:#fff;
  display:block;
}

/* zobraz len správnu ikonku podľa stavu */
.faq-accordion details:not([open]) .e-opened{ display:none; }
.faq-accordion details[open] .e-closed{ display:none; }

/* obsah (odpoveď) */
.faq-accordion details .e-con{
  padding:0 18px 18px 18px;
}

/* trochu oddeliť odpoveď od otázky */
.faq-accordion details[open] summary{
  padding-bottom:10px;
}

/* text odpovede */
.faq-accordion .elementor-widget-text-editor p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#6b7280; /* jemná sivá */
}

/* linky v odpovedi */
.faq-accordion .elementor-widget-text-editor a{
  color:#0578BE;
  text-decoration:underline;
}
.faq-accordion .e-n-accordion-item-title-icon svg{
  fill:#fff !important;
  color:#fff !important;
}

/* ===== Modern FAQ accordion (Elementor nested accordion) ===== */
.faq-accordion .e-n-accordion{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* celý item ako karta */
.faq-accordion details.e-n-accordion-item{
  background:#fff;
  border:1px solid rgba(17, 24, 39, .10);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(17, 24, 39, .06);
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}

/* hover jemne „zdvihne“ */
.faq-accordion details.e-n-accordion-item:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 38px rgba(17, 24, 39, .10);
  border-color:rgba(5,120,190,.28);
}

/* hlavička */
.faq-accordion summary.e-n-accordion-item-title{
  padding:18px 18px;
  list-style:none;
  cursor:pointer;
  outline:none;
}

/* vypnúť default marker */
.faq-accordion summary.e-n-accordion-item-title::-webkit-details-marker{ display:none; }

/* text otázky */
.faq-accordion .e-n-accordion-item-title-text{
  font-weight:700;
  font-size:16px;
  line-height:1.35;
  color:#0F172A;
}

/* ikonka vpravo (kruh) */
.faq-accordion .e-n-accordion-item-title-icon{
  width:40px;
  height:40px;
  min-width:40px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#1E2C6B;                 /* môžeš nechať aj tvoju pôvodnú */
  transition:transform .18s ease, filter .2s ease;
}

/* biele plus/mínus */
.faq-accordion .e-n-accordion-item-title-icon svg{
  width:18px;
  height:18px;
  fill:#fff !important;
  color:#fff !important;
}

/* pri otvorení otoč jemne ikonku */
.faq-accordion details[open] .e-n-accordion-item-title-icon{
  transform:rotate(180deg);
}

/* otvorený stav – jemný highlight v hlavičke */
.faq-accordion details[open] > summary{
  background:linear-gradient(90deg, rgba(5,120,190,.08), rgba(5,120,190,0));
}

/* telo odpovede */
.faq-accordion [role="region"]{
  padding:0 18px 18px 18px;
}

/* oddelovač medzi otázkou a odpoveďou */
.faq-accordion details[open] [role="region"]{
  border-top:1px solid rgba(17, 24, 39, .08);
  padding-top:14px;
}

/* text odpovede */
.faq-accordion .elementor-widget-text-editor p{
  margin:0;
  color:#475569;
  font-size:14.5px;
  line-height:1.7;
}

/* linky v odpovedi */
.faq-accordion .elementor-widget-text-editor a{
  color:#0578BE;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* focus ring – keď sa tabuje */
.faq-accordion summary.e-n-accordion-item-title:focus-visible{
  box-shadow:0 0 0 3px rgba(5,120,190,.25);
  border-radius:16px;
}
/* ===== VÝKOPY – moderné karty s tabuľkou ===== */
.vykopy-section{
  background: #fff;
  border-radius: 26px;
  padding: 44px 52px;
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
}

/* menšie vnútorné rozostupy medzi mestami */
.vykopy-section .vykopy-city{
  margin: 0 0 44px 0;
}
.vykopy-section .vykopy-city:last-child{
  margin-bottom: 0;
}

/* názov mesta */
.vykopy-city .elementor-heading-title{
  margin: 0 0 14px 0;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none; /* ak chceš uppercase, daj uppercase */
  color: #1d2b57;
}

/* obal tabuľky */
.vykopy-table table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

/* riadky – jemné linky */
.vykopy-table td{
  padding: 14px 0;
  border-bottom: 1px solid rgba(15,23,42,.08);
  font-size: 14.5px;
  color: #334155;
}
.vykopy-table tr:last-child td{
  border-bottom: 0;
}

/* stĺpce */
.vykopy-table td:nth-child(1){
  width: 130px;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
}

.vykopy-table td:nth-child(2){
  color: #475569;
}

.vykopy-table td:nth-child(3){
  width: 140px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: #64748b;
  white-space: nowrap;
}

/* ===== prázdny blok (keď tabuľka nie je) ===== */
.vykopy-city.is-empty::after{
  content: "Momentálne bez záznamov.";
  display: block;
  padding: 14px 0 0 0;
  color: #64748b;
  font-size: 14.5px;
}

/* Bonus: ak by si raz mal table, ale prázdne tbody */
.vykopy-city:has(table) table:has(tbody:empty)::after{
  content: "Momentálne bez záznamov.";
  display: block;
  padding-top: 14px;
  color: #64748b;
  font-size: 14.5px;
}

/* responsive padding */
@media (max-width: 768px){
  .vykopy-section{ padding: 26px 18px; border-radius: 20px; }
  .vykopy-table td{ padding: 12px 0; }
}
.vykopy-section .vykopy-city .elementor-widget-heading{
  margin-bottom: 4px !important;
}

/* FIX: grid nech sa NESNAŽÍ naťahovať riadky */
.vykopy-section.e-grid{
  --e-con-grid-template-rows: auto !important;  /* Elementor variable */
  grid-auto-rows: auto !important;
  align-content: start !important;
  row-gap: 12px !important;                     /* zmenši medzeru */
}

.vykopy-section.e-grid {
  grid-auto-rows: auto !important;
  align-items: start !important;
  align-content: start !important;
}

.vykopy-section {
  --e-con-grid-template-rows: auto !important;
  --e-con-grid-auto-rows: auto !important;
}
/* FIX: grid vnútri mesta nech má riadky podľa obsahu (heading nebude rásť podľa tabuľky) */
.vykopy-city.e-grid{
  --e-con-grid-template-rows: auto auto !important; /* 1. riadok = heading, 2. riadok = tabuľka */
  grid-auto-rows: auto !important;
  align-content: start !important;
  align-items: start !important;
  row-gap: 10px !important;
}

/* istota: heading nech nemá veľké spodné marginy */
.vykopy-city .elementor-widget-heading{
  margin: 0 !important;
}
.vykopy-city .elementor-heading-title{
  margin: 0 !important;
}

/* istota: tabuľkový widget nech sa neprilepí extra medzerami */
.vykopy-city .vykopy-table{
  margin: 0 !important;
}
/* =========================
   AKTUALITY – ZOZNAM S MALÝMI OBRÁZKAMI
   ========================= */

/* 2 stĺpce vedľa seba */
.aktuality-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 32px;
  margin: 20px 0;
}

/* mobil = 1 stĺpec */
@media (max-width: 900px){
  .aktuality-grid{
    grid-template-columns: 1fr;
  }
}

/* jeden riadok novinky */
.aktualita-card{
  display: flex;
  align-items: flex-start;
  gap: 16px;

  padding: 16px 0;
  border-bottom: 1px solid #e5e7eb;
}

/* malý obrázok ako ikona */
.aktualita-thumb{
  flex: 0 0 120px;
  max-width: 120px;
  border-radius: 10px;
  overflow: hidden;
  background: #eef3fb;
}

.aktualita-thumb-img{
  width: 100%;
  height: auto;              /* ⬅️ nech sa prispôsobí textu */
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* keď článok nemá obrázok */
.aktualita-thumb--empty{
  background: linear-gradient(135deg, #e8f1ff, #f4f6f9);
}

/* textová časť */
.aktualita-body{
  flex: 1;
  min-width: 0;
}

.aktualita-title{
  margin: 0 0 4px;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
}

.aktualita-title a{
  color: #1b2a6b;
  text-decoration: none;
}

.aktualita-title a:hover{
  text-decoration: underline;
}

.aktualita-meta{
  font-size: 0.8rem;
  color: #6b7280;
  margin-bottom: 6px;
}

.aktualita-excerpt{
  font-size: 0.88rem;
  color: #111827;
  line-height: 1.45;
  margin-bottom: 6px;
}

/* link „Zistiť viac“ */
.aktualita-actions{
  margin-top: 2px;
}

.aktualita-btn{
  font-size: 0.8rem;
  font-weight: 600;
  color: #0b4680;
  text-decoration: none;
}

.aktualita-btn:hover{
  text-decoration: underline;
}
/* =========================
   AKTUALITY – white card look
   ========================= */

.aktualita-card-inner{
  display: flex;
  align-items: flex-start;
  gap: 16px;

  background: #ffffff;
  border-radius: 16px;
  padding: 16px 18px;

  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  transition: box-shadow .2s ease, transform .2s ease;
}

/* jemný hover efekt */
.aktualita-card-inner:hover{
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.10);
  transform: translateY(-2px);
}
/* =========================
   AKTUALITY – JEDNA VEĽKÁ KARTA
   ========================= */

.aktuality-box{
  background: #ffffff;
  border-radius: 20px;
  padding: 24px 28px;

  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
}

/* grid vnútri karty */
.aktuality-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 32px;
}

/* mobil = jeden stĺpec */
@media (max-width: 900px){
  .aktuality-grid{
    grid-template-columns: 1fr;
  }
}

#tvk-subsubsubmenu-bar {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 10px 0;
}

#tvk-subsubsubmenu-bar:not(.is-visible) {
  display: none;
}
/* ===== DOWNLOAD BAR (Elementor text link) ===== */

.elementor-widget-text-editor p > em > a{
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  padding: 14px 18px;
  margin-top: 8px;

  background: #27357a;        /* tmavá modrá */
  color: #fff !important;

  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 600;
}

/* pravá časť – „Stiahnuť PDF“ */
.elementor-widget-text-editor p > em > a::after{
  content: "Stiahnuť PDF";
  display: inline-flex;
  align-items: center;
  gap: 8px;

  font-size: 0.9rem;
  opacity: 0.95;
}

/* ikonka download */
.elementor-widget-text-editor p > em > a::after{
  padding-right: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zm7-18-5 5h3v6h4V7h3l-5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px;
}

/* hover */
.elementor-widget-text-editor p > em > a:hover{
  background: #1f2a63;
}
.elementor-widget-text-editor em{
  font-style: normal;
}
/* FIX: grid riadky podľa obsahu, nie 1fr */
.tvk-grid-no-stretch.e-grid{
  --e-con-grid-auto-rows: auto !important;
  --e-con-grid-template-rows: auto !important;

  grid-auto-rows: auto !important;
  align-content: start !important;
  align-items: start !important;
}

/* Deti nech sa nenatiahnú na výšku riadku */
.tvk-grid-no-stretch.e-grid > .e-con,
.tvk-grid-no-stretch.e-grid > .elementor-element{
  height: auto !important;
  align-self: start !important;
}
/* ==========================
   MODERN TABLE – TVK štýl
   použitie: class="modern-table"
   ========================== */

.wp-block-table.modern-table{
  margin: 24px 0;
  background: #f8fafc;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
  padding: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* samotná tabuľka */
.wp-block-table.modern-table table{
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  background: #ffffff;
}

/* HLAVIČKA */
.wp-block-table.modern-table thead th{
  padding: 12px 10px;
  text-align: left;
  font-weight: 600;
  font-size: 0.9rem;
  color: #0b4680;
  background: #eef5fb;
  border-bottom: 1px solid #dbe7f3;
  white-space: nowrap;
}

/* BUNKY */
.wp-block-table.modern-table tbody td{
  padding: 10px 10px;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #0f172a;
  border-top: 1px solid #eef1f4;
  vertical-align: middle;
}

/* ZEBRA */
.wp-block-table.modern-table tbody tr:nth-child(even) td{
  background: #fbfdff;
}

/* HOVER */
.wp-block-table.modern-table tbody tr:hover td{
  background: #f1f6fb;
}

/* prvý + posledný stĺpec (ikony / akcie) */
.wp-block-table.modern-table thead th:first-child,
.wp-block-table.modern-table tbody td:first-child,
.wp-block-table.modern-table thead th:last-child,
.wp-block-table.modern-table tbody td:last-child{
  width: 60px;
  text-align: center;
}

/* dátum, číslo zmluvy, cena – nowrap */
.wp-block-table.modern-table thead th:nth-child(2),
.wp-block-table.modern-table thead th:nth-child(3),
.wp-block-table.modern-table thead th:nth-child(7),
.wp-block-table.modern-table tbody td:nth-child(2),
.wp-block-table.modern-table tbody td:nth-child(3),
.wp-block-table.modern-table tbody td:nth-child(7){
  white-space: nowrap;
}

/* cena doprava + pekné čísla */
.wp-block-table.modern-table tbody td:nth-child(7){
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #0b4680;
}

.leaf {
  width: 280px;
  height: 160px;
  background: #0c7cc1;
  border-top-right-radius: 180px 150px;
  border-bottom-left-radius: 180px 150px;
	transform: scale(0.6) rotate(-6deg);
}
.outline-leaf {
  width: 280px;
  height: 160px;

  background: transparent;              /* žiadna výplň */
  border: 3px solid #0c7cc1;             /* rovnaká farba ako pôvodný list */

  border-top-left-radius: 180px 150px;
  border-bottom-right-radius: 180px 150px;
  transform: scale(0.5) rotate(12deg);
  box-sizing: border-box;
}

.leaf,
.outline-leaf {
  position: absolute;
  width: 280px;
  height: 160px;
  transform-origin: top;
  z-index: 1;
  pointer-events: none;
}


/* mobil */
@media (max-width: 768px){
  .wp-block-table.modern-table{
    padding: 8px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
  }

  .wp-block-table.modern-table thead th,
  .wp-block-table.modern-table tbody td{
    padding: 8px;
  }
}
@media (max-width: 1800px) {

  /* iba keď má bar2 túto triedu, tak povoľ wrap */
  #tvk-submenu-bar.is-visible.tvk-wrap-2rows{
    flex-wrap: wrap !important;
    row-gap: 10px;
  }

}

.footer-wrap{
  position: relative;
  overflow: visible;
}

/* kontajner lístkov */
.footer-wrap .footer-leaves{
  position: absolute;
  left: 24px;      /* posun od ľavého okraja footeru */
  top: -36px;      /* nech to pekne trčí nad footer */
  width: 220px;
  height: 180px;
  pointer-events: none;
  z-index: 3;
}

/* spoločné */
.footer-wrap .footer-leaves .leaf,
.footer-wrap .footer-leaves .outline-leaf{
  position: absolute;
  width: 280px;
  height: 160px;
}

/* plný list – hlavný */
.footer-wrap .footer-leaves .leaf{
  background: #0c7cc1;

  border-top-right-radius: 180px 150px;
  border-bottom-left-radius: 180px 150px;

  left: 0px;
  top: 52px;
  transform: scale(.48);

  filter: drop-shadow(0 12px 20px rgba(0,0,0,.12));
}

/* obrys – jemne v pozadí, vyššie */
.footer-wrap .footer-leaves .outline-leaf{
  background: transparent;
  border: 2px solid #0c7cc1;
  opacity: .75;

  border-top-left-radius: 180px 150px;
  border-bottom-right-radius: 180px 150px;

  left: 92px;
  top: 2px;
  transform: scale(.48);
}

@media (max-width: 520px){
  .footer-wrap .footer-leaves{ display:none; }
}

.footer-wrap .footer-leaves{
  position: absolute;
  top: -120px;      /* 🔼 POSUN HORE – uprav číslo podľa chuti */
  left: 20px;       /* nech ostanú pri ľavom okraji */
  z-index: 3;
}



/* ===== Sticky footer (FSE / block themes) ===== */
html, body {
  height: 100%;
}

body {
  min-height: 100vh;
}

/* hlavný obal celej stránky */
.wp-site-blocks{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* hlavný obsah nech zaberie voľné miesto */
.wp-site-blocks > main{
  flex: 1 0 auto;
}

/* footer nech ostane na spodku a nezmršťuje sa */
.wp-site-blocks > footer{
  flex-shrink: 0;
}

/* ==========================
   FIX: Elementor e-grid robí obrovské prázdno
   (cielené na konkrétne kontajnery)
   ========================== */

/* hlavný obal zo snippet-u */
.elementor-element-db15a80.e-grid{
  /* zruš natiahnuté grid riadky */
  --e-con-grid-template-rows: auto !important;
  --e-con-grid-auto-rows: auto !important;

  grid-template-rows: auto !important;
  grid-auto-rows: auto !important;

  align-content: start !important;
  align-items: start !important;
}

/* všetky priame deti v tom zozname (jednotlivé položky) */
.elementor-element-db15a80.e-grid > .e-con.e-child{
  --e-con-grid-template-rows: auto !important;
  --e-con-grid-auto-rows: auto !important;

  grid-template-rows: auto !important;
  grid-auto-rows: auto !important;

  align-content: start !important;
  align-items: start !important;

  min-height: 0 !important;
  height: auto !important;
}

/* aby heading a link netvorili extra “blokové” medzery */
.elementor-element-db15a80 .elementor-widget{
  margin: 0 !important;
}

.elementor-element-db15a80 .elementor-heading-title{
  margin: 0 0 8px 0 !important;
}

.elementor-element-db15a80 .elementor-widget-text-editor p{
  margin: 0 !important;
}
/* ==========================
   WATER PRICES – table facelift
   scope: .water-prices
   ========================== */

.water-prices .wp-block-table{
  background:#f8fafc;
  border:1px solid #e6e8ec;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  padding:10px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin: 14px 0 26px;
}

/* samotná tabuľka */
.water-prices .wp-block-table table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  background:#fff;
  min-width: 760px; /* nech sa na mobile nerozpadne */
}

/* hlavička */
.water-prices .wp-block-table table tr:first-child td,
.water-prices .wp-block-table table thead th{
  background:#eef5fb;
  color:#0b4680;
  font-weight:700;
  font-size:.92rem;
  border-bottom:1px solid #dbe7f3;
}

/* bunky */
.water-prices .wp-block-table td,
.water-prices .wp-block-table th{
  padding:12px 12px;
  border-top:1px solid #eef1f4;
  vertical-align: top;
  font-size:.92rem;
  line-height:1.45;
  color:#0f172a;
}

/* zebra riadky (okrem „hlavičky“) */
.water-prices .wp-block-table tbody tr:nth-child(even) td{
  background:#fbfdff;
}

/* hover */
.water-prices .wp-block-table tbody tr:hover td{
  background:#f1f6fb;
}

/* čísla nech sú pekne zarovnané */
.water-prices .wp-block-table td:nth-child(n+2){
  font-variant-numeric: tabular-nums;
}

/* rowspan bunky – aby nepôsobili "odtrhnuto" */
.water-prices .wp-block-table td[rowspan]{
  vertical-align: middle !important;
  text-align: center;
  font-weight: 700;
  background: #ffffff;
}

/* mobile: menšie paddingy + menší min-width */
@media (max-width: 768px){
  .water-prices .wp-block-table{ padding:8px; border-radius:14px; }
  .water-prices .wp-block-table table{ min-width: 680px; }
  .water-prices .wp-block-table td,
  .water-prices .wp-block-table th{ padding:10px 10px; }
}
/* ==========================
   WATER PRICES – link styling
   ========================== */

.water-prices a{
  color: #0b4680;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(11,70,128,.25);
  padding-bottom: 1px;
  transition: all .15s ease;
}

/* hover */
.water-prices a:hover{
  color: #062f57;
  border-bottom-color: #062f57;
}

/* odkazy v texte – nech sa pekne zalomia */
.water-prices p a{
  word-break: break-word;
}

/* externé odkazy / PDF – jemná ikonka */
.water-prices a[target="_blank"]::after{
  font-size: .85em;
  opacity: .65;
}

/* odkazy priamo v tabuľkách */
.water-prices .wp-block-table a{
  font-weight: 700;
  border-bottom-style: dashed;
}

/* keď je link sám v riadku (typicky „tu“) */
.water-prices p > a:only-child{
  display: inline-block;
  margin-top: 4px;
}
.tvk-table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tvk-table th,
.tvk-table td{
  display: table-cell !important;
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
}

.tvk-table th{
  font-weight: 700;
}

.tvk-table td:nth-child(3){
  word-break: break-word; /* aby sa email nelámal mimo */
}
  .tvk-form-wrap{
    max-width: 980px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #000;
  }

  .tvk-table{
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #000;
    table-layout: fixed;
    background:#fff;
  }

  .tvk-table td, .tvk-table th{
    border: 1px solid #000;
    padding: 6px 6px;
    vertical-align: middle;
  }

  .tvk-section{
    background: #d9d9d9;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 8px !important;
  }

  .tvk-label{
    background:#efefef;
    font-weight: 600;
  }

  .tvk-note{
    display:block;
    font-weight: 400;
    font-size: 11px;
    margin-top: 2px;
  }

  .tvk-input{
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    padding: 2px 0;
    font-size: 13px;
  }

  .tvk-small{
    font-size: 12px;
  }

  .tvk-graycell{
    background:#e6e6e6;
    font-weight: 600;
  }

  .tvk-choice{
    display:flex;
    align-items:center;
    gap:8px;
    line-height: 1.2;
  }

  .tvk-choice input[type="checkbox"]{
    width: 18px;
    height: 18px;
    margin: 0;
  }

  .tvk-spacer{
    height: 14px;
  }
/* =====================================================
   TABLE CONTACT CARD – bez ikony, tyrkysové pozadie
   ===================================================== */

.table-contact-card{
  background: #0b7fc2;              /* tyrkysové pozadie */
  border-radius: 16px;
  padding: 16px 20px;
  position: relative;
}

/* ZRUŠIŤ IKONU (before z contact-stat-card) */
.table-contact-card::before{
  display: none !important;
  content: none !important;
}

/* TABUĽKA – bez rámikov */
.table-contact-card .tvk-table{
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  border: 0;
  font-size: 14px;
  line-height: 1.3;
}

/* HLAVIČKY */
.table-contact-card .tvk-table th{
  text-align: left;
  font-weight: 600;
  padding: 6px 8px;
  color: #fff;
  border: 0;
}

/* BUNKY */
.table-contact-card .tvk-table td{
  padding: 6px 8px;
  color: #fff;
  border: 0;
  vertical-align: middle;
}

/* ZRUŠIŤ WP <p> MARGINY */
.table-contact-card .tvk-table p{
  margin: 0;
}

/* ODKAZY / EMAILY */
.table-contact-card .tvk-table a{
  color: #fff;
  text-decoration: none;
}

/* INPUTY AK TAM SÚ */
.table-contact-card .tvk-table input{
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 14px;
}