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

/* Add your custom styles here */

/* variables (edit here)*/

:root {
    /* Global Padding Variables - Editable */
    /* Left and Right Padding All /Sections/Containers*/
    --fluid-side-padding-min: 1.25rem; /* 20px */
    --fluid-side-padding-max: 5rem;   /* 80px */

    /* Top and Bottom Padding All Containers*/
    --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: 2.5rem; /* 40px */
    --section-s-padding-max: 3.75rem; /* 60px */
  
    --section-xs-padding-min: 2.5rem; /* 40px */
    --section-xs-padding-max: 2.5rem; /* 40px */
  
    --section-xxs-padding-min: 1.5rem; /* 24px */
    --section-xxs-padding-max: 1.5rem; /* 24px */
    
    --section-header-padding-min: 1rem; /* 16px */
    --section-header-padding-max: 1rem; /* 16px */

  
    /* Hero Sections Height Variable */
    --section-hero-height: 100vh; /* 100% the screen height */
  
    /* Offset Padding for Overlay Headers */
    --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

    /* Width For Narrow Sections*/
    --section-narrow: 62.5rem; /* 1000px */
    --section-narrow-xs: 45rem; /* 720px */
  }


/* CSS Template (do not edit below) */
  
  
	  /* Section/Container Padding - Fluid Variants */
		.section-xxl {
		  padding-top: clamp(var(--section-xxl-padding-min), 6.522vw - 0.217rem, var(--section-xxl-padding-max));
		  padding-bottom: clamp(var(--section-xxl-padding-min), 6.522vw - 0.217rem, var(--section-xxl-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-xl {
		  padding-top: clamp(var(--section-xl-padding-min), 6.522vw - 0.217rem, var(--section-xl-padding-max));
		  padding-bottom: clamp(var(--section-xl-padding-min), 6.522vw - 0.217rem, var(--section-xl-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-l {
		  padding-top: clamp(var(--section-l-padding-min), 6.522vw - 0.217rem, var(--section-l-padding-max));
		  padding-bottom: clamp(var(--section-l-padding-min), 6.522vw - 0.217rem, var(--section-l-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-m {
		  padding-top: clamp(var(--section-m-padding-min), 6.522vw - 0.217rem, var(--section-m-padding-max));
		  padding-bottom: clamp(var(--section-m-padding-min), 6.522vw - 0.217rem, var(--section-m-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-s {
		  padding-top: clamp(var(--section-s-padding-min), 6.522vw - 0.217rem, var(--section-s-padding-max));
		  padding-bottom: clamp(var(--section-s-padding-min), 6.522vw - 0.217rem, var(--section-s-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-xs {
		  padding-top: clamp(var(--section-xs-padding-min), 6.522vw - 0.217rem, var(--section-xs-padding-max));
		  padding-bottom: clamp(var(--section-xs-padding-min), 6.522vw - 0.217rem, var(--section-xs-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-xxs {
		  padding-top: clamp(var(--section-xxs-padding-min), 6.522vw - 0.217rem, var(--section-xxs-padding-max));
		  padding-bottom: clamp(var(--section-xxs-padding-min), 6.522vw - 0.217rem, var(--section-xxs-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-header {
		  padding-top: clamp(var(--section-header-padding-min), 6.522vw - 0.217rem, var(--section-header-padding-max));
		  padding-bottom: clamp(var(--section-header-padding-min), 6.522vw - 0.217rem, var(--section-header-padding-max));
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}

		.section-header-xs {
		  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
		}


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

  .section-hero .e-con-inner {
    justify-content: center!important;
}
  
  /* Full Width Sections - No Side Padding */

  .section-full div {
    max-width: 100%!important;
  }
  

  /* Narrow Sections */
  .section-narrow .e-con-inner {
    max-width: var(--section-narrow)!important;
  }

  .section-narrow-xs .e-con-inner {
    max-width: var(--section-narrow-xs)!important;
  }


  /* Offset Padding for Overlay Headers */
  .section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
  }

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

.faq {
	max-width: 900px;
	margin: 24px auto;
	padding: 0 12px
}

.faq-item {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 10px;
	margin: 12px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04)
}

.faq-q {
	margin: 0
}

.faq-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
	padding: 18px 20px
}

.faq-btn:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 8px
}

.faq-btn-text {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 600;
	color: #111
}

.faq-icon {
	position: relative;
	width: 18px;
	height: 18px;
	flex: 0 0 18px
}

.faq-icon::before,
.faq-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 1px;
	background: var(--e-global-color-text);
	transform: translate(-50%, -50%)
}

.faq-icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: transform .2s ease
}

.faq-item.is-open .faq-icon::after {
	transform: translate(-50%, -50%) rotate(0deg)
}

.faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height .25s ease
}

.faq-a-inner {
	padding: 0 20px 18px 20px;
	color: #333
}

.faq-a-inner p {
	margin: .6em 0
}

.faq-item:hover {
	border-color: rgba(0, 0, 0, .15)
}

button.faq-btn:focus, button.faq-btn:hover {
    background-color: transparent !important;
    color: inherit !important;
    text-decoration: none;
}

button.faq-btn {
    background-color: transparent;
    border: 2px solid #fefcfb;
    border-radius: 10px;
    color: #fefcfb;
}

/* Wrapper, který zařídí správné řazení a mezery */
.taxonomy-tags-wrapper {
  display: flex;
  flex-wrap: wrap; /* Umožní štítkům zalamovat se na více řádků */
  gap: 8px; /* Moderní způsob, jak vytvořit mezery mezi štítky (horizontální i vertikální) */
}

/* Styl samotného štítku */
.taxonomy-tag-link {
  display: inline-block; /* Důležité pro správné zobrazení paddingu a marginu */
  background-color: var(--e-global-color-primary); /* Světle šedé pozadí */
  color: var(--e-global-color-796e3e4) !important; /* Tmavě šedý text */
  padding: 8px 16px; /* Vnitřní odsazení (svislé a vodorovné) */
  border-radius: 20px; /* Zaoblené rohy */
  font-size: 14px; /* Velikost písma */
  font-weight: 500; /* Tloušťka písma */
  transition: all 0.2s ease-in-out; /* Plynulý přechod pro hover efekt */
}

/* Efekt při najetí myší */
.taxonomy-tag-link:hover {
  background-color: var( --e-global-color-secondary ); /* Ztmaví pozadí */
  color: var(--e-global-color-796e3e4); /* Ztmaví text */
}