@charset "UTF-8";
/*
Theme Name:     Astra Child
Template:       astra
*/
/* Functions */
/* -------------------------------------------------------------
   POMOCNÉ FUNKCIE
------------------------------------------------------------- */
/**
 * Vytvorí clamp() pre fluid segment
 * Bezrozmerná slope: clamp(min, min + diff * progress, max)
 */
/* -------------------------------------------------------------
   HLAVNÝ MIXIN
------------------------------------------------------------- */
/**
 * set-breakpoint-fluid-variable
 *
 * @param {string} $var-name CSS premenná (napr. --size)
 * @param {list}   $pairs    ((viewport, value), ...)
 *                  prvá hodnota viewport môže byť null → nahradí sa 0
 *                  ak nie je null/0, automaticky doplní (0, val1)
 *                  hodnota môže byť číslo alebo CSS premenná (string)
 */
/* @mixin set-breakpoint-variable
   Dynamicky nastaví CSS premennú podľa breakpointov s validáciou jednotiek.
   - Ak sú breakpoints narastajúce -> min-width
   - Ak sú klesajúce -> max-width
   - Hodnota null môže byť len u prvého breakpointu (fallback)
   - Povolené jednotky: px, %, rem, em alebo číslo (interpretuje sa ako px)
   @param {string} $var-name - CSS premenná (napr. --logo-width)
   @param {list} $pairs - zoznam dvojíc: (breakpoint, value)
     breakpoint: číslo (px), value: string alebo number s jednotkou alebo null
     ((null, 100px), (600, 200px), (900, 550px)) */
/* Root variables */
@media (min-width: 545px) {
  .ast-container {
    max-width: 1920px !important;
  }
}

@media (min-width: 922px) {
  .ast-container {
    max-width: 1920px !important;
  }
}

/* -------------------------------------------------------------
   ROOT CSS VARIABLES
-------------------------------------------------------------- */
:root {
  /* Reset Astry */
  /* Musí byť - reset astry */
  --wp--custom--ast-default-block-left-padding: 0px;
  --wp--custom--ast-default-block-right-padding: 0px;
  /* Farby */
  --color-1: #01E4DE;
  --color-2: #E40078;
  --color-3: #62687E;
  --color-4: #2B2B2B;
  --color-5: #FFFFFF;
  --color-6: #F6F6F6;
  --color-7: #EAEAEA;
  /* color disabled */
  --color-1-hover: #00C9C4;
  --color-2-hover: #CB016B;
  --color-3-hover: #575C70;
  --color-6-hover: var(--color-5);
  --color-arrow: #D7DEE4;
  --color-bg: #F6F6F6;
  /* Slider */
  --active-color-1: var(--color-1);
  /* #01E4DE; */
  --inactive-color-1: #FFF;
  --prev-next-btn-color-1: var(--color-arrow);
  /* #D7DEE4; */
  --active-color-2: #A1A4B0;
  --inactive-color-2: #FFF;
  --prev-next-btn-color-2: var(--color-arrow);
  /* #D7DEE4; */
  --active-color-3: #FFF;
  --inactive-color-3: #67EFEB;
  --prev-next-btn-color-3: #FFF;
  /* Gradient pre header */
  --header-gradient-top: #00000020;
  /*  CFCFCF; */
  --header-gradient-bottom: #00000000;
  /* #EAEAEA; */
  /* ------------------- Fonty ------------------- */
  --font-base: "Work Sans", sans-serif;
  --font-heading: var(--font-base);
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --uppercase-letter-spacing: 0.1em;
  /* Fluidná responzivita */
  --base-font-size: 16px;
  /* ???????????? default, môže byť prepísané JS alebo media query */
}

:root {
  /* ------------------- Grafika ------------------- */
  /* Fluidná hrúbka dolnej čiary hlavičky */
  --header-line-height: 8px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* Fluidná hrúbka vodorovnej čiary */
  --horizontal-line-height: 1px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* Veľkosť ikony šípky */
  --arrow-icon-size: 52px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* ------------------- Typografia ------------------- */
  --h1-size: 36px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --h2-size: var(--h1-size);
  --h1-size-columns: 36px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --h2-size-columns: var(--h1-size-columns);
  --h3-size: 32px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --h3-size-columns: 32px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --h4-size: 32px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --h4-size-columns: 32px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --h5-size: var(--h4-size);
  --h6-size: var(--h4-size);
  --body-size: 16px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --body-size-columns: 18px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /*

  @include set-breakpoint-fluid-variable(
    --body-size-columns,
    ((320, 16),
     (480, 18),
     (767, 24),
     (768, 18),
     (1920, 28))
  );
*/
  --caption-size: 14px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /*
  @include set-breakpoint-fluid-variable(
    --caption-size-columns,
    ((320, 14),
     (480, 16),
     (767, 16),
     (768, 16),
     (1920, 24))
  );
  */
  --caption-size-columns: 16px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --link-size: var(--caption-size);
  --menu-font: var(--caption-size);
  --menu-font-mobile: var(--caption-size);
  /* --- Logo --- */
  --logo-width: 240px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  --logo-max-width: 100%;
  --logo-padding-top-bottom: calc(0.28 * 25%);
  /* prepočet na výšku loga 7 / 25 */
  /* ------------------- Rozmery ------------------- */
  /* Pade side padding sa mení pri rôznych stránkach pri rôznych šírkach viewportu */
  --page-side-padding: 16px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /*
  @include set-breakpoint-fluid-variable(
    --header-footer-side-padding,
    ((319, 16),
     (320, 32),
     (1100, 32),
     (1920, 142))
  );
  */
  --narrow-side-padding: 0px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /*
  @include set-breakpoint-fluid-variable(
    --small-gap,
    ((319, 8),
     (480, 16),
     (1100, 16),
     (1920, 52)) */
  /* 0.75 * h1 = 0.5625 * --h1-size (92px) */
  /*
  );
*/
  --big-gap: calc(1.54 * var(--h1-size));
  /* 2.25 * h1 = 1.54 * --h1-size */
  --regular-gap: calc(1.125 * var(--h1-size));
  /* 1.5 * h1 */
  --small-gap: calc(0.5625 * var(--h1-size));
  /* 0.75 * h1 = 0.5625 * --h1-size (92px) */
  --column-gap-2: var(--small-gap);
  --column-gap-3: var(--regular-gap);
  --row-gap: var(--small-gap);
  /* Paddingy menu položiek */
  /* --menu-padding-vertical: fluid(4.8px, 9.6px); */
  --menu-padding-vertical: 4px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* --menu-padding-horizontal: fluid(6.4px, 12.8px); */
  --menu-padding-horizontal: 6.4px;
  /* OPRAVENÁ DEDUPLIKÁCIA */
  /* OPRAVENÁ DEDUPLIKÁCIA */
}

@media (min-width: 767px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --header-line-height: clamp(8px, calc(8px + 6 * ((100vw - 767px) / 1153)), 14px);
    }
  }
}

@media (min-width: 767px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --horizontal-line-height: clamp(1px, calc(1px + 1.5 * ((100vw - 767px) / 1153)), 2.5px);
    }
  }
}

@media (min-width: 767px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --arrow-icon-size: clamp(52px, calc(52px + 42 * ((100vw - 767px) / 1153)), 94px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h1-size: clamp(36px, calc(36px + 6 * ((100vw - 320px) / 160)), 42px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --h1-size: 42px;
  }
}

@media (min-width: 768px) {
  :root {
    --h1-size: 42px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h1-size: clamp(42px, calc(42px + 50 * ((100vw - 768px) / 1152)), 92px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h1-size-columns: clamp(36px, calc(36px + 6 * ((100vw - 320px) / 160)), 42px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --h1-size-columns: 42px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h1-size-columns: clamp(42px, calc(42px + 33 * ((100vw - 480px) / 287)), 75px);
    }
  }
}

@media (min-width: 768px) {
  :root {
    --h1-size-columns: 42px;
  }
}

@media (min-width: 768px) {
  :root {
    --h1-size-columns: 42px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h1-size-columns: clamp(42px, calc(42px + 50 * ((100vw - 768px) / 1152)), 92px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h3-size: clamp(32px, calc(32px + 4 * ((100vw - 320px) / 160)), 36px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --h3-size: 36px;
  }
}

@media (min-width: 768px) {
  :root {
    --h3-size: 36px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h3-size: clamp(36px, calc(36px + 27 * ((100vw - 768px) / 1152)), 63px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h3-size-columns: clamp(32px, calc(32px + 4 * ((100vw - 320px) / 160)), 36px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --h3-size-columns: 36px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h3-size-columns: clamp(36px, calc(36px + 18 * ((100vw - 480px) / 287)), 54px);
    }
  }
}

@media (min-width: 768px) {
  :root {
    --h3-size-columns: 36px;
  }
}

@media (min-width: 768px) {
  :root {
    --h3-size-columns: 36px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h3-size-columns: clamp(36px, calc(36px + 27 * ((100vw - 768px) / 1152)), 63px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h4-size: clamp(32px, calc(32px + 4 * ((100vw - 320px) / 160)), 36px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --h4-size: 36px;
  }
}

@media (min-width: 768px) {
  :root {
    --h4-size: 36px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h4-size: clamp(36px, calc(36px + 12 * ((100vw - 768px) / 1152)), 48px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h4-size-columns: clamp(32px, calc(32px + 4 * ((100vw - 320px) / 160)), 36px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --h4-size-columns: 36px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h4-size-columns: clamp(36px, calc(36px + 8 * ((100vw - 480px) / 287)), 44px);
    }
  }
}

@media (min-width: 768px) {
  :root {
    --h4-size-columns: 36px;
  }
}

@media (min-width: 768px) {
  :root {
    --h4-size-columns: 36px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --h4-size-columns: clamp(36px, calc(36px + 12 * ((100vw - 768px) / 1152)), 48px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --body-size: clamp(16px, calc(16px + 2 * ((100vw - 320px) / 160)), 18px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --body-size: 18px;
  }
}

@media (min-width: 767px) {
  :root {
    --body-size: 18px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --body-size: clamp(18px, calc(18px + 10 * ((100vw - 767px) / 1153)), 28px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --body-size-columns: clamp(18px, calc(18px + 2 * ((100vw - 320px) / 160)), 20px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --body-size-columns: 20px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --body-size-columns: clamp(20px, calc(20px + 6 * ((100vw - 480px) / 287)), 26px);
    }
  }
}

@media (min-width: 768px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --body-size-columns: clamp(18px, calc(18px + 10 * ((100vw - 768px) / 1152)), 28px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --caption-size: clamp(14px, calc(14px + 2 * ((100vw - 320px) / 160)), 16px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --caption-size: 16px;
  }
}

@media (min-width: 767px) {
  :root {
    --caption-size: 16px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --caption-size: clamp(16px, calc(16px + 8 * ((100vw - 767px) / 1153)), 24px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --caption-size-columns: clamp(16px, calc(16px + 2 * ((100vw - 320px) / 160)), 18px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --caption-size-columns: 18px;
  }
}

@media (min-width: 768px) {
  :root {
    --caption-size-columns: 18px;
  }
}

@media (min-width: 768px) {
  :root {
    --caption-size-columns: 18px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --caption-size-columns: clamp(18px, calc(18px + 6 * ((100vw - 768px) / 1152)), 24px);
    }
  }
}

@media (min-width: 320px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --logo-width: clamp(240px, calc(240px + 88 * ((100vw - 320px) / 447)), 328px);
    }
  }
}

@media (min-width: 767px) {
  :root {
    --logo-width: 328px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --logo-width: clamp(328px, calc(328px + 172 * ((100vw - 767px) / 1153)), 500px);
    }
  }
}

@media (min-width: 767px) {
  :root {
    --logo-padding-top-bottom: calc(0.28 * 15%);
    /* prepočet na výšku loga 7 / 25 */
  }
}

@media (min-width: 319px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --page-side-padding: clamp(16px, calc(16px + 16 * ((100vw - 319px) / 161)), 32px);
    }
  }
}

@media (min-width: 480px) {
  :root {
    --page-side-padding: 32px;
  }
}

@media (min-width: 1100px) {
  :root {
    --page-side-padding: 32px;
  }
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --page-side-padding: clamp(32px, calc(32px + 110 * ((100vw - 1100px) / 820)), 142px);
    }
  }
}

@media (min-width: 1100px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --narrow-side-padding: clamp(0px, calc(0px + 52 * ((100vw - 1100px) / 820)), 52px);
    }
  }
}

@media (min-width: 767px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --menu-padding-vertical: clamp(4px, calc(4px + 5 * ((100vw - 767px) / 1153)), 9px);
    }
  }
}

@media (min-width: 767px) {
  @supports (width: clamp(0px, 1px, 1px)) {
    :root {
      --menu-padding-horizontal: clamp(6.4px, calc(6.4px + 6.4 * ((100vw - 767px) / 1153)), 12.8px);
    }
  }
}

/* Layout */
/* Musí byť - reset astry */
#primary {
  margin: 0;
}

.ast-container, .ast-container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

/* --- Premenné pre layout --- */
/* Nastavujú sa LEN sekcie, ktoré "sú v strede", tie,
   ktoré sú na celú šírku viewportu, sú riešené v headeri, footeri a v ďalších scss */
/* --- Kontajnery --- */
/* výber z článkov na domov-e */
/* --- Max-width a centrovanie pre všetko --- */
.site-header .ast-container,
.site-header .ast-builder-grid-row-container,
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,
.ast-content .ast-container,
.ast-content .ast-builder-grid-row-container,
div.wp-block-uagb-container.content.alignwide.uagb-is-root-container,
.site-footer .ast-container,
.site-footer .ast-builder-grid-row-container,
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* --- Paddingy header a footer --- */
.site-header .ast-container,
.site-header .ast-builder-grid-row-container,
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,
.site-footer .ast-container,
.site-footer .ast-builder-grid-row-container,
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner {
  padding-left: var(--page-side-padding);
  padding-right: var(--page-side-padding);
}

/* --- Standardné kontajnery šírky <-- logo    menu -->   --- */
.ast-content .ast-container,
.ast-content .ast-builder-grid-row-container,
div.wp-block-uagb-container.content.alignwide.uagb-is-root-container {
  padding-left: var(--page-side-padding);
  padding-right: var(--page-side-padding);
}

/* --- Úzke kontajnery --- */
.ast-plain-container.ast-no-sidebar .entry-content .alignwide div.wp-block-uagb-container.narrow.alignwide.uagb-is-root-container,
div.wp-block-uagb-container.narrow.alignwide.uagb-is-root-container,
.wp-block-uagb-container.narrow.content.uagb-block-3695a87b.alignwide.uagb-is-root-container {
  margin-left: var(--narrow-side-padding);
  margin-right: var(--narrow-side-padding);
}

p.intro-section {
  margin-bottom: 0;
  margin-top: var(--small-gap);
  max-width: 55ch;
}

p.side-section {
  margin-bottom: var(--small-gap);
  margin-top: calc(0.6 * var(--small-gap));
  max-width: 40ch;
}

/* Gapy pre kontajnery */
/* Zruší riadkové gapy */
.entry-content .wp-block-uagb-container[class*="uagb-block-"].alignwide.uagb-is-root-container {
  row-gap: 0;
}

/* 2-stĺpcový */
.entry-content .wp-block-uagb-container.uagb-is-root-container.alignfull[class*="uagb-block-"].column-2 > div.uagb-container-inner-blocks-wrap,
.entry-content .wp-block-uagb-container.alignwide[class*="uagb-block-"].column-2 {
  row-gap: var(--row-gap);
  column-gap: var(--column-gap-2);
}

/* 3-stĺpcový */
.entry-content .wp-block-uagb-container.uagb-is-root-container.alignfull[class*="uagb-block-"].column-3 > div.uagb-container-inner-blocks-wrap,
.entry-content .wp-block-uagb-container.alignwide[class*="uagb-block-"].column-3 {
  row-gap: var(--row-gap);
  column-gap: var(--column-gap-2);
}

/* Zarovnie buttonov na spodok stretch stĺpcov (natiahnutých na rovnakú výšku) */
div.to-bottom {
  margin-top: auto;
}

.entry-content .wp-block-uagb-container.alignwide[class*="uagb-block-"].section-divider {
  border-top: var(--horizontal-line-height) solid var(--color-4);
  padding-top: var(--small-gap);
  position: relative;
}

.wp-block-uagb-container.negative-margin-top[class*="uagb-block-"] {
  margin-top: calc(-1 * var(--small-gap));
}

.wp-block-uagb-container.small-padding-top[class*="uagb-block-"] {
  padding-top: var(--small-gap);
}

.wp-block-uagb-container.small-padding-bottom[class*="uagb-block-"] {
  padding-bottom: var(--small-gap);
}

.wp-block-uagb-container.big-padding-top[class*="uagb-block-"] {
  padding-top: var(--regular-gap);
}

.wp-block-uagb-container.big-padding-bottom[class*="uagb-block-"] {
  padding-bottom: var(--regular-gap);
}

.wp-block-uagb-container[class*="uagb-block-"].small-row-gap {
  row-gap: var(--small-gap);
}

.wp-block-uagb-container[class*="uagb-block-"].small-row-gap > p {
  margin-top: 0;
  margin-bottom: 0;
}

body:not(.home):not(.front-page) .entry-content {
  padding-top: var(--regular-gap);
  padding-bottom: var(--regular-gap);
}

body:not(.home):not(.front-page) h1 {
  padding-bottom: var(--small-gap);
}

/* Zobrazovanie a skrývanie pre desktop a mobil */
/* Základ – skryjeme obe */
.show-mobile-only,
.show-desktop-only {
  display: none;
}

/* Mobil: do 767px vrátane */
@media (max-width: 767px) {
  .show-mobile-only {
    display: block;
  }
}

/* Desktop: od 768px vrátane */
@media (min-width: 768px) {
  .show-desktop-only {
    display: block;
  }
}

/* Typography */
/* --- Body text --- */
body .entry-content {
  color: var(--color-4);
  font-family: var(--font-base);
  font-size: var(--body-size);
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
}

/* --- Nadpisy H1-H6 --- */
.entry-content :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading);
  line-height: 1;
  margin: 0;
  font-weight: var(--font-weight-regular);
  transition: color 0.3s ease,
 background-color 0.3s ease,
 font-size 0.3s ease,
 letter-spacing 0.3s ease;
}

/* Semibold ??????????????????????????????????????????????????????? */
.entry-content :is(h1, h2, h3, h4, h5, h6).semibold,
.entry-content .semibold :is(h1, h2, h3, h4, h5, h6).uagb-heading-text {
  font-weight: var(--font-weight-semibold);
}

/* Sizing */
body .entry-content h1 {
  font-size: var(--h1-size);
}

body .entry-content h2 {
  font-size: var(--h2-size);
}

body .entry-content h3 {
  font-size: var(--h3-size);
}

body .entry-content h4 {
  font-size: var(--h4-size);
}

body .entry-content h5 {
  font-size: var(--h5-size);
}

body .entry-content h6 {
  font-size: var(--h6-size);
}

/* Pre post-49 - Domov */
#post-49 h1 {
  font-size: var(--h1-size-columns);
}

#post-49 h2 {
  font-size: var(--h2-size-columns);
}

#post-49 h3 {
  font-size: var(--h3-size-columns);
}

#post-49 h4 {
  font-size: var(--h4-size-columns);
}

/* --- Text elements: p, span, li, a --- */
.entry-content :is(p, span, li, a) {
  color: var(--color-4);
  /* default farba, aby ju nebolo potrebné vždy nastavovať */
  font-family: var(--font-base);
  font-size: var(--body-size);
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
  transition: color 0.3s ease,
 background-color 0.3s ease,
 font-size 0.3s ease,
 letter-spacing 0.3s ease;
}

/* --- Semibold --- */
.entry-content :is(p, span, li, a).semibold {
  font-weight: var(--font-weight-semibold);
}

/* --- Caption --- */
.entry-content :is(p, span, li, a).caption {
  font-size: var(--caption-size);
}

/* --- Underline len pre a --- */
body .entry-content a,
body .entry-content .wp-block-paragraph a {
  color: var(--color-2);
  /* default farba, aby ju nebolo potrebné vždy nastavovať */
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.wp-block-uagb-advanced-heading h3.uagb-heading-text {
  margin-top: var(--regular-gap);
}

.entry-content p {
  margin-bottom: 0;
}

/* Pre post-49 - Domov */
#post-49 .entry-content p {
  font-size: var(--body-size-columns);
}

/* Eliminácia úprav pre telefónne čísla pre mobilné telefóny */
a[href^="tel"] {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.no-tel,
.no-tel a[href^="tel"] {
  pointer-events: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: inherit;
  cursor: text;
  -webkit-text-size-adjust: none;
}

/* --- Typografia tlačidiel --- */
button, .button, .ast-button,
.uagb-forms-main-form .wp-block-button__link,
div.uagb-button__link {
  font-family: var(--font-base);
  font-size: var(--caption-size);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--uppercase-letter-spacing);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --- Šípka za textom v tlačidle --- */
/*:is(button, .button, .ast-button, div.uagb-button__link)::after {*/
:is(button:not(.ast-mobile-menu-trigger-minimal),
.button, .ast-button, div.uagb-button__link)::after {
  content: "";
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  margin-left: 0.1em;
  mask: url("https://scavnicka.sk/wp-content/uploads/2025/11/SipkaBiela.svg") no-repeat center;
  mask-size: contain;
  background-color: currentColor;
  transition: background-color 0.3s ease;
}

/* Pre post-49 - Domov */
#post-49 div.uagb-button__link {
  font-size: var(--caption-size-columns);
}

/* Buttons design */
/* --- Spoločné základné štýly pre všetky tlačidlá --- */
button, .button, .ast-button,
a.uagb-buttons-repeater.wp-block-button__link,
.wp-block-uagb-buttons .wp-block-uagb-buttons-child.wp-block-button .uagb-buttons-repeater.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.4em;
  border: 3px solid red;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  box-sizing: border-box;
  white-space: nowrap;
  outline: none;
  position: relative;
  width: auto;
}

/* --- Špecifické hodnoty --- */
body button, body .button, body .ast-button,
.wp-block-uagb-container .wp-block-button__link {
  height: 2.8em;
  padding: 0 0.7em 0 1.4em;
}

a.uagb-buttons-repeater.wp-block-button__link {
  height: 2em;
  padding: 0 0.4em 0 1em;
}

/* --- Text vo vnútri UAGB tlačidla --- */
a.uagb-buttons-repeater.wp-block-button__link .uagb-button__link {
  display: inline-flex;
  align-items: center;
}

/* Colors */
/* Vždy biele pozadie */
.ast-plain-container, .ast-page-builder-template {
  background-color: var(--color-5);
  /* #FFF */
}

@media (max-width: 544px) {
  .ast-plain-container, .ast-page-builder-template {
    background-color: var(--color-5);
    /* #FFF */
  }
}

.entry-content :is(h1, h2, h3, h4, h5, h6, p, span, li, a).color-1,
.color-1 :is(h1, h2, h3, h4, h5, h6).uagb-heading-text {
  color: var(--color-1);
}

.entry-content :is(h1, h2, h3, h4, h5, h6, p, span, li, a).color-2,
.color-2 :is(h1, h2, h3, h4, h5, h6).uagb-heading-text {
  color: var(--color-2);
}

.entry-content :is(h1, h2, h3, h4, h5, h6, p, span, li, a).color-3,
.color-3 :is(h1, h2, h3, h4, h5, h6).uagb-heading-text {
  color: var(--color-3);
}

.entry-content :is(h1, h2, h3, h4, h5, h6, p, span, li, a).color-4,
.color-4 :is(h1, h2, h3, h4, h5, h6).uagb-heading-text {
  color: var(--color-4);
}

.entry-content :is(h1, h2, h3, h4, h5, h6, p, span, li, a).color-5,
.color-5 :is(h1, h2, h3, h4, h5, h6).uagb-heading-text {
  color: var(--color-5);
}

/* Button colors */
/* Základné farby */
.site-footer-primary-section-3 :is(button, .button, .ast-button).color-1,
.entry-content :is(button, .button, .ast-button).color-1,
.wp-block-uagb-buttons-child.color-1 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link {
  color: var(--color-5);
  background-color: var(--color-1);
  border-color: var(--color-1);
}

.site-footer-primary-section-3 :is(button, .button, .ast-button).color-2,
.entry-content :is(button, .button, .ast-button).color-2,
.wp-block-uagb-buttons-child.color-2 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link {
  color: var(--color-5);
  background-color: var(--color-2);
  border-color: var(--color-2);
}

.site-footer-primary-section-3 :is(button, .button, .ast-button).color-3,
.entry-content :is(button, .button, .ast-button).color-3,
.wp-block-uagb-buttons-child.color-3 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link {
  color: var(--color-5);
  background-color: var(--color-3);
  border-color: var(--color-3);
}

.site-footer-primary-section-3 :is(button, .button, .ast-button).color-6,
.entry-content :is(button, .button, .ast-button).color-6,
.wp-block-uagb-buttons-child.color-6 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link {
  color: var(--color-4);
  background-color: var(--color-6);
  border-color: var(--color-2);
}

/* Button hover colors */
.site-footer-primary-section-3 :is(button, .button, .ast-button).color-1:hover,
.entry-content :is(button, .button, .ast-button).color-1:hover,
.wp-block-uagb-buttons-child.color-1 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link:hover {
  background-color: var(--color-1-hover);
  border-color: var(--color-1-hover);
}

.site-footer-primary-section-3 :is(button, .button, .ast-button).color-2:hover,
.entry-content :is(button, .button, .ast-button).color-2:hover,
.wp-block-uagb-buttons-child.color-2 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link:hover {
  background-color: var(--color-2-hover);
  border-color: var(--color-2-hover);
}

.site-footer-primary-section-3 :is(button, .button, .ast-button).color-3:hover,
.entry-content :is(button, .button, .ast-button).color-3:hover,
.wp-block-uagb-buttons-child.color-3 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link:hover {
  background-color: var(--color-3-hover);
  border-color: var(--color-3-hover);
}

.site-footer-primary-section-3 :is(button, .button, .ast-button).color-6:hover,
.entry-content :is(button, .button, .ast-button).color-6:hover,
.wp-block-uagb-buttons-child.color-6 .uagb-button__wrapper a.uagb-buttons-repeater.wp-block-button__link:hover {
  background-color: var(--color-6-hover);
  border-color: var(--color-2-hover);
}

/* Header */
/* Above header */
.ast-builder-html-element > p {
  font-size: var(--caption-size);
}

.topbar-icon {
  vertical-align: middle;
  position: relative;
  bottom: 0.05em;
}

.material-icons.topbar-icon {
  font-size: var(--caption-size);
}

/* Pre mobile */
@media (max-width: 921px) {
  /* zobraz desktop header */
  #ast-desktop-header {
    display: block !important;
  }
  /* skryj hlavný header (Primary + Below Header) */
  #ast-desktop-header .ast-main-header-wrap,
  #ast-desktop-header .ast-below-header-wrap {
    display: none !important;
  }
  /* flex layout pre Above Header */
  #ast-desktop-header .ast-above-header-wrap .ast-builder-grid-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  /* Zabezpečiť, aby sa container roztiahol do šírky */
  #ast-desktop-header .site-above-header-wrap.ast-container {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 340px) {
  #ast-desktop-header .site-above-header-wrap.ast-container {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* Hamburger menu ikona */
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
  padding: .5em 0;
}

/* Fluidné logo */
.custom-logo.astra-logo-svg {
  width: var(--logo-width) !important;
  height: auto !important;
  max-width: var(--logo-max-width);
  display: block;
}

.ast-site-identity {
  padding: var(--logo-padding-top-bottom) 0;
}

/* ----- Primary header & menu ----- */
.ast-builder-menu-1 {
  /* Položka menu */
  /* Aktívna položka menu */
  /* Posledná položka – bez pravého paddingu */
  /* Vertikálna deliaca čiara medzi položkami */
}

.ast-builder-menu-1 .menu-item > .menu-link {
  font-size: var(--menu-font);
  padding: var(--menu-padding-vertical) var(--menu-padding-horizontal);
  line-height: 1.3;
  display: inline-block;
  position: relative;
  /* aby pseudo-element vedel byť absolute */
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link::before,
.ast-builder-menu-1 .menu-item.current_page_item > .menu-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.35em;
  right: 0.35em;
  /* symetrické odsadenie */
  height: 3px;
  background-color: var(--color-1);
  border-radius: 2px;
}

.ast-builder-menu-1 .menu-item:last-child > .menu-link {
  padding-right: 0;
}

.ast-builder-menu-1 .menu-item:not(:last-child) > .menu-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  height: 40%;
  width: 2px;
  background-color: var(--color-3);
  opacity: 0.6;
}

/* Zabráni wrapu jednotlivých položiek menu */
.main-header-menu {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* ----- Mobilný breakpoint ----- */
@media (max-width: 830px) {
  .ast-builder-menu-1 .menu-item > .menu-link {
    font-size: var(--menu-font-mobile);
    padding: calc(var(--menu-padding-vertical) * 0.8) calc(var(--menu-padding-horizontal) * 0.8);
  }
}

/* Hamburger menu ikony */
/* Skryje pôvodné inline SVG hamburger a X */
.menu-toggle .ast-mobile-svg {
  display: none !important;
}

/* Wrapper pre vlastné SVG ako pozadie */
.menu-toggle .mobile-menu-toggle-icon {
  display: inline-block;
  width: 1.2em;
  /* veľkosť ikony */
  height: 1.2em;
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/12/ikonka-menu.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  /* odstráni rám */
  transition: background-image 0.2s ease-in-out;
}

/* Po otvorení hamburger menu zmena ikony na X */
.menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/12/ikonka-close.svg");
  background-color: transparent;
}

.menu-toggle,
.menu-toggle:focus,
.menu-toggle:active,
.menu-toggle.toggled,
.menu-toggle[aria-expanded="true"] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* niektoré témy používajú shadow */
/* Headline s gradientovou čiarou pod headerom */
.site-header,
.ast-primary-header-bar {
  position: relative;
}

.site-header::after,
.ast-primary-header-bar::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--header-line-height);
  background: linear-gradient(to bottom, var(--header-gradient-top), var(--header-gradient-bottom));
  pointer-events: none;
}

/* --- Scroll-top-icon --- */
/* Skryje pôvodnú Astra ikonku */
#ast-scroll-top > span.ast-icon.icon-arrow {
  display: none;
  pointer-events: none;
  cursor: text;
}

#ast-scroll-top {
  font-size: var(--body-size);
  /* dôležité pre nasledujúce em-y */
  width: 3em;
  height: 3em;
  background-color: transparent;
  right: clamp(10px, calc((100vw - 1920) / 2 + 10px), 100vw);
  /* rovnaká vzdialenosť ako .prev { left: 10px } voči šírke 1920px */
  left: auto;
  /* vypnutie defaultného zarovnania vpravo */
  bottom: 40px;
  /* voliteľné – môžeš upraviť podľa layoutu */
}

/* Zobrazí tvoju vlastnú SVG ikonku */
#ast-scroll-top .custom-scrolltop-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

#ast-scroll-top .custom-scrolltop-icon svg {
  width: 100%;
  transform: rotate(-90deg);
}

#ast-scroll-top .custom-scrolltop-icon path {
  fill: var(--color-arrow);
  /* farba ikonky šípky hore */
}

/* Footer */
/* Footer **/
.site-footer {
  font-family: var(--font-base);
}

/* Above footer */
/* Nemám */
/* Primary footer – sivý stredný riadok na celú šírku */
.site-footer .site-primary-footer-wrap {
  width: 100%;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  background-color: var(--color-3);
}

/* Časť s width-max */
/* Centrovaný obsah + padding hore */
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner {
  padding-top: 2em;
  padding-bottom: 0;
}

/* Flex kontajner 3 sekcií */
.site-primary-footer-inner-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Spoločné vlastnosti pre každú sekciu .site-footer-primary-section-1 až 3*/
div.site-primary-footer-inner-wrap > div {
  font-size: var(--caption-size);
  position: relative;
  padding-left: 0;
  /* už neodsúva text */
  padding-bottom: 2em;
}

div.site-primary-footer-inner-wrap > div::before {
  content: "";
  position: absolute;
  left: -2.5em;
  /* rovnaké číslo ako pôvodný padding-left */
  top: 0.2em;
  /* ako pôvodné background-position vertikálne */
  width: 1.5em;
  /* ako pôvodný background-size */
  height: 1.5em;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Mobilné zobrazenie: sekcie pod seba */
@media (max-width: 580px) {
  div.site-primary-footer-inner-wrap > div {
    flex: 1 1 100%;
    min-width: 0;
  }
}

/* Šírkové pomery sekcií */
.site-footer-primary-section-1 {
  flex: 3 1 0;
  min-width: 150px;
  padding-right: 1.5em;
}

.site-footer-primary-section-2 {
  flex: 5 1 0;
  min-width: 200px;
  padding-right: 1.5em;
}

.site-footer-primary-section-3 {
  flex: 6 1 0;
  min-width: 150px;
}

/* Aktívna položka menu */
#astra-footer-menu .menu-item.current-menu-item > a {
  font-weight: var(--font-weight-semibold);
}

/* Individuálne pozadia */
.site-footer-primary-section-1::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/10/ikonka-137-home.svg");
}

.site-footer-primary-section-2::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/10/ikonka-106-list.svg");
}

.site-footer-primary-section-3::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/10/ikonka-41-envelope.svg");
}

/* Bellow footer */
/* Tyrkysový dolný riadok */
.site-footer .site-below-footer-wrap {
  width: 100%;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  background-color: var(--color-1);
}

/* Centrovaný obsah */
.site-footer .site-below-footer-wrap .ast-builder-grid-row-container-inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

/* Dlhý text pre široký viewport */
@media (min-width: 1100px) {
  a.footer-form-button::before {
    content: "Chcem ";
  }
}

/* Ikona pred menu dostane priestor */
@media (max-width: 1400px) {
  .site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner {
    padding-left: 61px;
  }
}

/* Copyright */
.site-footer .site-below-footer-wrap .ast-footer-copyright {
  color: var(--color-3);
  display: block;
  font-size: var(--caption-size);
  text-align: center;
  z-index: 1;
}

.site-footer .site-below-footer-wrap .ast-footer-copyright > p {
  font-size: var(--caption-size);
}

#page footer .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
  display: block;
  margin-bottom: 0;
}

/* Domov */
/* Slider layout */
.slider-container {
  margin-top: var(--header-line-height);
  aspect-ratio: 1920 / 845;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  aspect-ratio: 1920 / 845;
  min-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.5em;
  color: white;
  text-align: center;
  /* adding: 1em; */
}

.slide1, .slide2, .slide3 {
  /* justify-content: flex-start; */
  display: flex;
  aspect-ratio: 1920 / 845;
  width: 100%;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #fff;
}

.slide1 {
  align-items: flex-start;
  background-image: url(https://scavnicka.sk/wp-content/uploads/2025/11/Banner1.png);
  --active-color: var(--active-color-1);
  /* #01E4DE; */
  --inactive-color: var(--inactive-color-1);
  /* #FFF; */
  --prev-next-btn-color: var(--prev-next-btn-color-1);
  /* #D7DEE4; */
}

.slide2 {
  align-items: center;
  background-image: url(https://scavnicka.sk/wp-content/uploads/2025/11/Banner2.png);
  --active-color: var(--active-color-2);
  /* #A1A4B0; */
  --inactive-color: var(--inactive-color-2);
  /* #FFF; */
  --prev-next-btn-color: var(--prev-next-btn-color-2);
  /* #D7DEE4; */
  /*
  --active-color: #A1A4B0;
  --inactive-color: #FFF;
  --slide2-prev-next-btn-color: #D7DEE4;
*/
}

.slide3 {
  align-items: flex-end;
  background-image: url(https://scavnicka.sk/wp-content/uploads/2025/11/Banner3.png);
  --active-color:  var(--active-color-3);
  /* #FFF; */
  --inactive-color: var(--inactive-color-3);
  /* #67EFEB; */
  --prev-next-btn-color: var(--prev-next-btn-color-3);
  /* #FFF; */
  /*
  --active-color: #FFF;
  --inactive-color: #67EFEB;
  --prev-next-btn-color: #FFF;
*/
}

.text1, .text2, .text3 {
  padding-left: calc(var(--small-gap) / 2);
  padding-right: calc(var(--small-gap) / 2);
  transform: translateY(-3%);
}

.entry-content .text1 > p,
.entry-content .text2 > p,
.entry-content .text3 > p {
  margin-top: calc(0.6 * var(--small-gap));
  margin-bottom: var(--small-gap);
  max-width: 32ch;
  /* 50% */
}

.text1 {
  width: 50%;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.text2 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* horizontálne centrovanie */
  text-align: center;
  /* text vnútri */
}

.text3 {
  width: 50%;
  margin-right: 0;
  text-align: left;
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.slider-btn.hidden {
  opacity: 0;
  pointer-events: none;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.slider-btn svg {
  display: block;
}

/* Slider indikátory ako horizontálne prúžky */
.slider-indicators {
  position: absolute;
  bottom: calc(0.5 * var(--small-gap));
  /* 20px; */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 20;
}

.slider-indicators .indicator {
  width: 80px;
  height: 5px;
  border-radius: 2.5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Šedé pozadie */
.wp-block-uagb-container.bg-grey[class*="uagb-block-"] {
  background-color: var(--color-bg);
}

#post-49 div.section-content {
  transform: translateY(calc(-1 * var(--small-gap)));
}

#post-49 figure {
  position: relative;
  z-index: 1;
}

/* Výber z článkov šírka narrow */
.wp-block-uagb-container.narrow.content.uagb-block-3695a87b.alignwide.uagb-is-root-container {
  width: auto;
}

/* Buttony v článkoch vždy vľavo a vpravo*/
@media only screen and (max-width: 976px) {
  /*.uagb-block-f31db1f9.uagb-buttons__outer-wrap .uagb-buttons__wrap,*/
  .wp-block-uagb-buttons.uagb-buttons__outer-wrap.left-button .uagb-buttons__wrap,
  .section-divider .wp-block-uagb-buttons.uagb-buttons__outer-wrap div.uagb-buttons__wrap.uagb-buttons-layout-wrap.left-button {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 976px) {
  /*.uagb-block-f31db1f9.uagb-buttons__outer-wrap .uagb-buttons__wrap,*/
  .wp-block-uagb-buttons.uagb-buttons__outer-wrap.right-button .uagb-buttons__wrap,
  .section-divider .wp-block-uagb-buttons.uagb-buttons__outer-wrap div.uagb-buttons__wrap.uagb-buttons-layout-wrap.right-button {
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 767px) {
  /*.uagb-block-f31db1f9.uagb-buttons__outer-wrap .uagb-buttons__wrap,*/
  .wp-block-uagb-buttons.uagb-buttons__outer-wrap.left-button .uagb-buttons__wrap,
  .section-divider .wp-block-uagb-buttons.uagb-buttons__outer-wrap div.uagb-buttons__wrap.uagb-buttons-layout-wrap.left-button,
  .wp-block-uagb-buttons.uagb-buttons__outer-wrap.right-button .uagb-buttons__wrap,
  .section-divider .wp-block-uagb-buttons.uagb-buttons__outer-wrap div.uagb-buttons__wrap.uagb-buttons-layout-wrap.right-button {
    justify-content: center;
  }
}

#post-49 .align-left .uagb-buttons__wrap.uagb-buttons-layout-wrap,
#post-49 .align-right .uagb-buttons__wrap.uagb-buttons-layout-wrap {
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  #post-49 .align-right h2.uagb-heading-text,
  #post-49 .align-right p.side-section {
    text-align: right;
  }
  #post-49 .align-right .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    justify-content: flex-end;
  }
  #post-49 .align-left h2.uagb-heading-text,
  #post-49 .align-left p.side-section {
    text-align: left;
  }
  #post-49 .align-left .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  #post-49 h1,
  #post-49 .align-left h2.uagb-heading-text,
  #post-49 .align-left p.side-section,
  #post-49 .align-right h2.uagb-heading-text,
  #post-49 .align-right p.side-section {
    padding-left: var(--page-side-padding);
    padding-right: var(--page-side-padding);
  }
  #post-49 h1 {
    text-align: left;
  }
  #post-49 .align-left h2.uagb-heading-text,
  #post-49 .align-left p.side-section,
  #post-49 .align-right h2.uagb-heading-text,
  #post-49 .align-right p.side-section {
    text-align: left;
  }
  #post-49 .align-center h2.uagb-heading-text,
  #post-49 .align-center p {
    text-align: center;
  }
  #post-49 div.align-center {
    padding: var(--regular-gap) 0;
  }
  #post-49 .wp-block-uagb-container.negative-margin-top[class*="uagb-block-"] {
    margin-top: 0;
  }
  #post-49 .align-left .side-image {
    padding-top: 15%;
    padding-right: 15%;
    padding-bottom: 10%;
  }
  #post-49 .align-right .side-image {
    padding-top: 15%;
    padding-left: 15%;
    padding-bottom: 10%;
  }
  #post-49 .side-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  #post-49 .entry-content .text1 > p,
  #post-49 .entry-content .text2 > p,
  #post-49 .entry-content .text3 > p,
  #post-49 p.side-section {
    max-width: 100%;
  }
  #post-49 h4 {
    text-align: center;
  }
  #post-49 .column-3 {
    align-items: flex-start;
  }
  #post-49 .column-3 figure {
    padding-top: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #post-49 .column-3 img {
    height: auto;
    width: 85%;
  }
  #post-49 .clock-icon {
    position: relative;
  }
  /* Ikona pri ordinačných hodinách */
  #post-49 .clock-icon::after {
    content: "";
    position: absolute;
    width: clamp(64px, 12vw, 86.4px);
    aspect-ratio: 1 / 1;
    background-image: url("https://scavnicka.sk/wp-content/uploads/2025/11/ikonka-121-clock.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: 0;
    right: 8%;
    transform: translate(-50%, 50%);
    z-index: 10;
    pointer-events: none;
  }
}

/* Pre "pod sebou" sú p a buttony zarovnané vľavo */
@media only screen and (max-width: 767px) {
  .wp-block-uagb-buttons.uagb-buttons__outer-wrap.right-button .uagb-buttons__wrap,
  .section-divider .wp-block-uagb-buttons.uagb-buttons__outer-wrap div.uagb-buttons__wrap.uagb-buttons-layout-wrap.right-button {
    justify-content: center;
  }
}

/* Pre pacientov */
@media only screen and (max-width: 767px) {
  #post-3338 .wp-block-uagb-container[class*="uagb-block"].uagb-is-root-container {
    flex-wrap: nowrap;
  }
  #post-3338 div.wp-block-uagb-advanced-heading.letter-circle {
    display: none;
  }
}

#post-3338 div.wp-block-uagb-advanced-heading.letter-circle {
  width: auto;
}

#post-3338 .letter-circle > h3 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* veľkosť kruhu, uprav podľa potreby */
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  /* kruh */
  background-color: var(--color-1);
  color: var(--color-5);
  /* biele písmo */
  text-align: center;
  transform: translateY(1.6em);
  padding: 0;
}

/* Cennik */
/* Wrapper */
#post-3129 .ccl-cennik-wrapper {
  margin: 0;
}

/* Tabuľka – základné nastavenia */
#post-3129 .ccl-cennik-table {
  border: none;
  border-collapse: separate;
  border-spacing: 0 0.15em;
  table-layout: auto;
  width: 100%;
  margin-bottom: 0;
}

/* 1. stĺpec – vľavo */
#post-3129 .ccl-cennik-table th:first-child,
#post-3129 .ccl-cennik-table td:first-child {
  text-align: left;
  width: auto;
}

/* 2. a 3. stĺpec – stred + rovnaká šírka */
#post-3129 .ccl-cennik-table th:nth-child(n+2),
#post-3129 .ccl-cennik-table td:nth-child(n+2) {
  text-align: center;
  text-transform: lowercase;
  white-space: nowrap;
  width: 15%;
}

/* Riadky – striedanie farieb */
#post-3129 .ccl-cennik-table tbody tr:nth-child(odd) {
  background-color: var(--color-7);
}

/* Bunky */
#post-3129 .ccl-cennik-table th,
#post-3129 .ccl-cennik-table td {
  border: none;
  padding: .55em .4em;
  vertical-align: middle;
}

/* Hlavička – užší padding */
#post-3129 .ccl-cennik-table th {
  padding: 0.25em 0 0.25em 0.4em;
}

/* Hlavička – medzera pod riadkom */
#post-3129 .ccl-cennik-table thead tr {
  border-bottom: 0.5em solid transparent;
}

/* Hlavičkové štítky (span) – všeobecné */
#post-3129 .ccl-cennik-table th:nth-child(2) > span,
#post-3129 .ccl-cennik-table th:nth-child(3) > span {
  border-radius: 2em;
  padding: 0.3em 1.5em;
  text-transform: lowercase;
  white-space: nowrap;
}

@media (max-width: 767px) {
  #post-3129 .ccl-cennik-table th {
    padding-left: .2em;
  }
  #post-3129 .ccl-cennik-table th:nth-child(2) > span,
  #post-3129 .ccl-cennik-table th:nth-child(3) > span {
    padding: 0.3em 0.6em;
  }
}

/* Farby hlavičkových štítkov */
#post-3129 .ccl-cennik-table th:nth-child(2) > span {
  background-color: var(--color-7);
  border-right: 0.15em solid transparent;
}

#post-3129 .ccl-cennik-table th:nth-child(3) > span {
  background-color: var(--color-1);
  border-right: 0.15em solid transparent;
}

@media (max-width: 480px) {
  #post-3129 .ccl-cennik-table th {
    padding: .25em 0 .25em .2em;
  }
  #post-3129 .ccl-cennik-table th:nth-child(2) > span,
  #post-3129 .ccl-cennik-table th:nth-child(3) > span {
    background-color: transparent;
    padding: 0.3em 0;
  }
  #post-3129 .ccl-cennik-table th:nth-child(3) > span {
    color: var(--color-1);
    font-weight: var(--font-weight-semibold);
  }
}

/* Vizualne oddelenie headeru */
#post-3129 .ccl-cennik-table thead::after {
  content: "";
  display: table-row;
  height: 0.6em;
}

/* Nadpis H3 */
#post-3129 h3 {
  color: var(--color-4);
  font-weight: var(--font-weight-regular);
  padding-top: var(--regular-gap);
  /* 1em; */
  padding-bottom: var(--small-gap);
  /* 0.5em; */
  margin-bottom: 0.35em;
  position: relative;
}

/* Čiara pod H3 */
#post-3129 h3::after {
  background-color: var(--color-3);
  bottom: 0;
  content: "";
  display: block;
  height: var(--horizontal-line-height);
  left: 0;
  position: absolute;
  width: 100%;
}

#post-3129 p {
  margin-bottom: 0;
}

#post-3129 .credit-cards .wp-block-uagb-image .wp-block-uagb-image__figure img {
  height: 2em;
  width: auto;
}

#post-3129 .wp-block-uagb-container.credit-cards {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  /* toto je dôležité */
  gap: 0.5em;
  justify-content: flex-start;
  width: auto;
}

#post-3129 .wp-block-uagb-container.credit-cards .wp-block-uagb-image {
  width: auto;
  flex: 0 0 auto;
  /* zabráni roztiahnutiu */
  width: auto;
}

@media (max-width: 767px) {
  #post-3129 .wp-block-uagb-container.credit-cards {
    flex-wrap: wrap;
    /* umožní zalamovanie obrázkov */
    justify-content: center;
    /* zarovná text aj obrázky na stred */
    gap: 0.5em 1em;
    /* vertikálne a horizontálne medzery medzi obrázkami */
  }
  #post-3129 .wp-block-uagb-container.credit-cards p {
    /*    flex-basis: 100%;          /* text "Akceptujeme:" bude na samostatnom riadku */
    text-align: center;
    /* zarovnanie textu na stred */
    margin-bottom: 0.5em;
    /* medzera pod textom */
  }
  #post-3129 .wp-block-uagb-container.credit-cards .wp-block-uagb-image {
    flex: 0 0 auto;
    /* zachová pôvodnú veľkosť obrázkov */
  }
}

/* Galeria */
/* Čiara pod H3 */
#post-3857 .line-top {
  padding-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

#post-3857 .line-top::before {
  background-color: var(--color-3);
  top: 0;
  content: "";
  display: block;
  height: var(--horizontal-line-height);
  left: var(--page-side-padding);
  /* odsadenie zľava podľa paddingu */
  right: var(--page-side-padding);
  /* odsadenie sprava podľa paddingu */
  position: absolute;
}

#post-3857 figure img {
  width: 100%;
  height: auto;
  display: block;
}

/* Clanky */
/* Čiara pod H3 */
/* Nas pribeh */
#post-3808 h3 {
  padding-top: var(--regular-gap);
  padding-bottom: var(--regular-gap);
}

#post-3808 .uagb-block-84df6af2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--small-gap);
}

#post-3808 .uagb-block-84df6af2 > figure {
  flex: 0 0 auto;
  max-width: 40%;
  height: auto;
}

@media (min-width: 1200px) {
  #post-3808 .uagb-block-84df6af2 > figure {
    max-width: 432px;
  }
}

#post-3808 .uagb-block-84df6af2 > p {
  flex: 1 1 0;
}

/* Kontakt */
#post-3542 h3 {
  padding-bottom: var(--small-gap);
}

#post-3542 .no-top-padding > h3 {
  padding-top: 0;
}

@media (max-width: 767px) {
  #post-3542 .uagb-block-8c63cdf7 h4 {
    padding-bottom: var(--regular-gap);
  }
}

/* --- Ikony pred divmi --- */
/* Ikona pred menu dostane priestor ---------------------------------------*/
@media (max-width: 1400px) {
  #post-3542 div.wp-block-uagb-container.content.alignwide.uagb-is-root-container {
    padding-left: 61px;
  }
}

#post-3542 .side-icon {
  position: relative;
  /* kotva pre absolútne pozicionovanie ikony */
}

#post-3542 .side-icon::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  left: -2.5em;
  /* posuň ikonu doľava mimo text */
  top: 1.2em;
  transform: translateY(-50%);
}

#post-3542 .phone-icon::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/11/ikonka-120-phone.svg");
}

#post-3542 .clock-icon::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/11/ikonka-121-clock.svg");
}

#post-3542 .e-mail-icon::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/11/ikonka-150-e-mail.svg");
}

#post-3542 .invoice-icon::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/11/ikonka-152-invoice.svg");
}

#post-3542 .place-icon::before {
  background-image: url("https://scavnicka.sk/wp-content/uploads/2025/11/ikonka-144-place.svg");
}

/* Ordinačné hodiny */
#post-3542 table {
  border: none;
  box-shadow: none;
  background: transparent;
  border-collapse: collapse;
  table-layout: fixed;
  /* pevné rozdelenie stĺpcov */
  width: max-content;
  margin: 0;
}

#post-3542 table td {
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 6px 0;
  /* základný padding, môžeš meniť */
}

/* E-mail cez svg */
p.side-icon.e-mail-icon a img {
  width: auto;
  height: 1em;
  vertical-align: middle;
}

/* Šírky a zarovnanie stĺpcov */
#post-3542 table td:first-child {
  width: max-content;
  /* ľavý stĺpec */
  text-align: right;
  padding-right: 12px;
  /* oddelenie od pravého stĺpca */
}

#post-3542 table td:last-child {
  width: auto;
  /* pravý stĺpec */
  text-align: right;
  padding-left: 12px;
  /* oddelenie od ľavého stĺpca */
}

/* Formulár */
/* 2-stĺpcové rozloženie pre polia */
#post-3542 .uagb-forms-main-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--small-gap);
}

/* Textarea (Správa) cez celú šírku */
#post-3542 .uagb-forms-textarea-wrap {
  grid-column: 1 / -1;
}

/* Tlačidlo cez celú šírku */
#post-3542 .uagb-forms-main-submit-button-wrap {
  grid-column: 1 / -1;
}

/* Typografia formulára sa dedí z p   */
#post-3542 .uagb-forms-main-form input:not([type="submit"]):not([type="button"]),
#post-3542 .uagb-forms-main-form textarea,
#post-3542 .uagb-forms-main-form .uagb-forms-input-label {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

/* Dizajn formulára */
#post-3542 .uagb-forms-main-form input,
#post-3542 .uagb-forms-main-form textarea,
#post-3542 .uagb-forms-main-form select {
  background-color: var(--color-6);
  border: none;
  padding: 0 0.6em;
  /* nech sa dá písať, ale môžeš zmeniť */
  box-shadow: none;
}

#post-3542 .uagb-forms-main-form input,
#post-3542 .uagb-forms-main-form select {
  height: 3em;
}

/* Pri zúžení sa vstupné polia dajú pod seba */
#post-3542 .uagb-forms-main-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--small-gap);
  /* Povoliť container queries */
  container-type: inline-size;
}

@container (max-width: 60ch) {
  #post-3542 .uagb-forms-main-form > div {
    grid-column: 1 / -1;
    /* všetky divy zaberú celú šírku gridu */
  }
}

#post-3542 .uagb-block-6ffaa8fc.uagb-forms__outer-wrap {
  padding: 0;
}

/* Button pre odoslanie */
#post-3542 button {
  color: var(--color-5);
  background-color: var(--color-1);
  border-color: var(--color-1);
}

#post-3542 button:hover {
  background-color: var(--color-1-hover);
  border-color: var(--color-1-hover);
}

#post-3542 button:disabled {
  background-color: var(--color-7);
  border-color: var(--color-7);
}

#post-3542 button:disabled:hover {
  cursor: not-allowed;
}