/* 

// Created :: 2025-02-23
// Updated :: 2025-02-23

*/

/* BODY */

* { margin: 0px; padding: 0px; }
body {  }

/* OBECNÉ PRVKY */

img { max-width: 100%; height: auto; }

/* RESPO PRIPRAVA */

#menu_burger_btn { display: none; }

/* LAYOUT */

#content { padding: 0px 0px 0px 0px; }

#content_obsah.struktura { background-color: rgba(0,0,0,0.03); border-top-left-radius: 50px; margin: 0px 20px 20px 20px; 
box-sizing: border-box; padding: 100px; }

#content_obsah.system { background-color: rgba(0,0,0,0.03); border-top-left-radius: 50px; margin: 0px 20px 20px 20px; 
box-sizing: border-box; padding: 100px; }

/* OBECNÉ */

.breaker { clear: both; border: 0px; }

/* ERRORS */

.error_box { }

/* LISTA */

/* NADPISY */

h1 { padding: 0px 0px 40px 0px; 
font-weight: 300;
font-size: 48px;
}

/* ZAHLAVI */

#zahlavi_lista { padding: 20px 0; }
#zahlavi_lista .in { width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
#zahlavi_lista .kontakty { display: flex; justify-content: space-between; align-items: center; width: 100%; }
#zahlavi_lista .info { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; }
#zahlavi_lista .info li { display: flex; align-items: center; gap: 8px; }
#zahlavi_lista .icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; }
#zahlavi_lista .text {  }
#zahlavi_lista .social { list-style: none; margin: 0; padding: 0; }
#zahlavi_lista .social li { display: inline-block; }
#zahlavi_lista .social a.fb { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; transition: background-color 0.2s; }
#zahlavi_lista .social a.fb:hover {  }
#zahlavi_lista svg { display: block; }
/* @media (max-width: 768px) { #zahlavi_lista .in { width: auto; flex-direction: column; gap: 15px; } #zahlavi_lista .info { flex-direction: column; gap: 10px; text-align: center; } } */

#zahlavi { padding: 30px 0px; }
#zahlavi .in { width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }

#zahlavi .logo img { height: 150px; }

#zahlavi nav { margin-left: auto; display: flex; align-items: center; } /* ← tohle posune menu doprava */

/* @media (max-width: 900px) { #zahlavi .in { width: auto; flex-direction: row; justify-content: space-between; padding: 0 15px; } #menu ul { display: none; } .nav_toggle { display: flex; flex-direction: column; justify-content: center; gap: 4px; background: none; border: none; cursor: pointer; } .nav_toggle_bar { width: 22px; height: 2px; background-color: #333; } } */

/* MENU */

#menu { display: flex; align-items: center; }
#menu ul { display: flex; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0; }
#menu li { display: flex; align-items: center; padding: 12px 20px; }
#menu a { display: inline-block; text-decoration: none; padding: 5px 0; f}

#menu li.poptavka { margin-left: 10px; background-color: #009bac; border-radius: 50px; color: white; }
#menu li.poptavka a { color: white; }

/* MENU :: BURGER */

.nav_toggle { display: none; border: 0; padding: 8px; cursor: pointer; }
.nav_toggle_box { display: inline-block; }
.nav_toggle_bar { display: block; width: 24px; height: 2px; margin: 5px 0; transition: transform .2s, opacity .2s; }
.nav_toggle[aria-expanded="true"] .nav_toggle_bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav_toggle[aria-expanded="true"] .nav_toggle_bar:nth-child(2) { opacity: 0; }
.nav_toggle[aria-expanded="true"] .nav_toggle_bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.nav_drawer { position: fixed; inset: 0; z-index: 999; }
.nav_drawer[hidden] { display: none !important; }
.nav_drawer_inner { position: absolute; right: 0; top: 0; bottom: 0; width: min(86vw, 420px); padding: 18px 22px 40px; 
	box-shadow: -8px 0 24px rgba(0,0,0,.2); overflow-y: auto; transform: translateX(100%); transition: transform .25s ease; }
.nav_drawer.open .nav_drawer_inner { transform: translateX(0); }

.nav_close { border: 0; line-height: 1; position: absolute; right: 12px; top: 8px; cursor: pointer; }

.menu_all { list-style: none; margin: 60px 0 0; padding: 0; }
.menu_all li { }
.menu_all li a { display: block; padding: 14px 6px; }
.menu_all li a:hover { }

body.no_scroll { overflow: hidden; }

/* GALERIE */

.galerie_mini { gap: 0px; }
.galerie_mini { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; }
.galerie_mini a { height: 250px; display: block; flex: 0 0 auto; }
.galerie_mini img { height: 250px; width: auto; display: block; object-fit: cover; 
	border-top-left-radius: 30px; border-bottom-right-radius: 30px; 
	}
.galerie_mini a:focus, .galerie_mini a:active, .galerie_mini a:focus-visible { outline: none; box-shadow: none; border: none; }
.galerie_mini img:focus, .galerie_mini img:active, .galerie_mini img:focus-visible { outline: none; box-shadow: none; border: none; }
.galerie_mini a.is-selected { outline: none !important; box-shadow: none !important; }

/* SLOUPEC */

/* CONTAINERS OBSAH UVOD */

.obsah img.uvod { height: 100px; }

/* CONTAINERS VYPISY */

.obsah_vypis_box img { height: 100px; }
.obsah_vypis_box_hp img { height: 100px; }

/* CONTAINERS DETAILY */

/* PRVKY */

/* ARTICLES */

/* PRVKY */

.prvek_hp_uvod { margin: 0px 20px 20px 20px; }

.prvek_hp_uvod { background-color: rgba(0,0,0,0.03); border-top-left-radius: 50px; }

.prvek_hp_uvod { display: grid; grid-template-columns: 55% 45%; column-gap: 0; align-items: stretch; }
.prvek_hp_uvod > .tinymce { grid-column: 1; padding: 40px 60px; box-sizing: border-box; }
.prvek_hp_uvod > .obrazek { grid-column: 2; position: relative; align-self: stretch; height: 100%; border-left: 20px solid white;}
.prvek_hp_uvod > .obrazek img { display: block; width: 100%; height: 100%; object-fit: cover;  }

.prvek_hp_uvod > .tinymce p:first-child { font-size: 14px; }
.prvek_hp_uvod > .tinymce p:first-child { text-transform: uppercase; font-weight: 400; line-height: 100%; }
.prvek_hp_uvod > .tinymce p:first-child { margin-bottom: 10px; }
.prvek_hp_uvod > .tinymce p:first-child { color: #91bb44; color: #4499a9; }
.prvek_hp_uvod > .tinymce h2 { margin: 0px 0px 30px 0px }
.prvek_hp_uvod > .tinymce h2 { font-size: 48px; }
.prvek_hp_uvod > .tinymce h2 { font-weight: 300; }
.prvek_hp_uvod > .tinymce h2 + p { margin-bottom: 20px; }
.prvek_hp_uvod > .tinymce p:last-child { margin-bottom: 0px; }
.prvek_hp_uvod > .tinymce p { font-size: 18px;  }
.prvek_hp_uvod > .tinymce p { line-height: 130%; font-weight: 200; }

.prvek_hp_paticka { max-width: 80%; margin: 100px auto 70px auto; }

.prvek_hp_paticka { display: grid; grid-template-columns: 40% 60%; column-gap: 0; align-items: stretch; }
.prvek_hp_paticka > .tinymce { grid-column: 1; padding: 40px 60px; box-sizing: border-box; }
.prvek_hp_paticka > .obrazek { grid-column: 2; position: relative; align-self: stretch; height: 100%; border-left: 20px solid white;}
.prvek_hp_paticka > .obrazek img { display: block; width: 100%; height: 100%; object-fit: cover;  }

.x_prvek_hp_uvod { display: grid; grid-template-columns: 55% 45%; column-gap: 0px; align-items: center; }
.x_prvek_hp_uvod > .tinymce { grid-column: 1; }

.x_prvek_hp_uvod > .tinymce { padding: 0px 60px; box-sizing: border-box;  }
.prvek_hp_paticka > .tinymce { grid-column: 2; padding: 40px 60px; box-sizing: border-box; }
.prvek_hp_paticka > .tinymce p:first-child { font-size: 14px; }
.prvek_hp_paticka > .tinymce p:first-child { text-transform: uppercase; font-weight: 400; line-height: 100%; }
.prvek_hp_paticka > .tinymce p:first-child { margin-bottom: 10px; }
.prvek_hp_paticka > .tinymce p:first-child { color: #91bb44; }

.prvek_hp_paticka > .tinymce h2 { margin: 0px 0px 30px 0px }
.prvek_hp_paticka > .tinymce h2 { font-size: 48px; }
.prvek_hp_paticka > .tinymce h2 { font-weight: 300; }

.prvek_hp_paticka > .tinymce p { margin-bottom: 25px; }
.prvek_hp_paticka > .tinymce p:last-child {  }
.prvek_hp_paticka > .tinymce p { font-size: 18px;  }
.prvek_hp_paticka > .tinymce p { line-height: 130%; font-weight: 200; }

.prvek_hp_paticka > .tinymce ul { margin-bottom: 25px; margin-left: 0; padding-left: 0; list-style: none; }
.prvek_hp_paticka > .tinymce li { position: relative; padding-left: 36px; font-size: 18px; margin-bottom: 15px; line-height: 130%; font-weight: 200; }
.prvek_hp_paticka > .tinymce li strong { color: #93ba44; color: #4499a9; }
.prvek_hp_paticka > .tinymce li::before { content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; border-radius: 50%; 
	background-color: #93ba44; background-color: #4499a9; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>') center / contain no-repeat; }

.prvek_hp_paticka .obrazek {  }
.prvek_hp_paticka > img.uvodni_obrazek { grid-column: 1; display: block; width: 100%; height: 100%; object-fit: cover; 
border-top-left-radius: 50px; }

.x_prvek_hp_uvod > .obrazek { grid-column: 2; border-left: 20px solid white; }
.x_prvek_hp_uvod > :not(.tinymce):not(.obrazek) { grid-column: 1 / -1; }
.x_prvek_hp_uvod .obrazek { display: flex; align-items: center; justify-content: flex-end; }
.x_prvek_hp_uvod .obrazek img { width: 100%; height: auto; object-fit: cover; display: block; }
/* @media (max-width: 900px) { .prvek_hp_uvod { flex-direction: column; gap: 20px; } .prvek_hp_uvod .tinymce, .prvek_hp_uvod .obrazek { flex: 1 1 100%; justify-content: center; text-align: center; } } */

/* === COLORS === */
.hero_bar { background-color: #92bb44; background-color: #bf3d31; color: #fff; margin: 0px 20px 20px 20px; border-bottom-right-radius: 50px; }
.hero_bar h2 { color: #fff; }

/* === FONTS === */
.hero_bar h2 { font-weight: 700; font-size: 28px; letter-spacing: 0.5px; font-family: "Lato", sans-serif; text-align: center; }

/* === LAYOUT === */
.hero_bar { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 50px 50px; box-sizing: border-box; transition: transform 0.3s ease; }
.hero_bar:hover { transform: scale(1.02); }
.hero_bar h2 { margin: 0; max-width: 70%; }
.hero_bar .arrow { background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease; }
.hero_bar .arrow:hover { transform: scale(1.2); }
.hero_bar svg { display: block; }

.logo_hp_container { padding: 60px 0px 20px 0px; text-align: center; }
.logo_hp_container h3 { font-weight: 700; font-size: 28px; letter-spacing: 0.5px; font-family: "Lato", sans-serif; text-align: center; }
.logo_hp_container h3 { color: #4499a9; }

/* === COLORS === */
.logo_bar { background-color: transparent; }

/* === FONTS === */
/* žádné písmo zde nepoužíváme */

/* === LAYOUT === */
.logo_bar { display: flex; justify-content: center; align-items: center; gap: 60px; padding: 40px 20px 100px 20px; flex-wrap: wrap; }
.logo_item { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, filter 0.3s ease; }
.logo_item img { max-height: 100px; width: auto; display: block; transition: transform 0.3s ease, filter 0.3s ease; }
.logo_item:hover img { transform: scale(1.08);  }

/* === RESPONSIVE === 
@media (max-width: 900px) { .logo-bar { gap: 30px; } .logo-item img { max-height: 200px; } }
@media (max-width: 600px) { .logo-bar { flex-direction: column; gap: 20px; } .logo-item img { max-height: 160px; } }
*/


/* JINE  */

/* 
#sitemap { margin: 0; padding: 0;  line-height: 125%; }
#sitemap ul { list-style: none; margin: 0; padding-left: 0em; }
#sitemap li { position: relative; margin: .25em 0; padding-left: 0em; }
#sitemap ul.sub { margin-top: .15em; padding-left: 1.1em; }
#sitemap ul > li { padding-left: .1em; }
*/

/* ARTICLES */

/* TINYMCE */

#content_obsah.struktura .tinymce h2 { padding: 10px 0px 5px 0px }
#content_obsah.struktura .tinymce p { line-height: 140%; margin-bottom: 20px; font-size: 20px; color: rgba(0,0,0,0.6); font-weight: 300; }
#content_obsah.struktura .tinymce ul {  }
#content_obsah.struktura .tinymce ul { margin-bottom: 25px; margin-left: 0; padding-left: 0; list-style: none; }
#content_obsah.struktura .tinymce li { position: relative; padding-left: 36px; font-size: 18px; margin-bottom: 15px; line-height: 130%; font-weight: 200; }
#content_obsah.struktura .tinymce li strong { color: #93ba44; color: #4499a9; }
#content_obsah.struktura .tinymce li::before { content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; border-radius: 50%; 
	background-color: #93ba44; background-color: #4499a9; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>') center / contain no-repeat; }

.tinymce p { padding: 0px 0px 0px 0px; }
.tinymce p:last-child { padding-bottom: 0px; }

/* PATICKA */

#paticka { background-color: #e4e6e8; border-top-left-radius: 50px; border-bottom-right-radius: 50px; margin: 0px 20px 0px 20px; }
#paticka { padding: 70px 0px; }

#paticka .in { width: 95%; margin: 0 auto;  display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}

#paticka .column { flex: 1 1 200px; box-sizing: border-box; }
#paticka .column h4 { margin-top: 0; margin-bottom: 30px; }
#paticka .column h4 { font-weight: 200; font-size: 30px; }
#paticka .column h4 { color: #4499a9 }

#paticka .column p { font-size: 18px;  }
#paticka .column p { line-height: 150%; font-weight: 200; }

#paticka .column li { font-size: 18px;  }
#paticka .column li { list-style-type: none; }
#paticka .column li { line-height: 150%; font-weight: 200; }
#paticka .column li a { font-weight: 600; }

/* COPYRIGHT */

#copyright { margin: 0px 20px 0px 20px;  }
#copyright * { color: rgba(0,0,0,0.2); font-size: 13px} 
#copyright { padding: 20px 0px 20px 0px; box-sizing: border-box; }

#copyright span:not(:first-child)::before { content: " - "; }

/* TINYMCE */

/* SITEMAP */

div#sitemap ul.sub li {  }

/* FORM */

#form_control_point { display: none; }

fieldset#zajem {  }

/* FORM :: PATIČKA  */

/* PROFIL */
#content_obsah_profil { width: 75%; float: right; }
#column_left_profil { width: 20%; float: left; }







/* === FONTS === */
#zajem label { font-weight: 600; color: #333; }

/* === LAYOUT === */
#zajem { padding: 40px 50px; border-radius: 12px; box-sizing: border-box; border: 0; }
#zajem .column1 { display: flex; flex-direction: column; gap: 25px; }
#zajem .form_line { display: flex; flex-direction: column; }
#zajem .form_line label { margin-bottom: 6px; }
#zajem .inputdiv,
#zajem .inputdivokraj { width: 100%; display: block; box-sizing: border-box; }
#zajem .inputdiv { display: flex; }
#zajem input[type="text"],
#zajem input[type="email"],
#zajem input[type="tel"] { width: 100%; max-width: 500px; padding: 12px 14px; border: 1px solid #ccc; border-radius: 6px; 
	box-sizing: border-box; transition: border-color 0.2s ease, box-shadow 0.2s ease; font-size: 18px; }
#zajem input[type="text"]:focus,
#zajem input[type="email"]:focus,
#zajem input[type="tel"]:focus { border-color: #92bb44; outline: none; box-shadow: 0 0 0 2px rgba(146,187,68,0.2); }

/* === BUTTON === */
#zajem .btn { margin-top: 30px; background-color: #92bb44; color: #fff; border: none; border-radius: 6px; padding: 14px 28px; font-weight: 600; cursor: pointer; transition: transform 0.2s ease, background-color 0.2s ease; 
font-size: 18px; }
#zajem .btn:hover { background-color: #7ca23a; transform: scale(1.03); }