/* 

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

*/

:root {
    --bg-default: #101010; /* skoro černá */
    --bg-shadow: #191919; /* tmavě šedá :: box about us na HP například */
    --bg-shadow-light: #262626; /* světlě šedá :: pozadí pro záhlaví na substránce */

    --white: #ffffff;
	--blue-light: #4193c6;
	--blue-dark: #2a5096;
	--shadow-light: #999ba5; /* Písmo odstavců */
    --shadow-dark: #191919;
}

/* BODY */

* { color: rgba(255,255,255,0.8); }
body { background-color: var(--bg-default); }

/* HELP */

input { color: black; }

/* OBECNÉ PRVKY */

/* RESPO PRIPRAVA */

/* LAYOUT */

/* OBECNÉ */

/* ERRORS */

div.error_box, div.success_box, div.info_box, div.warning_box
{ color: white; }
div.error_box { background-color: red; } 
div.success_box { background-color: green; } 
div.info_box { background-color: orange; } 
div.warning_box { background-color: red; } 

/* LISTA */

/* LISTA */

.breadcrumb li:not(:last-child)::after { color: rgba(255,255,255,0.3); }
.breadcrumb li span { color: var(--blue-light) }

/* NADPISY */

h1 {
    background: linear-gradient(40deg, #194f9a, #4193c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

/* ZAHLAVI */

#header_zahlavi.sub { background-color: var(--bg-shadow); }
#header_zahlavi.black { background-color: var(--bg-default); }

/* MENU */

#menu ul li.button { border: 1px solid;  }
#menu ul li.active a {  }

/* MENU :: BURGER */

.nav_toggle { background: transparent; }
.nav_toggle_bar { background: #111;}
.nav_drawer { background: rgba(0,0,0,.55); }
.nav_drawer_inner { background: #fff; }
.nav_close { background: transparent; color: black;}
.menu_all li { border-bottom: 1px solid #eee; }
.menu_all li a { color: #111; }
.menu_all li a:hover { background: #f7f7f7; }

/* ZAHLAVI :: OBSAH */

.obsah.obsah_zahlavi { background-color: var(--bg-shadow); }
.obsah.obsah_zahlavi.black { background-color: var(--bg-default); }

.obsah.obsah_uvod.blogmag { background-color: var(--bg-shadow); }

/* HEADER */

#header.header_hp {  }
#header.header_hp span {
    background: linear-gradient(90deg, #194f9a, #4193c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* HP :: SERVICES_MAIN */

.service_box p { color: var(--shadow-light); }

/* HP :: ABOUT US */

#aboutus_hp { background: linear-gradient(to bottom, transparent 0px, transparent 100px, var(--bg-shadow) 100px); }
#aboutus_hp .aboutus_right label { color:var(--blue-light); }
#aboutus_hp .aboutus_right h2 { color: var(--white); }
#aboutus_hp .aboutus_right p { color: var(--shadow-light); }
#aboutus_hp .stat_box::before { background-color: var(--blue-light); }
#aboutus_hp .stat_label { color:var(--blue-light); }
#aboutus_hp .stat_number { background: linear-gradient(90deg, #2a5b9f, #4193c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

/* GALERIE */

/* SLOUPEC */

/* CONTAINERS OBSAH UVOD */

/* CONTAINERS VYPISY */

/* CONTAINERS DETAILY */

/* PRVKY */

/* JINE  */

/* ARTICLES */

/* ARTICLES :: BLOG :: HP Intro */

.next_articles.blog_hp { background: var(--bg-default); background: var(--bg-shadow); }

.next_articles.blog_hp label { color:var(--blue-light); }
.next_articles.blog_hp h2 { color: white; }
.next_articles.blog_hp p { color: var(--shadow-light); }

/* ARTICLES :: BLOG :: LAYOUT */

.next_articles.blog .blog_link { color: white; }
.next_articles.blog .blog_img .overlay { background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%); }
.next_articles.blog .blog_img h3 { color: #fff; }

/* PATICKA */

#paticka { background: linear-gradient(to bottom, var(--bg-shadow) 0px, var(--bg-shadow) 200px, black 200px); }

#paticka .paticka_left { background: linear-gradient(90deg, #2a5b9f, #4193c6);}
#paticka .paticka_left label { color: var(--white); }
#paticka .paticka_left h2 { color: var(--white); }
#paticka .paticka_left a { color: var(--white); border: 1px solid white; }

#paticka .column h4 { color: var(--shadow-light); }
#paticka .column ul li a { color: var(--shadow-light); }

#paticka .copyright { color: var(--shadow-light); }
#paticka .copyright * { color: var(--shadow-light); }

/* COPYRIGHT */

/* TINYMCE */

.tinymce * { color: var(--shadow-light); }
.tinymce strong { color: white; }
.tinymce a { color: var(--blue-light) }

.tinymce blockquote { border: 1px solid var(--shadow-light); }
.tinymce blockquote::before { color: red; }

.tinymce table.reference tr:last-child td { color: white; }
.tinymce table.reference a { background-color: red; color: white; }

.tinymce.text h2 { color: white; }

/* SITEMAP */

/* FORM */

fieldset#zajem input[type="text"], input[type="email"], input[type="tel"] {
  border: 2px solid black; background-color: var(--bg-shadow); color: var(--shadow-light); }
fieldset#zajem input::placeholder { color: var(--shadow-light); opacity: 1; }

button.btn {
  background: linear-gradient(90deg, #2a5b9f, #4193c6);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  border: 2px solid #2a5b9f; background-color: transparent; transition: all 0.3s ease; }

button.btn:hover {
  background: linear-gradient(90deg, #1f3f75, #347ba3);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  border-color: #1f3f75; transform: scale(1.03); }
  
/* FORM :: PATIČKA  */

/* HTML OBSAH :: FAV_SERVICES */

#fav_services label { color:var(--blue-light); }
#fav_services h2 { color: white; }
#fav_services p { color: var(--shadow-light); }

#fav_services .services_box { background-color: black; }
#fav_services .services_box .ikonka svg { color: var(--blue-light); }
#fav_services .services_box .text h3 { color: white; } 
#fav_services .services_box .text ul li { color: var(--shadow-light); }

/* HTML :: ABOUT US */

#aboutus { background: linear-gradient(to bottom, transparent 0px, transparent 100px, var(--bg-shadow) 100px); }
#aboutus .aboutus_right label { color:var(--blue-light); }
#aboutus .aboutus_right h2 { color: var(--white); }
#aboutus .aboutus_right p { color: var(--shadow-light); }
#aboutus .stat_box::before { background-color: var(--blue-light); }
#aboutus .stat_label { color:var(--blue-light); }
#aboutus .stat_number { background: linear-gradient(90deg, #2a5b9f, #4193c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

/* HTML OBSAH :: Ceník */

#cenik_hlavni label { color:var(--blue-light); }
#cenik_hlavni h2 { color: white; }
#cenik_hlavni p { color: var(--shadow-light); }

.cenik_box { background-color: var(--shadow-dark); }
.cenik_box h3 {  }
.cenik_cena { color: var(--blue-light); }
.cenik_box ul li::before { color: var(--blue-light); }

/* HTML OBSAH :: Služby */

#sluzby { background-color: var(--bg-shadow); }
#sluzby.second { background-color: var(--bg-shadow-light); }
#sluzby label { color:var(--blue-light); }
#sluzby h2 { color: white; }
#sluzby .sluzby_box { background-color: black; transition: background 0.4s ease-in-out; }
#sluzby .sluzby_box .icon svg * { color:var(--blue-light); }
#sluzby .sluzby_box:hover { background: linear-gradient(40deg, #194f9a, #4193c6); }
#sluzby .sluzby_box:hover * { color: white; }
#sluzby .sluzby_box h3 { color: white; }
#sluzby .sluzby_box p { color: var(--shadow-light); }

/* HTML OBSAH :: KONTAKTY */

#html_kontakty label { color:var(--blue-light); }
#html_kontakty h2 { color: white; }
#html_kontakty p { color: var(--shadow-light); }

#html_kontakty .kontakt_box { background-color: black; }
#html_kontakty .kontakt_box .ikonka { color: var(--blue-light); }
#html_kontakty .kontakt_box .text h3 { color: white; } 
#html_kontakty .kontakt_box .text ul li { color: var(--shadow-light); }

/* HTML OBSAH :: KONTAKTY :: Zájem */

#html_kontakty_zajem { background-color: var(--bg-shadow); }
#html_kontakty_zajem h3 { color: var(--white); }
#html_kontakty_zajem p { color: var(--shadow-light); }
#html_kontakty_zajem p a { color: var(--white); }