.elementor-kit-9063{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9063 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --brand-dark:#2B2925; --brand-cream:#F2F1ED; --brand-stone:#89847A; --font-body:Inter; --font-display:Molde Expanded; --brand-sand:#C6BDAC; --layout-max:1280px; --e-gv-137875f:#000000; --e-gv-3d3bb95:#000000; --e-gv-c86c874:#000000; --e-gv-4f1c638:#000000; --e-gv-f261752:#000000; --e-gv-1f6270d:#000000; --e-gv-ae30dff:#000001; --e-gv-dffc177:#000002; --e-gv-6d661b4:#000003; --e-gv-ba0a307:#000004; --e-gv-74496cb:#000005; --e-gv-8bfd6e6:#000006; --e-gv-4bba8a8:#000007; --e-gv-5484c88:#000008; --e-gv-91a6e8d:#000009; --e-gv-f9657d5:#00000a; --e-gv-29b6d8b:#00000b; --e-gv-0fbc38d:#00000c; --e-gv-48c9b01:#00000d; --e-gv-97cbee7:#00000e; --e-gv-40ab025:#00000f; --e-gv-cbf93cb:#000010; --e-gv-1b6cc41:#000011; --e-gv-4d3c81d:#000012; --e-gv-2755b19:#000013; --e-gv-4f6ae1e:#000014; --e-gv-a2381b2:#000015; --e-gv-2a0c943:#000016; --e-gv-584ff66:#000017; --e-gv-d89177b:#000018; --e-gv-f22e683:#000019; --e-gv-6b9c5bc:#00001a; --e-gv-fdd92d0:#00001b; --e-gv-b84b2ca:#00001c; --e-gv-a9f13e0:#00001d; --e-gv-4d9d71f:#00001e; --e-gv-5092a7c:#00001f; --e-gv-0bd5b63:#000020; --e-gv-6ba06d1:#000021; --e-gv-d2dc5ab:#000022; --e-gv-916158f:#000023; --e-gv-cc548d6:#000024; --e-gv-041af4f:#000025; --e-gv-5325e79:#000026; --e-gv-59e3c1b:#000027; --e-gv-617578d:#000028; --e-gv-b61b2f5:#000029; --e-gv-8fc022b:#00002a; --e-gv-8686dc5:#00002b; --e-gv-8b7e070:#00002c; --e-gv-45d1cff:#00002d; --e-gv-0f0ebc2:#00002e; --e-gv-0995834:#000000; --e-gv-12d6de3:#000000; --e-gv-30f68e7:#000000; --e-gv-dd64547:#000000; --e-gv-bf1b752:#000000; --e-gv-7fd9698:#000000; --e-gv-0372b7b:#000000; --e-gv-70fdf95:#000000; --e-gv-9a52de1:#000000; --e-gv-3dafc5a:#000000; --e-gv-7506427:#000000; --e-gv-1d851ed:#000000; --e-gv-ff69ac7:#000000; --e-gv-d7c5864:#000000; --e-gv-dd8afd2:#000000; --e-gv-e8e44f6:#000000; --e-gv-bece43e:#000000; --e-gv-c7a33d4:#000000; --e-gv-47116c8:#000000; --e-gv-3a6ca35:#000000; --e-gv-4145dd5:#000000; --e-gv-2181b8e:#000000; --e-gv-afd5691:#000000; --e-gv-610c54e:#000000; --e-gv-dd910a9:#000000; --e-gv-6f73890:#000000; --e-gv-cff50c9:#000000; }
/* Start custom CSS */@font-face{font-family:'Molde Expanded';src:url('https://norta.law/wp-content/uploads/fonts/molde-expanded-medium.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;}

/* ============================================================
   HOVER EFEKTY — doplnok ku globálnym triedam

   Samotný hover dlaždice (scale + tieň) je v globálnej triede
   "hover-dlazdica", aby sa dal upravovať priamo v Elementore.
   Tu je len to, čo globálne triedy nezvládnu:
     – hover na potomkovi (.hover-odkaz:hover .hairline)
     – media queries (Elementor ich z tried zahadzuje)
   ============================================================ */

/* Textový odkaz s linkou ("Ako vám vieme pomôcť?", "Náš tím", "Kontakt") */
.elementor .hover-odkaz .hairline{
  transition: transform 180ms ease-out;
}
.elementor .hover-odkaz:hover .hairline{
  transform: translateX(6px);
}

/* Dotykové zariadenia — bez tohto hover "zamrzne" po ťuknutí */
@media (hover: none){
  .elementor .hover-dlazdica:hover,
  .elementor .hover-dlazdica:focus-visible{ transform: none; box-shadow: none; }
  .elementor .hover-odkaz:hover .hairline{ transform: none; }
}

/* Systémové nastavenie "obmedziť pohyb" */
@media (prefers-reduced-motion: reduce){
  .elementor .hover-dlazdica,
  .elementor .hover-odkaz .hairline{ transition: none; }
  .elementor .hover-dlazdica:hover{ transform: none; }
}

/* ============================================================
   CTA V ČLÁNKOCH
   Nahrádza starý shortcode [sme_user-email] z pôvodného webu.
   ============================================================ */
.norta-cta{
  margin: 36px 0;
  padding: 28px;
  border-radius: 16px;
  background: var(--brand-sand);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}
.norta-cta__nadpis{
  margin: 0;
  font-family: var(--font-display), var(--font-body), sans-serif;
  font-size: 22px;
  line-height: 1.25;
  color: var(--brand-dark);
}
.norta-cta__tlacidlo{
  display: inline-flex;
  align-items: center;
  padding: 12px 26px;
  border-radius: 999px;
  background: var(--brand-dark);
  color: var(--brand-cream) !important;
  font-family: var(--font-body), sans-serif;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: transform 180ms ease-out;
}
.norta-cta__tlacidlo:hover{ transform: scale(1.02); }

/* ============================================================
   RESPONZÍVNE OPRAVY — mobil (≤ 767 px)
   ============================================================ */

/* Dlhé reťazce (URL, kódy) nech lámu riadok a nerobia vodorovné rolovanie */
.elementor p, .elementor li{ overflow-wrap: break-word; }

@media (max-width: 767px){

  /* 0 — Nadpisy v texte podstránok (bez vlastnej triedy) majú z témy
         2rem = 32 px. Dlhé slová ("pripomienkovanie") sa pri tej veľkosti
         na mobil nezmestia a lámu sa uprostred slova. */
  .elementor h2:not([class]){ font-size: 28px; line-height: 1.15; }
  .elementor h1, .elementor h2, .elementor h3{ overflow-wrap: break-word; }

  /* 0b — Jednotné bočné okraje (16 px). Časť stránok mala 40 px,
          obsah potom nelícoval s logom v hlavičke ani s pätičkou. */
  .elementor > .e-con.e-con,
  .elementor-location-single > .e-con.e-con,
  .elementor-location-archive > .e-con.e-con{
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 1 — Dlaždice majú na desktope flex-basis v px (= šírka).
         Keď sa kontajner na mobile prepne na stĺpec, tá istá hodnota
         sa stane VÝŠKOU: text pretečie von (ROUTE/BUILD) alebo
         ostane prázdne miesto (Facebook/LinkedIn v pätičke).
         Na mobile nech si výšku určí obsah. */
  .elementor .e-con > .e-con,
  .elementor .e-con > .e-div-block{ flex-basis: auto; }

  /* To isté platí pre texty, nadpisy, tlačidlá a obrázky */
  .elementor .e-con > .e-paragraph-base,
  .elementor .e-con > .e-heading-base,
  .elementor .e-con > .e-button-base,
  .elementor .e-con > .e-image-base,
  .elementor .e-con > .e-svg-base{ flex-basis: auto; }

  /* Pätička — stĺpce cez celú šírku, nie useknuté na 160/240 px */
  .elementor .e-con > .e-con.elementor-element-961bfcc,
  .elementor .e-con > .e-con.elementor-element-290542b2,
  .elementor .e-con > .e-con.elementor-element-5094eab8,
  .elementor .e-con > .e-con.elementor-element-2ea8e6a1{ flex-basis: 100%; }

  /* Logá klientov na podstránkach služieb — 2 v rade, nie 1 pod druhým */
  .elementor .elementor-element-1699c5ce > .elementor-element-33926459{
    flex: 0 0 calc(50% - 12px);
  }
  .elementor .elementor-element-1699c5ce > .elementor-element-33926459 img{
    width: 100%;
    height: auto;
  }

  /* Karta kancelárie na pobočkách — desktopové odsadenie (96 px medzera,
     44 px po stranách) je v 295 px širokej karte neúmerné. */
  .elementor .elementor-element-3e3897d.e-con,
  .elementor .elementor-element-ff48c4b.e-con,
  .elementor .elementor-element-48dad0cb.e-con{
    gap: 40px;
    padding: 32px 28px;
  }

  /* 2 — Hlavička: logo vľavo, CTA a hamburger vpravo, všetko v jednom riadku. */
  .elementor-location-header .elementor-element-596821e5{
    position: relative;
    align-items: center;
  }
  .elementor-location-header .elementor-element-596821e5 > .e-svg-base{ order: 1; }
  .elementor-location-header .elementor-element-3e4031da{ order: 2; }
  .elementor-location-header .elementor-element-34644431{ order: 3; }
}

/* 3 — Rozbaľovacie menu (mobil aj tablet) cez celú šírku hlavičky,
       nie úzky 122 px panel prilepený k hamburgeru. */
@media (max-width: 1024px){
  .elementor-location-header .elementor-element-596821e5{ position: relative; }
  .elementor-location-header .elementor-element-34644431{ position: static; }
  .elementor-location-header nav.elementor-nav-menu--dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: auto;
    z-index: 99;
  }
}

/* ============================================================
   RECENZIE - zvýraznená karta + hviezdičky
   Sekcia je komponent "NORTA - Recenzie a klienti" (e-2025cfa-7c3f).
   ============================================================ */
.elementor .e-2025cfa-7c3f{
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  min-height: 230px;
}
.elementor .e-2025cfa-7c3f .e-tab-content-base > .e-paragraph-base:first-child{
  font-size: 19px;
  line-height: 30px;
}
.elementor .e-2025cfa-7c3f .e-tab-content-base > .e-paragraph-base:first-child::before{
  content: "\2605\2605\2605\2605\2605";
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 5px;
  line-height: 1;
  color: var(--brand-dark);
}
@media (max-width: 1024px){
  .elementor .e-2025cfa-7c3f{ min-height: 260px; }
}
@media (max-width: 767px){
  .elementor .e-2025cfa-7c3f{ min-height: 360px; }
  .elementor .e-2025cfa-7c3f .e-tab-content-base > .e-paragraph-base:first-child{ font-size: 17px; line-height: 27px; }
  .elementor .e-2025cfa-7c3f .e-tab-content-base > .e-paragraph-base:first-child::before{ font-size: 17px; letter-spacing: 4px; margin-bottom: 14px; }
}
}

/* ============================================================
   TLAČIDLÁ - všetky v tvare pilulky
   ============================================================ */
.elementor .e-button-base{ border-radius: 50px; }
/* Podoblasti pod službou - pilulky v štýle tlačidiel webu.
   Namiesto mriežky bielych kariet sa skladajú do riadkov podľa dĺžky názvu. */
.elementor-kit-9063 .elementor .elementor-element-382b2696{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  grid-template-columns: none;
}
.elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con{
  width: auto;
  flex: 0 1 auto;
  border-radius: 999px;
}
.elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 11px 24px;
  background-color: transparent;
  border: 1px solid rgba(43, 41, 37, .25);
  border-radius: 999px;
  color: var(--brand-dark);
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con > a > p{
  margin: 0;
  color: inherit;
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
}
.elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con > a:hover,
.elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con > a:focus-visible{
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
  color: var(--brand-cream);
}
@media (max-width: 767px){
  .elementor-kit-9063 .elementor .elementor-element-382b2696{ gap: 10px; }
  .elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con,
  .elementor-kit-9063 .elementor .elementor-element-382b2696 > .e-con > a{ width: 100%; }
}
/* rozcestník na stránke 404 */
.elementor .elementor-element-286df34a,
.elementor .elementor-element-6fdba582,
.elementor .elementor-element-2341c7cc,
.elementor .elementor-element-5ac3de9d{ border-radius: 50px; }

/* ============================================================
   LOGÁ KLIENTOV POD RECENZIAMI - plynulý posun
   Pás je v komponente zdvojený, animácia posunie prvú sadu
   presne o svoju šírku + medzeru, takže napojenie nie je vidno.
   ============================================================ */
.elementor .e-5e934118-3493{
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.elementor .e-5e934118-3493 > .e-collection-loop-base{
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: max-content;
  animation: norta-loga 45s linear infinite;
}
.elementor .e-5e934118-3493 .e-collection-loop-layout-base{
  overflow: visible;
  width: max-content;
}
.elementor .e-5e934118-3493:hover > .e-collection-loop-base{ animation-play-state: paused; }
@keyframes norta-loga{
  from{ transform: translateX(0); }
  to{ transform: translateX(calc(-100% - 24px)); }
}
@media (prefers-reduced-motion: reduce){
  .elementor .e-5e934118-3493 > .e-collection-loop-base{ animation: none; }
  .elementor .e-5e934118-3493{ overflow-x: auto; }
}

/* ============================================================
   ŠÍPKY ROZBAĽOVACIEHO MENU
   Font Awesome caret (plný trojuholník) pôsobil ťažko.
   Nahradený tenkou šípkou so zaoblenými koncami cez masku,
   farbu dedí z textu (currentColor).
   ============================================================ */
.elementor-nav-menu .sub-arrow svg,
.elementor-nav-menu .sub-arrow i{ display: none !important; }
.elementor-nav-menu .sub-arrow{
  display: inline-block;
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  margin-left: 6px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='4.5%208.5%2012%2016%2019.5%208.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='4.5%208.5%2012%2016%2019.5%208.5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: transform .2s ease;
}
.elementor-nav-menu .elementor-item.highlighted > .sub-arrow,
.elementor-nav-menu .elementor-item:focus > .sub-arrow,
.elementor-nav-menu li:hover > a > .sub-arrow{ transform: rotate(180deg); }

/* ============================================================
   PREPÍNAČ JAZYKA
   Dočasne skrytý na celom webe (EN verzia zatiaľ neexistuje).
   Zapne sa zmazaním tohto bloku.
   ============================================================ */
.elementor .elementor-element-3e4031da{ display: none !important; }

/* ============================================================
   POZADIE STRÁNKY
   Šablóny majú krémové pozadie na svojom koreňovom kontajneri.
   Nové šablóny (balíky) ho nemali a presvital cez ne biely <body>.
   ============================================================ */
body{ background-color: var(--brand-cream, #F2F1ED); }

/* ============================================================
   HERO OBRÁZOK NA PODSTRÁNKE SLUŽBY
   Štvorcová fotka vpravo (Figma 580-76). Je to priamy potomok
   hlavičky; vlastnú triedu nemá, lebo zdieľa štýl s fotkami tímu,
   preto sa cieli štruktúrou. Zobrazí sa len tam, kde je nastavený
   hlavný obrázok - to majú zatiaľ len core oblasti.
   ============================================================ */
.elementor .elementor-element-38c27e48 > img[src=""]{ display: none; }

/* menšia medzera medzi hero textom a blokom pod ním (bolo 74 px) */
.elementor .elementor-element-38c27e48{ padding-bottom: 0; }
.elementor .elementor-element-be0623b{ margin-top: -24px; }
@media (max-width: 767px){
  .elementor .elementor-element-be0623b{ margin-top: -16px; }
}

/* tmavý prechod zospodu - rovnaký ako na fotkách advokátov */
.elementor .elementor-element-38c27e48:has(> img[src]:not([src=""]))::after,
body.single-balik .elementor .elementor-element-1845c46a::after{
  content: "";
  position: absolute;
  pointer-events: none;
  background: linear-gradient(rgba(0,0,0,0) 30%, rgba(0,0,0,.38) 62%, rgba(0,0,0,.9) 100%);
}
body.single-balik .elementor .elementor-element-1845c46a::after{
  right: 0;
  top: 0;
  width: 460px;
  height: 460px;
}

@media (max-width: 1024px){
  .elementor .elementor-element-38c27e48:has(> img[src]:not([src=""]))::after,
  body.single-balik .elementor .elementor-element-1845c46a::after{
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
  }
  .elementor .elementor-element-38c27e48:has(> img[src]:not([src=""]))::after{
    max-width: 480px;
    aspect-ratio: 3 / 2;
  }
  body.single-balik .elementor .elementor-element-1845c46a::after{
    max-width: 420px;
    aspect-ratio: 1 / 1;
  }
}

@media (min-width: 1025px){
  /* HLAVIČKA SLUŽBY = očko + nadpis + úvodný text + blok "V skratke".
     Celé to je jedna mriežka: vľavo text, vpravo stĺpec s fotkou, ktorý
     sa naťahuje na výšku celej hlavičky a dopĺňa sa orezom (cover).
     Obaly medzi tým rozpúšťame cez display:contents, aby sa blok
     "V skratke" (prichádza z obsahu článku) dostal do tej istej mriežky. */
  body.single-oblast .elementor .elementor-element-4ca7b11c:has(> .elementor-element-38c27e48 > img[src]:not([src=""])){
    --sluzba-foto: clamp(300px, 32vw, 460px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--sluzba-foto);
    column-gap: 64px;
    row-gap: 0;
    align-items: start;
  }
  body.single-oblast .elementor .elementor-element-4ca7b11c:has(> .elementor-element-38c27e48 > img[src]:not([src=""])) > .elementor-element-38c27e48,
  body.single-oblast .elementor .elementor-element-4ca7b11c:has(> .elementor-element-38c27e48 > img[src]:not([src=""])) > .elementor-element-be0623b,
  body.single-oblast .elementor .elementor-element-4ca7b11c:has(> .elementor-element-38c27e48 > img[src]:not([src=""])) .elementor-element-762c2f32{
    display: contents;
  }

  /* ľavý stĺpec hlavičky - medzery, ktoré predtým robil flex gap */
  body.single-oblast .elementor .elementor-element-38c27e48 > *:nth-child(1){ grid-column: 1; grid-row: 1; }
  body.single-oblast .elementor .elementor-element-38c27e48 > *:nth-child(2){ grid-column: 1; grid-row: 2; margin-top: 22px; }
  body.single-oblast .elementor .elementor-element-38c27e48 > *:nth-child(3){ grid-column: 1; grid-row: 3; margin-top: 22px; }
  body.single-oblast .elementor .elementor-element-762c2f32 > :first-child{
    grid-column: 1;
    grid-row: 4;
    margin-top: 40px;
    max-width: none;
  }

  /* stĺpec s fotkou cez všetky štyri riadky hlavičky */
  body.single-oblast .elementor .elementor-element-38c27e48 > img.e-image-base{
    position: static;
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: stretch;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
  }
  /* tmavý prechod presne cez bunku s fotkou */
  body.single-oblast .elementor .elementor-element-4ca7b11c:has(> .elementor-element-38c27e48 > img[src]:not([src=""]))::after{
    content: "";
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: stretch;
    pointer-events: none;
    background: linear-gradient(rgba(0,0,0,0) 30%, rgba(0,0,0,.38) 62%, rgba(0,0,0,.9) 100%);
  }

  /* všetko ostatné ide cez celú šírku pod hlavičkou */
  body.single-oblast .elementor .elementor-element-762c2f32 > :not(:first-child){ grid-column: 1 / -1; }
  body.single-oblast .elementor .elementor-element-4ca7b11c > .e-con:not(.elementor-element-38c27e48):not(.elementor-element-be0623b){
    grid-column: 1 / -1;
    margin-top: 64px;
  }
}
@media (max-width: 1024px){
  .elementor .elementor-element-38c27e48 > img.e-image-base{
    width: 100%;
    max-width: 480px;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    margin-top: 28px;
  }
}

/* ============================================================
   HOMEPAGE - celoplošný pás s fotkou a vodoznakom
   Fotka ide cez celú šírku okna, zhora sa vynára z pozadia
   stránky, vodoznak NORTA leží na jej spodnom okraji.
   ============================================================ */
body{ overflow-x: clip; }

.elementor .elementor-element-38d08792::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 42%;
  background: linear-gradient(var(--brand-cream) 0%, rgba(242,241,237,.72) 38%, rgba(242,241,237,0) 100%);
  pointer-events: none;
}
.elementor .elementor-element-3d8b3b06 svg{
  display: block;
  width: 100%;
  height: auto;
}

/* jemný paralax vodoznaku pri scrollovaní (prehliadače so scroll-driven
   animáciami; inde zostane stáť, rovnako pri "obmedziť pohyb") */
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    body.home .elementor .e-fab0800-880a{
      animation: norta-znacka-parallax linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
      will-change: transform;
    }
    @keyframes norta-znacka-parallax{
      from{ transform: translateY(var(--norta-par-od, 46px)); }
      to{ transform: translateY(var(--norta-par-do, -26px)); }
    }
    /* na mobile je vodoznak len ~80 px vysoký, pôvodný posun ho orezal */
    @media (max-width: 767px){
      body.home .elementor .e-fab0800-880a{ --norta-par-od: 12px; --norta-par-do: -7px; }
    }
  }
}

/* ============================================================
   PODSTRÁNKY SLUŽIEB - rozloženie podľa Figma (580-76)
   Obsah je rozdelený na sekcie (<section class="sluzba-sek">).
   Prvá sekcia je "V skratke" - priama odpoveď pod hero textom.
   Prvý dlhý zoznam sa vykreslí ako mriežka 3x s vlasovými linkami.
   Zvyšok ide po dvojiciach vedľa seba; ak ostane nepárna
   sekcia, roztiahne sa cez celú šírku (trieda sluzba-sek--siroky).
   ============================================================ */
:root{ --norta-linka: rgba(43,41,37,.16); }

.elementor .sluzba-uvod p{ font-size: 19px; line-height: 31px; color: var(--brand-dark); max-width: 72ch; }

.elementor .sluzba-sek h2{
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -.01em;
  margin: 0 0 16px;
}
.elementor .sluzba-sek p{ font-size: 16px; line-height: 26px; margin: 0 0 14px; }
.elementor .sluzba-sek h3{
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.35;
  margin: 26px 0 8px;
  padding-top: 22px;
  border-top: 1px solid var(--norta-linka);
}

/* V skratke - priama odpoveď pod hero textom, odsadená, s linkou nad */
.elementor .sluzba-sek--aio{
  border-top: 1px solid var(--norta-linka);
  border-bottom: 1px solid var(--norta-linka);
  padding: 26px 0 30px 28px;
  margin: 0 0 60px;
  max-width: 800px;
}
.elementor .sluzba-sek--aio::before{
  content: "V skratke";
  display: block;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--brand-stone);
  margin-bottom: 14px;
}
.elementor .sluzba-sek--lead{
  padding: 0 0 0 28px;
  margin: 0 0 56px;
  max-width: 800px;
}
.elementor .sluzba-sek--lead p{ color: var(--brand-stone); }
.elementor .sluzba-sek--lead p:last-child{ margin-bottom: 0; }

.elementor .sluzba-sek--aio h2{ margin-bottom: 14px; }
.elementor .sluzba-sek--aio p{ color: var(--brand-stone); }
.elementor .sluzba-sek--aio p:last-child{ margin-bottom: 0; }

/* Dva stĺpce; široké sekcie cez obidva */
.elementor .sluzba-obsah{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  row-gap: 72px;
  align-items: start;
}
/* Cez celú šírku ide len mriežka zoznamu. Textové sekcie sa skladajú
   po dvojiciach; ak ostane nepárna, druhá bunka zostane prázdna. */
.elementor .sluzba-obsah > .sluzba-sek--zoznam2{ grid-column: 1 / -1; }

/* Odrážkové zoznamy - riadky oddelené vlasovou linkou */
.elementor .sluzba-sek--zoznam ul{
  list-style: none;
  margin: 26px 0 0;
  padding: 0;
}
.elementor .sluzba-sek--zoznam li{
  margin: 24px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--norta-linka);
  font-size: 16px;
  line-height: 24px;
}
.elementor .sluzba-sek--zoznam li:first-child{ border-top: 0; margin-top: 0; padding-top: 0; }
.elementor .sluzba-sek--zoznam li b{ display: block; font-weight: 600; color: var(--brand-dark); margin-bottom: 5px; }
.elementor .sluzba-sek--zoznam li span{ color: var(--brand-stone); }

/* Dlhý zoznam - mriežka s vlasovými linkami (Figma)
   mobil 1 stĺpec, tablet 2, desktop 3 */
.elementor .sluzba-sek--zoznam2 ul{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}
.elementor .sluzba-sek--zoznam2 ul::before,
.elementor .sluzba-sek--zoznam2 ul::after{ content: none; }
.elementor .sluzba-sek--zoznam2 li{ position: relative; }
.elementor .sluzba-sek--zoznam2 li::before{
  content: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  background: var(--norta-linka);
}

@media (min-width: 768px){
  .elementor .sluzba-sek--zoznam2 ul{ grid-template-columns: repeat(2, 1fr); margin-top: 32px; }
  .elementor .sluzba-sek--zoznam2 ul::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: var(--norta-linka);
  }
  .elementor .sluzba-sek--zoznam2 li{ margin: 0; border-top: 0; padding: 32px 36px 32px 0; }
  .elementor .sluzba-sek--zoznam2 li:nth-child(even){ padding: 32px 0 32px 36px; }
  .elementor .sluzba-sek--zoznam2 li:nth-child(-n+2){ padding-top: 0; }
  .elementor .sluzba-sek--zoznam2 li:nth-child(odd):not(:first-child)::before{ content: ""; width: 200%; }
}

@media (min-width: 1025px){
  .elementor .sluzba-sek--zoznam2 ul{ grid-template-columns: repeat(3, 1fr); }
  .elementor .sluzba-sek--zoznam2 ul::before{ left: 33.3333%; }
  .elementor .sluzba-sek--zoznam2 ul::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 66.6667%;
    width: 1px;
    background: var(--norta-linka);
  }
  .elementor .sluzba-sek--zoznam2 li,
  .elementor .sluzba-sek--zoznam2 li:nth-child(even){ padding: 36px 44px 36px 0; }
  .elementor .sluzba-sek--zoznam2 li:not(:nth-child(3n+1)){ padding-left: 44px; }
  .elementor .sluzba-sek--zoznam2 li:nth-child(-n+3){ padding-top: 0; }
  .elementor .sluzba-sek--zoznam2 li:nth-child(odd):not(:first-child)::before{ content: none; }
  .elementor .sluzba-sek--zoznam2 li:nth-child(3n+1):not(:first-child)::before{ content: ""; width: 300%; }
}

/* Postup - odrážky */
.elementor .sluzba-sek--kroky ul{ list-style: none; margin: 26px 0 0; padding: 0; }
.elementor .sluzba-sek--kroky li{
  position: relative;
  padding: 0 0 0 22px;
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 26px;
}
.elementor .sluzba-sek--kroky li::before{
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--brand-dark);
}
.elementor .sluzba-sek--kroky li b{ display: inline; font-weight: 600; }
.elementor .sluzba-sek--kroky li span{ color: var(--brand-stone); }
@media (max-width: 1024px){
  .elementor .sluzba-obsah{ column-gap: 48px; row-gap: 56px; }
}
@media (max-width: 767px){
  .elementor .sluzba-obsah{ grid-template-columns: 1fr; row-gap: 44px; }
  .elementor .sluzba-sek--aio{ padding: 22px 0 26px; margin-bottom: 44px; }
  .elementor .sluzba-sek--lead{ padding-left: 0; margin-bottom: 40px; }
  .elementor .sluzba-sek h2{ font-size: 20px; }
  .elementor .sluzba-uvod p{ font-size: 17px; line-height: 28px; }
}

/* ============================================================
   BLOG - bočný panel (šablóna 9451)
   Obsah článku na piesočnom pozadí, newsletter v ráme.
   ============================================================ */
.elementor .elementor-element-1bf7f997{
  background-color: var(--brand-sand) !important;
  padding: 20px !important;
}
/* widget obsahu má vo východzom stave sivý rám - preč s ním */
.elementor .elementor-element-1bf7f997 .elementor-widget-table-of-contents{
  border: 0 !important;
  border-radius: 0 !important;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__header{
  border: 0;
  padding: 0;
  margin: 0 0 18px;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__header-title{
  font-family: var(--font-display), sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: var(--brand-dark) !important;
  margin: 0;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__body{
  padding: 0;
  max-height: none;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item{
  margin-bottom: 14px;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__list-wrapper .elementor-toc__list-wrapper{
  margin-top: 12px;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text{
  color: var(--brand-dark) !important;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text:hover,
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text:focus,
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item.elementor-item-active .elementor-toc__list-item-text{
  color: var(--brand-dark) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text-wrapper svg,
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text-wrapper i{
  fill: var(--brand-dark);
  color: var(--brand-dark);
}

/* Newsletter v bočnom paneli - rám namiesto bielej plochy */
.elementor .elementor-element-54035f01{
  background-color: transparent !important;
  border: 1px solid var(--norta-linka);
  padding: 26px 24px 28px;
}

/* ============================================================
   BALÍKY SLUŽIEB - obsah detailu
   Výpis a tlačidlá vykresľuje plugin, tu je len text obsahu.
   ============================================================ */
.elementor .norta-balik__perex{ max-width: 72ch; }
body.single-balik .elementor-widget-theme-post-content ul{
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  max-width: 72ch;
}
body.single-balik .elementor-widget-theme-post-content li{
  position: relative;
  padding: 0 0 0 26px;
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 27px;
  color: var(--brand-dark);
}
body.single-balik .elementor-widget-theme-post-content li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 12px;
  height: 1px;
  background: var(--brand-dark);
}

/* Fotka na detaile balíka - štvorec vpravo ako na podstránke služby */
body.single-balik .elementor .e-6aca2744-5d25{
  flex: 0 0 auto;
  width: 460px;
  height: 460px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin-left: auto;
}
@media (max-width: 1024px){
  body.single-balik .elementor .e-6aca2744-5d25{
    flex: 0 0 auto;
    width: 100%;
    max-width: 420px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin-left: 0;
  }
}

/* Prázdny ilustračný obrázok (balík zatiaľ bez fotky) nech nenecháva dieru */
.elementor img[src=""],
.elementor img:not([src]){ display: none; }

/* Tlačidlo „Všetky balíky" na detaile balíka - šírka podľa obsahu */
.elementor .elementor-element-5eebdc69{ max-width: fit-content; align-self: flex-start; }

/* ============================================================
   PÄTIČKA - sociálne siete
   Ikony sú doplnené maskou (bez zásahu do značiek), na hover
   sa pilulka stmaví a text aj ikona zosvetlia.
   ============================================================ */
.elementor .e-37c692b-b1b4::before,
.elementor .e-3d0f097d-67c4::before,
.elementor .e-64676336-f025::before{
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  vertical-align: -3px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.elementor .e-37c692b-b1b4::before{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2523000'%3E%3Cpath%20d='M14%2013.5h2.5l1-4H14v-2c0-1.03%200-2%202-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928%202%2010%203.657%2010%206.7v2.8H7v4h3V22h4v-8.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2523000'%3E%3Cpath%20d='M14%2013.5h2.5l1-4H14v-2c0-1.03%200-2%202-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928%202%2010%203.657%2010%206.7v2.8H7v4h3V22h4v-8.5z'/%3E%3C/svg%3E"); }
.elementor .e-3d0f097d-67c4::before{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2523000'%3E%3Cpath%20d='M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433a2.062%202.062%200%2001-2.063-2.065%202.064%202.064%200%20112.063%202.065zm1.782%2013.019H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200h.003z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2523000'%3E%3Cpath%20d='M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433a2.062%202.062%200%2001-2.063-2.065%202.064%202.064%200%20112.063%202.065zm1.782%2013.019H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200h.003z'/%3E%3C/svg%3E"); }
.elementor .e-64676336-f025::before{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2523000'%3E%3Cpath%20d='M12%202.163c3.204%200%203.584.012%204.85.07%203.252.148%204.771%201.691%204.919%204.919.058%201.265.069%201.645.069%204.849%200%203.205-.012%203.584-.069%204.849-.149%203.225-1.664%204.771-4.919%204.919-1.266.058-1.644.07-4.85.07-3.204%200-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849%200-3.204.013-3.583.07-4.849.149-3.227%201.664-4.771%204.919-4.919%201.266-.057%201.645-.069%204.849-.069zm0-2.163c-3.259%200-3.667.014-4.947.072-4.358.2-6.78%202.618-6.98%206.98-.059%201.281-.073%201.689-.073%204.948%200%203.259.014%203.668.072%204.948.2%204.358%202.618%206.78%206.98%206.98%201.281.058%201.689.072%204.948.072%203.259%200%203.668-.014%204.948-.072%204.354-.2%206.782-2.618%206.979-6.98.059-1.28.073-1.689.073-4.948%200-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0%205.838c-3.403%200-6.162%202.759-6.162%206.162s2.759%206.163%206.162%206.163%206.162-2.759%206.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0%2010.162c-2.209%200-4-1.79-4-4%200-2.209%201.791-4%204-4s4%201.791%204%204c0%202.21-1.791%204-4%204zm6.406-11.845c-.796%200-1.441.645-1.441%201.44s.645%201.44%201.441%201.44c.795%200%201.439-.645%201.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2523000'%3E%3Cpath%20d='M12%202.163c3.204%200%203.584.012%204.85.07%203.252.148%204.771%201.691%204.919%204.919.058%201.265.069%201.645.069%204.849%200%203.205-.012%203.584-.069%204.849-.149%203.225-1.664%204.771-4.919%204.919-1.266.058-1.644.07-4.85.07-3.204%200-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849%200-3.204.013-3.583.07-4.849.149-3.227%201.664-4.771%204.919-4.919%201.266-.057%201.645-.069%204.849-.069zm0-2.163c-3.259%200-3.667.014-4.947.072-4.358.2-6.78%202.618-6.98%206.98-.059%201.281-.073%201.689-.073%204.948%200%203.259.014%203.668.072%204.948.2%204.358%202.618%206.78%206.98%206.98%201.281.058%201.689.072%204.948.072%203.259%200%203.668-.014%204.948-.072%204.354-.2%206.782-2.618%206.979-6.98.059-1.28.073-1.689.073-4.948%200-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0%205.838c-3.403%200-6.162%202.759-6.162%206.162s2.759%206.163%206.162%206.163%206.162-2.759%206.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0%2010.162c-2.209%200-4-1.79-4-4%200-2.209%201.791-4%204-4s4%201.791%204%204c0%202.21-1.791%204-4%204zm6.406-11.845c-.796%200-1.441.645-1.441%201.44s.645%201.44%201.441%201.44c.795%200%201.439-.645%201.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E"); }

.elementor .e-521ee3dc-ebb1 .e-37c692b-b1b4,
.elementor .e-2b63c671-2ce7 .e-3d0f097d-67c4,
.elementor .e-2f7d97aa-e380 .e-64676336-f025{ transition: color .18s ease; }
.elementor .e-521ee3dc-ebb1:hover .e-37c692b-b1b4,
.elementor .e-521ee3dc-ebb1:focus-visible .e-37c692b-b1b4,
.elementor .e-2b63c671-2ce7:hover .e-3d0f097d-67c4,
.elementor .e-2b63c671-2ce7:focus-visible .e-3d0f097d-67c4,
.elementor .e-2f7d97aa-e380:hover .e-64676336-f025,
.elementor .e-2f7d97aa-e380:focus-visible .e-64676336-f025{ color: var(--brand-cream); }

/* ============================================================
   MOBILNÉ MENU - položky podmenu boli na tmavom pozadí nečitateľné
   ============================================================ */
/* Hlavička má farbu nastavenú len pre a.elementor-item, položky podmenu
   preto padali na východzie tmavé #33373D a na tmavom paneli zanikli. */
/* hlavné položky jasnejšie, podmenu o niečo tlmenejšie - aby hierarchia sedela */
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown a.elementor-item{
  color: var(--brand-cream) !important;
}
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item,
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown ul.sub-menu a.elementor-item{
  color: rgba(242, 241, 237, .72) !important;
}
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item:hover,
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item:focus,
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown ul.sub-menu a.elementor-item:hover,
.elementor-kit-9063 .elementor .elementor-nav-menu--dropdown ul.sub-menu a.elementor-item-active{
  color: var(--brand-sand) !important;
}

/* vodoznak na mobile nech nesedí tak hlboko */
@media (max-width: 767px){
  body.home .elementor .e-fab0800-880a{ bottom: -2px; }
}

/* ============================================================
   HOMEPAGE - pás "Advokácia je pre nás poslanie"
   Na mobile sa pri 16 px a rozpale 10 px nezmestil (566 px do 343 px).
   ============================================================ */
@media (max-width: 767px){
  body.home .elementor .e-3c63f56d-7963{
    font-size: 12px;
    letter-spacing: 3.5px;
  }
}

/* ============================================================
   POSTUPNÉ ZOBRAZOVANIE SEKCIÍ (celý web)
   Scroll-driven animácia, bez JavaScriptu. Prehliadač, ktorý ju
   nevie, jednoducho zobrazí všetko naraz - nič sa neskryje.
   Prvá sekcia (hero) sa vynecháva, je nad ohybom.
   Štruktúra je všade rovnaká: dokument > obal > obal > sekcie.
   Hlavička a pätička sa neanimujú.
   ============================================================ */
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    [data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) > .e-con > .e-con > .e-con:not(:first-child){
      animation: norta-prichod linear both;
      animation-timeline: view();
      animation-range: entry 25% entry 100%;
    }
    /* Na službách je obal obsahu rozpustený (display:contents), takže
       animáciu nesie priamo telo článku pod hlavičkou. */
    @media (min-width: 1025px){
      body.single-oblast .elementor .sluzba-obsah{
        animation: norta-prichod linear both;
        animation-timeline: view();
        animation-range: entry 25% entry 100%;
      }
    }
    @keyframes norta-prichod{
      from{ opacity: 0; transform: translateY(80px) scale(.975); }
      75%{ opacity: 1; }
      to{ opacity: 1; transform: translateY(0) scale(1); }
    }
  }
}

/* odkazy v textových stĺpcoch pätičky - podčiarknutie až na hover */
.elementor .e-487efa7d-aab3 a,
.elementor .e-13f485a6-84e3 a{
  color: inherit;
  text-decoration: none;
}
.elementor .e-487efa7d-aab3 a:hover,
.elementor .e-487efa7d-aab3 a:focus,
.elementor .e-13f485a6-84e3 a:hover,
.elementor .e-13f485a6-84e3 a:focus{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* newsletter v pätičke: na desktope jeden riadok, na mobile pod sebou */
@media (max-width: 767px){
  .elementor-kit-9063 .elementor .elementor-element-2ea8e6a1{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    width: 100%;
  }
  .elementor-kit-9063 .elementor .elementor-element-2ea8e6a1 > p{ white-space: normal; }
  .elementor-kit-9063 .elementor .elementor-element-be0474b{ width: 100%; min-width: 0; }
}

/* ============================================================
   ČITATEĽNOSŤ A JEDNOTNÁ FARBA TEXTU (WCAG 2.2 AA)
   --brand-stone #89847A má na krémovej len 3,29:1 a na tmavej
   3,9:1 - oboje pod hranicou 4,5:1. Pre text preto používame
   tmavší, resp. svetlejší odtieň; --brand-stone zostáva na linky
   a dekoráciu.
   ============================================================ */
:root{
  --norta-text-2: #6B675E;   /* na krémovej 5,05:1 */
  --norta-text-2-dark: #A8A295; /* na tmavej 5,5:1 */
}

/* podstránky služieb - úvodný text rovnako tmavý ako zvyšok,
   len popisy v položkách sú tlmenejšie */
.elementor .sluzba-sek--aio p,
.elementor .sluzba-sek--lead p{ color: var(--brand-dark); }
.elementor .sluzba-sek--zoznam li span,
.elementor .sluzba-sek--kroky li span,
.elementor .sluzba-uvod p{ color: var(--norta-text-2); }

/* drobné texty a nadpisy v piesočnom odtieni */
.elementor .e-3cf9d0cc-3a2a,
.elementor .norta-clanok-meta{ color: var(--norta-text-2); }

/* popisky a súhlas v kontaktnom formulári */
.elementor .e-25013366-65c6,
.elementor .e-2ff13c5c-8f49,
.elementor .e-712d97f-9f12,
.elementor .e-79010b91-c3b6{ color: var(--norta-text-2); }

/* podmenu v desktopovej navigácii - stone na tmavej neprešiel */
.elementor-default.elementor-kit-9063 .elementor .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item,
.elementor-default.elementor-kit-9063 .elementor .elementor-nav-menu--main ul.sub-menu a.elementor-item{
  color: var(--norta-text-2-dark) !important;
}

/* odkaz "Preskočiť na obsah" mal východziu ružovú */
.skip-link, a.skip-link:focus{ color: var(--brand-cream) !important; background: var(--brand-dark) !important; }

/* ============================================================
   OBSAH ČLÁNKU - jednotné odrážky vo všetkých úrovniach
   ============================================================ */
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text-wrapper svg,
.elementor .elementor-element-1bf7f997 .elementor-toc__list-item-text-wrapper i{
  width: 7px;
  height: 7px;
  min-width: 7px;
  font-size: 7px;
  margin-top: 7px;
  align-self: flex-start;
}

/* ============================================================
   BALÍKY - filter na mobile
   Pilulky sa v jednom ráme tlačili na seba; na mobile dostane
   každá vlastný rám a riadky majú odstup.
   ============================================================ */
@media (max-width: 767px){
  body .norta-baliky__filter{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
  body .norta-baliky__chip{
    border: 1px solid var(--brand-dark);
    padding: 8px 16px;
    line-height: 1.2;
  }
}

/* ============================================================
   MOBILNÁ HLAVIČKA
   CTA padalo na druhý riadok cez celú šírku a bralo výšku hero
   sekcii. Teraz je kompaktné a všetko sa zmestí do jedného riadku.
   ============================================================ */
@media (max-width: 1024px){
  .elementor-kit-9063 .elementor .elementor-element-596821e5{
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
  }
  .elementor .elementor-element-596821e5 > a:first-child{
    flex: 0 1 auto;
    min-width: 0;
    max-width: 118px;
  }
  .elementor .elementor-element-596821e5 > a:first-child svg,
  .elementor .elementor-element-596821e5 > a:first-child img{
    width: 100%;
    height: auto;
  }
  .elementor-kit-9063 .elementor .e-be2b279-e147{
    order: 2;
    margin-left: auto;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    white-space: nowrap;
    font-size: 11px;
    letter-spacing: .04em;
    padding: 11px 14px;
  }
  .elementor-kit-9063 .elementor .elementor-element-34644431{
    order: 3;
    flex: 0 0 auto;
  }
}

/* ============================================================
   HOMEPAGE - "Právna navigácia": text pod kartami v dvoch
   stĺpcoch a za ním tlačidlo v rovnakom štýle ako kontakt.
   ============================================================ */
.elementor .pn-textrow{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 60px;
  row-gap: 20px;
  width: 100%;
  padding: 0;
  margin-top: 8px;
}
.elementor .pn-textrow .pn-text{
  width: auto;
  max-width: none;
  margin: 0;
  font-size: 17px;
  line-height: 28px;
  color: var(--brand-dark);
}
@media (max-width: 1024px){
  .elementor .pn-textrow{ grid-template-columns: 1fr; column-gap: 0; row-gap: 18px; }
}

/* ============================================================
   HLAVIČKA SEKCIE: nadpis | text | značka sekcie
   Tri stĺpce podľa Figmy. Značka (text s linkou) je označenie
   sekcie, nie tlačidlo - drží sa vpravo hore.
   ============================================================ */
@media (min-width: 1025px){
  .elementor-kit-9063 .elementor .elementor-element-74b0df45,
  .elementor-kit-9063 .elementor .elementor-element-3879d907,
  .elementor-kit-9063 .elementor .elementor-element-75908a55,
  .elementor-kit-9063 .elementor .elementor-element-55b8281d,
  .elementor-kit-9063 .elementor .elementor-element-1b58c3fb,
  .elementor-kit-9063 .elementor .elementor-element-33f0d4ce{
    display: grid;
    grid-template-columns: minmax(0, 420px) minmax(0, 1fr) auto;
    column-gap: 60px;
    row-gap: 18px;
    align-items: start;
    width: 100%;
  }
  .elementor-kit-9063 .elementor .elementor-element-74b0df45 > *:nth-child(1),
  .elementor-kit-9063 .elementor .elementor-element-3879d907 > *:nth-child(1),
  .elementor-kit-9063 .elementor .elementor-element-75908a55 > *:nth-child(1),
  .elementor-kit-9063 .elementor .elementor-element-55b8281d > *:nth-child(1),
  .elementor-kit-9063 .elementor .elementor-element-1b58c3fb > *:nth-child(1),
  .elementor-kit-9063 .elementor .elementor-element-33f0d4ce > *:nth-child(1){
    grid-column: 1; grid-row: 1;
    width: auto; max-width: none; flex-basis: auto;
  }
  .elementor-kit-9063 .elementor .elementor-element-74b0df45 > *:nth-child(2),
  .elementor-kit-9063 .elementor .elementor-element-3879d907 > *:nth-child(2),
  .elementor-kit-9063 .elementor .elementor-element-75908a55 > *:nth-child(2),
  .elementor-kit-9063 .elementor .elementor-element-55b8281d > *:nth-child(2),
  .elementor-kit-9063 .elementor .elementor-element-1b58c3fb > *:nth-child(2),
  .elementor-kit-9063 .elementor .elementor-element-33f0d4ce > *:nth-child(2){
    grid-column: 2; grid-row: 1;
    width: auto; max-width: none; flex-basis: auto;
  }
  .elementor-kit-9063 .elementor .elementor-element-74b0df45 > *:nth-child(3),
  .elementor-kit-9063 .elementor .elementor-element-3879d907 > *:nth-child(3),
  .elementor-kit-9063 .elementor .elementor-element-75908a55 > *:nth-child(3),
  .elementor-kit-9063 .elementor .elementor-element-55b8281d > *:nth-child(3),
  .elementor-kit-9063 .elementor .elementor-element-1b58c3fb > *:nth-child(3),
  .elementor-kit-9063 .elementor .elementor-element-33f0d4ce > *:nth-child(3){
    grid-column: 3; grid-row: 1;
    justify-self: end;
    align-self: start;
    white-space: nowrap;
    width: auto; flex-basis: auto;
  }
}
@media (max-width: 1024px){
  .elementor-kit-9063 .elementor .elementor-element-74b0df45,
  .elementor-kit-9063 .elementor .elementor-element-3879d907,
  .elementor-kit-9063 .elementor .elementor-element-75908a55,
  .elementor-kit-9063 .elementor .elementor-element-55b8281d,
  .elementor-kit-9063 .elementor .elementor-element-1b58c3fb,
  .elementor-kit-9063 .elementor .elementor-element-33f0d4ce{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}

/* ============================================================
   CTA TLAČIDLO SEKCIE
   Vždy posledný prvok sekcie, vzhľad ako KONTAKTUJTE NÁS.
   Značka sekcie (nadpis | text | značka) je len popis, nie odkaz.
   ============================================================ */
.elementor-kit-9063 .elementor .norta-cta-pill,
.elementor-kit-9063 .elementor .elementor-element-687e168d,
.elementor-kit-9063 .elementor .elementor-element-a2da37d{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  width: auto;
  height: auto;
  margin-top: 36px;
  padding: 11px 24px;
  background-color: var(--brand-dark);
  border: 0;
  border-radius: 999px;
  color: var(--brand-cream);
  font-family: var(--font-body), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .18s ease;
}
.elementor-kit-9063 .elementor .norta-cta-pill:hover,
.elementor-kit-9063 .elementor .norta-cta-pill:focus-visible,
.elementor-kit-9063 .elementor .elementor-element-687e168d:hover,
.elementor-kit-9063 .elementor .elementor-element-687e168d:focus-visible,
.elementor-kit-9063 .elementor .elementor-element-a2da37d:hover,
.elementor-kit-9063 .elementor .elementor-element-a2da37d:focus-visible{
  background-color: #403C36;
}
/* Pilulka postavená z odkazu s textom vnútri (nie z widgetu tlačidla). */
.elementor-kit-9063 .elementor .norta-cta-pill > p,
.elementor-kit-9063 .elementor .elementor-element-687e168d > p,
.elementor-kit-9063 .elementor .elementor-element-a2da37d > p{
  margin: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
}
/* Rozcestník služieb - CTA vpravo pod úvodným textom. */
.elementor-kit-9063 .elementor .elementor-element-39f19d77 > .norta-cta-pill,
.elementor-kit-9063 .elementor .elementor-element-39f19d77 > .elementor-element-687e168d{
  align-self: flex-end;
  margin-top: 20px;
}
@media (max-width: 1024px){
  .elementor-kit-9063 .elementor .elementor-element-39f19d77 > .norta-cta-pill,
  .elementor-kit-9063 .elementor .elementor-element-39f19d77 > .elementor-element-687e168d{
    align-self: flex-start;
    margin-top: 28px;
  }
}
@media (max-width: 767px){
  .elementor-kit-9063 .elementor .norta-cta-pill,
  .elementor-kit-9063 .elementor .elementor-element-687e168d{ margin-top: 26px; }
}

/* Právna navigácia - CTA vpravo, pod druhým textovým blokom.
   Sekcia má vlastnú medzeru 37 px, preto záporný margin. */
.elementor-kit-9063 .elementor .elementor-element-857a84e > .norta-cta-pill{
  align-self: flex-end;
  margin-top: -13px;
}
@media (max-width: 1024px){
  .elementor-kit-9063 .elementor .elementor-element-857a84e > .norta-cta-pill{
    align-self: flex-start;
    margin-top: -13px;
  }
}


/* ============================================================
   HLAVNÉ MENU MEDZI 1025 A 1279 px
   Na užšom notebooku sa položky nezmestili na jeden riadok
   a "Kontakt" padal pod menu. Stiahneme medzery a písmo.
   ============================================================ */
@media (min-width: 1025px) and (max-width: 1279px){
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu{
    gap: 18px;
  }
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li > a.elementor-item{
    font-size: 15px;
  }
  .elementor-kit-9063 .elementor-location-header .e-button-base{
    padding-inline: 18px;
    font-size: 13px;
  }
}

/* ============================================================
   STRÁNKY KANCELÁRIÍ (Bratislava / Žilina / Zvolen)
   Bloky mali nulovú medzeru, text sa lepil na bielu kartu.
   ============================================================ */
.elementor-kit-9063 .elementor .elementor-element-77486dda,
.elementor-kit-9063 .elementor .elementor-element-7a3ca29d,
.elementor-kit-9063 .elementor .elementor-element-574f5a2e{
  gap: 72px;
}
.elementor-kit-9063 .elementor .elementor-element-6396ae00,
.elementor-kit-9063 .elementor .elementor-element-59d04883,
.elementor-kit-9063 .elementor .elementor-element-620c6f45{
  margin-top: 0;
}
@media (max-width: 767px){
  .elementor-kit-9063 .elementor .elementor-element-77486dda,
  .elementor-kit-9063 .elementor .elementor-element-7a3ca29d,
  .elementor-kit-9063 .elementor .elementor-element-574f5a2e{
    gap: 48px;
  }
}
/* Hlavička kancelárie má len nadpis a značku - nadpis sa nemá lámať. */
@media (min-width: 1025px){
  .elementor-kit-9063 .elementor .elementor-element-55b8281d,
  .elementor-kit-9063 .elementor .elementor-element-1b58c3fb,
  .elementor-kit-9063 .elementor .elementor-element-33f0d4ce{
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
  }
}


/* ============================================================
   OPRAVY PO KONTROLE CELÉHO WEBU (2026-10-15)
   ============================================================ */

/* Dvojstĺpec textu pod kartami. Elementor drží na .e-con display:flex
   s rovnakou špecifickosťou a načítava sa neskôr, preto tu treba
   predradiť triedu kitu - inak mobil zostane na dvoch stĺpcoch. */
.elementor-kit-9063 .elementor .pn-textrow{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px){
  .elementor-kit-9063 .elementor .pn-textrow{
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
  }
}

/* Mriežka tímu: na mobile vždy jeden stĺpec. */
@media (max-width: 767px){
  .elementor-kit-9063 .elementor .tim-mriezka{
    grid-template-columns: 1fr;
  }
}

/* Dlaždice rozcestníka na 404 a písmená v slovníku majú tvar pilulky. */
.elementor-kit-9063 .elementor .elementor-element-286df34a,
.elementor-kit-9063 .elementor .elementor-element-6fdba582,
.elementor-kit-9063 .elementor .elementor-element-2341c7cc,
.elementor-kit-9063 .elementor .elementor-element-5ac3de9d,
.elementor-kit-9063 .elementor .elementor-element-76460037 > a{
  border-radius: 999px;
}

/* ============================================================
   HLAVNÉ PILIERE - farebný rytmus kariet
   Trojica svetlá → piesková → kamenná sa opakuje stále dokola,
   takže od štvrtej karty (Energetika) pattern začína odznova.
   Karty majú vlastné farby z komponentu, preto vyššia špecifickosť.
   ============================================================ */
.elementor-kit-9063 .elementor .gap-piliere > a:nth-child(3n+1){
  background-color: #FFFFFF;
}
.elementor-kit-9063 .elementor .gap-piliere > a:nth-child(3n+2){
  background-color: var(--brand-sand);
}
.elementor-kit-9063 .elementor .gap-piliere > a:nth-child(3n+3){
  background-color: var(--brand-stone-plocha);
}

/* ============================================================
   KONTRAST NA KAMENNÝCH KARTÁCH
   Kamenná #89847A má s tmavým textom len 3,90:1, AA žiada 4,5:1.
   Krémový text by bol ešte horší (3,29:1), takže sa dvíha podklad:
   #969188 s pôvodným tmavým textom dáva 4,63:1. Premenná
   --brand-stone zostáva nedotknutá, používa sa aj na text.
   ============================================================ */
:root{ --brand-stone-plocha: #969188; }
.elementor-kit-9063 .elementor .e-f3cd620-616f,   /* Real Estate - piliere */
.elementor-kit-9063 .elementor .e-54e7aa4f-31da,  /* Daňové právo - špeciálne oblasti */
.elementor-kit-9063 .elementor .e-79d87989-7605,  /* Zvolen - kancelárie */
.elementor-kit-9063 .elementor .e-bf360870-f507{  /* Regulačné právo - O nás */
  background-color: var(--brand-stone-plocha);
}

/* ============================================================
   LEPIVÁ HLAVIČKA
   Menu zostáva hore pri scrollovaní. Lišta má vlastné krémové
   pozadie, takže obsah pod ňou neprekúka. Vlasová čiara sa
   objaví až keď stránka odíde z vrchu.
   ============================================================ */
.elementor-kit-9063 .elementor-location-header{
  position: sticky;
  top: 0;
  z-index: 100;
}
/* kotvy (napr. obsah článku) nesmú skončiť pod hlavičkou */
html{ scroll-padding-top: 150px; }
@media (max-width: 767px){
  html{ scroll-padding-top: 110px; }
}
.elementor-kit-9063 .elementor-location-header > .e-con::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: rgba(43, 41, 37, .14);
  opacity: 1;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: scroll()){
    .elementor-kit-9063 .elementor-location-header > .e-con::after{
      animation: norta-hlavicka-ciara linear both;
      animation-timeline: scroll(root block);
      animation-range: 0 120px;
    }
    @keyframes norta-hlavicka-ciara{
      from{ opacity: 0; }
      to{ opacity: 1; }
    }
  }
}

/* ============================================================
   MEGA MENU (desktop) podľa Figmy 594-76 / 594-507
   Stavia na existujúcej trojúrovňovej štruktúre WP menu:
   1. úroveň = lišta, 2. úroveň = krémový stĺpec hlavných oblastí,
   3. úroveň = pieskový stĺpec podoblastí vpravo.
   Panel sedí hneď pod položkou menu; krémová je rovnaká ako
   hlavička, takže spoj nie je vidieť a myš po ceste dole
   neprejde cez medzeru. Pieskový stĺpec má výšku celého panela
   a ťahá sa k pravému okraju okna.
   !important je nutné: polohu rozbaľovačiek dopĺňa SmartMenus
   inline štýlom a widget má vlastné !important pravidlá.
   ============================================================ */
@media (min-width: 1025px){
  /* presah pieskového stĺpca doprava orezáva lišta hlavičky */
  .elementor-kit-9063 .elementor-location-header > .e-con{ overflow-x: clip; }

  /* --- 2. úroveň: krémový panel --- */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li > ul.sub-menu{
    position: absolute !important;
    top: calc(100% + 39px) !important;
    left: 0 !important;
    width: 300px !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 0 30px !important;
    background-color: var(--brand-cream) !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  /* mostík cez medzeru pod položkou menu - drží panel otvorený */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li > ul.sub-menu::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -39px;
    height: 39px;
  }

  /* krémové pozadie až k ľavému okraju okna */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li:has(> ul.sub-menu > li > ul.sub-menu) > ul.sub-menu::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100vw;
    background-color: var(--brand-cream);
    pointer-events: none;
  }
  /* položky oboch stĺpcov */
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item{
    padding: 13px 24px 13px 0 !important;
    background-color: transparent !important;
    color: var(--brand-dark) !important;
    font-family: var(--font-body), sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    white-space: normal !important;
    transition: opacity .16s ease;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item:hover,
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.sub-menu > li > a.elementor-sub-item:focus,
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.sub-menu > li > a.elementor-item-active{
    background-color: transparent !important;
    color: var(--brand-dark) !important;
    opacity: .55;
  }

  /* 2. úroveň prestáva byť kotvou, aby sa 3. mohla natiahnuť
     na výšku celého panela */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li > ul.sub-menu > li{
    position: static !important;
  }

  /* --- 3. úroveň: pieskový stĺpec vpravo --- */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.sub-menu > li > ul.sub-menu{
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 100% !important;
    right: auto !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    height: auto !important;
    padding: 14px 40px 14px 30px !important;
    background-color: var(--brand-sand) !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.sub-menu > li > ul.sub-menu > li > a.elementor-sub-item{
    padding: 13px 0 !important;
  }

  /* tenké svetlé linky medzi položkami */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li > ul.sub-menu > li{
    border-bottom: 1px solid rgba(43, 41, 37, .12);
  }
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li > ul.sub-menu > li:last-child{
    border-bottom: 0;
  }
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.sub-menu > li > ul.sub-menu > li{
    border-bottom: 1px solid rgba(43, 41, 37, .14);
  }
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.sub-menu > li > ul.sub-menu > li:last-child{
    border-bottom: 0;
  }

  /* --- malé rozbaľovačky (O nás, Kontakt) ---
     Nemajú tretiu úroveň, takže panel nemá byť široký blok s textom
     nalepeným na hrane. Šírka podľa obsahu, vnútorné okraje a tieň,
     posun doľava drží text zarovnaný pod položkou menu. */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu > li:not(:has(> ul.sub-menu > li > ul.sub-menu)) > ul.sub-menu{
    left: -30px !important;
    top: calc(100% + 39px) !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 340px !important;
    padding: 14px 30px 26px !important;
    box-shadow: 0 18px 40px rgba(43, 41, 37, .10) !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.elementor-nav-menu > li:not(:has(> ul.sub-menu > li > ul.sub-menu)) > ul.sub-menu > li > a.elementor-sub-item{
    padding: 13px 0 !important;
    white-space: nowrap !important;
  }

  /* šípka pri oblasti, ktorá má podoblasti */
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.sub-menu .sub-arrow{
    margin-left: 8px;
    opacity: .75;
  }
}

/* Tesne nad 1025 px sa menu ešte lámalo na dva riadky (písmo prebíjal
   widget cez !important, preto to tu musí byť tiež s !important).
   Keď sa láme, položka sedí vyššie a panel by začal nad hlavičkou. */
@media (min-width: 1025px) and (max-width: 1099px){
  .elementor-kit-9063 .elementor-location-header nav.elementor-nav-menu--main ul.elementor-nav-menu{
    gap: 12px !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 nav.elementor-nav-menu--main ul.elementor-nav-menu > li > a.elementor-item{
    font-size: 15px !important;
  }
}

/* ============================================================
   MOBILNÉ MENU
   Rovnaká logika ako mega menu na desktope: hlavné položky na
   krémovej, podoblasti na pieskovej, medzi položkami vlasové
   linky. Panel je cez celú šírku pod hlavičkou, nie úzka tmavá
   krabica nad obsahom. Výška je obmedzená na obrazovku a vnútri
   sa roluje; `min()` zachováva Elementorovu animáciu otvárania
   (tá hýbe premennou --menu-height).
   ============================================================ */
@media (max-width: 1024px){
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    position: fixed !important;
    top: 81px;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background-color: var(--brand-cream) !important;
    border: 0 !important;
    border-top: 1px solid rgba(43, 41, 37, .12) !important;
    box-shadow: 0 24px 48px rgba(43, 41, 37, .10) !important;
    max-height: min(var(--menu-height, 0px), calc(100vh - 81px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  /* 1. úroveň */
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown a.elementor-item{
    padding: 17px 24px !important;
    background-color: transparent !important;
    color: var(--brand-dark) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown > ul > li{
    border-bottom: 1px solid rgba(43, 41, 37, .12);
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown > ul > li:last-child{
    border-bottom: 0;
  }

  /* 2. úroveň - hlavné oblasti, stále na krémovej */
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown ul.sub-menu{
    background-color: rgba(43, 41, 37, .035) !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown ul.sub-menu > li > a.elementor-sub-item{
    padding: 14px 24px 14px 40px !important;
    background-color: transparent !important;
    color: var(--brand-dark) !important;
    font-size: 15px !important;
    line-height: 20px !important;
    white-space: normal !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown ul.sub-menu > li + li{
    border-top: 1px solid rgba(43, 41, 37, .10);
  }

  /* 3. úroveň - podoblasti na pieskovej, ako pravý stĺpec na desktope */
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu{
    background-color: var(--brand-sand) !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu > li > a.elementor-sub-item{
    padding: 13px 24px 13px 56px !important;
    font-size: 14px !important;
  }
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu > li + li{
    border-top: 1px solid rgba(43, 41, 37, .14);
  }

  /* šípky v rovnakej farbe ako text */
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown .sub-arrow svg{
    fill: currentColor;
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  .elementor-kit-9063 .elementor-location-header .elementor-element-34644431 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    top: 128px;
    max-height: min(var(--menu-height, 0px), calc(100vh - 128px)) !important;
  }
}

/* ============================================================
   PRÁVNE STRÁNKY (zásady ochrany údajov, cookies)
   Sú to bežné WordPress stránky bez Elementora, aby bol text
   čistý a ľahko udržiavateľný. Štýl doťahuje toto pravidlo.
   ============================================================ */
body:has(.norta-legal) .site-main{
  max-width: 880px;
  margin: 0 auto;
  padding: 72px 24px 96px;
}
body:has(.norta-legal) .page-header{ margin: 0 0 10px; }
body:has(.norta-legal) .page-header .entry-title{
  font-family: var(--font-display), sans-serif;
  font-weight: 400;
  font-size: 44px;
  line-height: 1.14;
  color: var(--brand-dark);
  margin: 0;
}
.norta-legal{
  font-family: var(--font-body), sans-serif;
  font-size: 17px;
  line-height: 29px;
  color: var(--norta-text-2);
}
.norta-legal h2{
  font-family: var(--font-display), sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: var(--brand-dark);
  margin: 46px 0 14px;
}
.norta-legal h3{
  font-family: var(--font-body), sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: var(--brand-dark);
  margin: 28px 0 8px;
}
.norta-legal p{ margin: 0 0 16px; }
.norta-legal ul{ margin: 0 0 18px; padding-left: 22px; }
.norta-legal li{ margin-bottom: 8px; }
.norta-legal a{ color: var(--brand-dark); text-decoration: underline; text-underline-offset: 3px; }
.norta-legal strong{ color: var(--brand-dark); }
.norta-legal__lead{
  font-size: 19px;
  line-height: 31px;
  color: var(--brand-dark);
  margin-bottom: 30px;
}
.norta-legal__tabulka{ width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.norta-legal__tabulka th,
.norta-legal__tabulka td{
  padding: 11px 0;
  border-bottom: 1px solid rgba(43, 41, 37, .12);
  vertical-align: top;
  text-align: left;
}
.norta-legal__tabulka th{ width: 190px; font-weight: 600; color: var(--brand-dark); }
.norta-legal__podpis{
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid rgba(43, 41, 37, .12);
  color: var(--brand-dark);
}
@media (max-width: 767px){
  body:has(.norta-legal) .site-main{ padding: 40px 16px 64px; }
  body:has(.norta-legal) .page-header .entry-title{ font-size: 32px; }
  .norta-legal{ font-size: 16px; line-height: 27px; }
  .norta-legal__lead{ font-size: 17px; line-height: 28px; }
  .norta-legal h2{ font-size: 21px; margin-top: 36px; }
  .norta-legal__tabulka th{ width: 110px; }
}/* End custom CSS */