/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Vlastní globální styly webu */

/* 
Proměnné pro projekt
Tuto část upravujeme pro každý web podle návrhu/design systému.
*/

:root {
  /* Rozsah šířky viewportu, ve kterém se hodnoty plynule škálují */
  --fluid-viewport-min: 22.5rem; /* 360px */
  --fluid-viewport-max: 80rem;   /* 1280px */

  /* Levý a pravý padding sekcí/kontejnerů */
  --fluid-side-padding-min: 1.25rem; /* 20px */
  --fluid-side-padding-max: 5rem;    /* 80px */

  /* Horní a spodní padding sekcí/kontejnerů */
  --section-xxl-padding-min: 3.75rem; /* 60px */
  --section-xxl-padding-max: 10rem;   /* 160px */

  --section-xl-padding-min: 3.125rem; /* 50px */
  --section-xl-padding-max: 7.5rem;   /* 120px */

  --section-l-padding-min: 2.5rem;    /* 40px */
  --section-l-padding-max: 6.25rem;   /* 100px */

  --section-m-padding-min: 2.5rem;    /* 40px */
  --section-m-padding-max: 5rem;      /* 80px */

  --section-s-padding-min: 2rem;      /* 32px */
  --section-s-padding-max: 3.75rem;   /* 60px */

  --section-xs-padding-min: 1.5rem;   /* 24px */
  --section-xs-padding-max: 2.5rem;   /* 40px */

  --section-xxs-padding-min: 1rem;    /* 16px */
  --section-xxs-padding-max: 1.5rem;  /* 24px */

  /* Padding hlavičky */
  --section-header-padding-min: 1rem; /* 16px */
  --section-header-padding-max: 1rem; /* 16px */

  /* Výška hero sekce */
  --section-hero-height: 100svh;

  /* Offset pro hero sekci pod překryvnou/fixní hlavičkou */
  --section-offset-header: 80px;

  /* Maximální šířky zúžených sekcí */
  --section-narrow: 62.5rem;    /* 1000px */
  --section-narrow-xs: 45rem;   /* 720px */
}


/* 
CSS šablona
Níže už běžně není potřeba nic upravovat.
*/

/* Základní fluidní logika pro sekce */
.section-xxl,
.section-xl,
.section-l,
.section-m,
.section-s,
.section-xs,
.section-xxs,
.section-header,
.section-header-xs {
  box-sizing: border-box;

  padding-left: clamp(
    var(--fluid-side-padding-min),
    calc(
      var(--fluid-side-padding-min) +
      (var(--fluid-side-padding-max) - var(--fluid-side-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--fluid-side-padding-max)
  ) !important;

  padding-right: clamp(
    var(--fluid-side-padding-min),
    calc(
      var(--fluid-side-padding-min) +
      (var(--fluid-side-padding-max) - var(--fluid-side-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--fluid-side-padding-max)
  ) !important;
}


/* Sekce XXL */
.section-xxl {
  padding-top: clamp(
    var(--section-xxl-padding-min),
    calc(
      var(--section-xxl-padding-min) +
      (var(--section-xxl-padding-max) - var(--section-xxl-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xxl-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-xxl-padding-min),
    calc(
      var(--section-xxl-padding-min) +
      (var(--section-xxl-padding-max) - var(--section-xxl-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xxl-padding-max)
  ) !important;
}


/* Sekce XL */
.section-xl {
  padding-top: clamp(
    var(--section-xl-padding-min),
    calc(
      var(--section-xl-padding-min) +
      (var(--section-xl-padding-max) - var(--section-xl-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xl-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-xl-padding-min),
    calc(
      var(--section-xl-padding-min) +
      (var(--section-xl-padding-max) - var(--section-xl-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xl-padding-max)
  ) !important;
}


/* Sekce L */
.section-l {
  padding-top: clamp(
    var(--section-l-padding-min),
    calc(
      var(--section-l-padding-min) +
      (var(--section-l-padding-max) - var(--section-l-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-l-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-l-padding-min),
    calc(
      var(--section-l-padding-min) +
      (var(--section-l-padding-max) - var(--section-l-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-l-padding-max)
  ) !important;
}


/* Sekce M */
.section-m {
  padding-top: clamp(
    var(--section-m-padding-min),
    calc(
      var(--section-m-padding-min) +
      (var(--section-m-padding-max) - var(--section-m-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-m-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-m-padding-min),
    calc(
      var(--section-m-padding-min) +
      (var(--section-m-padding-max) - var(--section-m-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-m-padding-max)
  ) !important;
}


/* Sekce S */
.section-s {
  padding-top: clamp(
    var(--section-s-padding-min),
    calc(
      var(--section-s-padding-min) +
      (var(--section-s-padding-max) - var(--section-s-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-s-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-s-padding-min),
    calc(
      var(--section-s-padding-min) +
      (var(--section-s-padding-max) - var(--section-s-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-s-padding-max)
  ) !important;
}


/* Sekce XS */
.section-xs {
  padding-top: clamp(
    var(--section-xs-padding-min),
    calc(
      var(--section-xs-padding-min) +
      (var(--section-xs-padding-max) - var(--section-xs-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xs-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-xs-padding-min),
    calc(
      var(--section-xs-padding-min) +
      (var(--section-xs-padding-max) - var(--section-xs-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xs-padding-max)
  ) !important;
}


/* Sekce XXS */
.section-xxs {
  padding-top: clamp(
    var(--section-xxs-padding-min),
    calc(
      var(--section-xxs-padding-min) +
      (var(--section-xxs-padding-max) - var(--section-xxs-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xxs-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-xxs-padding-min),
    calc(
      var(--section-xxs-padding-min) +
      (var(--section-xxs-padding-max) - var(--section-xxs-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-xxs-padding-max)
  ) !important;
}


/* Hlavička */
.section-header {
  padding-top: clamp(
    var(--section-header-padding-min),
    calc(
      var(--section-header-padding-min) +
      (var(--section-header-padding-max) - var(--section-header-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-header-padding-max)
  ) !important;

  padding-bottom: clamp(
    var(--section-header-padding-min),
    calc(
      var(--section-header-padding-min) +
      (var(--section-header-padding-max) - var(--section-header-padding-min)) *
      ((100vw - var(--fluid-viewport-min)) / (var(--fluid-viewport-max) - var(--fluid-viewport-min)))
    ),
    var(--section-header-padding-max)
  ) !important;
}


/* Kompaktní varianta hlavičky — ponechává pouze boční padding */
.section-header-xs {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* Hero sekce */
.section-hero {
  min-height: var(--section-hero-height) !important;
}


/* Hero sekce snížená o výšku překryvné/fixní hlavičky */
.section-hero-offset {
  min-height: calc(var(--section-hero-height) - var(--section-offset-header)) !important;
}


/* Zúžený Elementor kontejner */
.section-narrow > .e-con-inner {
  max-width: var(--section-narrow) !important;
  margin-left: auto;
  margin-right: auto;
}

/* Užší varianta zúženého Elementor kontejneru */
.section-narrow-xs > .e-con-inner {
  max-width: var(--section-narrow-xs) !important;
  margin-left: auto;
  margin-right: auto;
}

/* Header výchozí stav */
.adba-header {
  background-color: transparent !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Texty a odkazy v transparentním headeru */
.adba-header,
.adba-header a,
.adba-header .elementor-nav-menu .elementor-item {
  color: var(--e-global-color-50beb36) !important;
  transition: color 0.3s ease;
}

/* Logo výchozí stav */
.adba-header .adba-logo-text {
  fill: var(--e-global-color-50beb36);
  transition: fill 0.3s ease;
}

.adba-header .adba-logo-mark {
  fill: var(--e-global-color-primary);
}


/* Sticky stav po scrollu */
.adba-header.elementor-sticky--effects {
  background-color: var(--e-global-color-50beb36) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Texty a odkazy ve sticky headeru */
.adba-header.elementor-sticky--effects,
.adba-header.elementor-sticky--effects a,
.adba-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
  color: var(--e-global-color-text) !important;
}

/* Logo ve sticky headeru */
.section-header.elementor-sticky--effects .adba-logo-text {
  fill: var(--e-global-color-text);
}

/* Fallback: hranaté rohy pro prohlížeče bez corner-shape */
.corner-cut,
.corner-cut-border,
.corner-cut-border-white {
  --corner-cut: 28px;
  border-radius: 0 !important;
}

/* Varianty s rámečkem */
.corner-cut-border,
.corner-cut-border-white {
  --corner-cut: 32px;
  background: transparent !important;
  border: var(--corner-border-width) solid var(--corner-border-color) !important;
}
.corner-cut-border {
  --corner-border-width: 6px;
  --corner-border-color: var(--e-global-color-primary);
}
.corner-cut-border-white {
  --corner-border-width: 1px;
  --corner-border-color: var(--e-global-color-50beb36);
}

/* Zkosený levý dolní roh pro podporující prohlížeče */
@supports (corner-shape: bevel) {
  .corner-cut,
  .corner-cut-border,
  .corner-cut-border-white {
    border-radius: 0 0 0 var(--corner-cut) !important;
    corner-bottom-left-shape: bevel;
  }
  .corner-cut { overflow: hidden; }
}

.tag {
    corner-shape: square square square bevel !important;
    border-radius: 14px;
}

.yellow-text {
	color: var(--e-global-color-primary);	
}

.red-text {
	color: #F91A52;	
}

p:last-of-type {
  margin-bottom: 0;
}