/* 

// 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); }

/* OBECNÉ PRVKY */

/* RESPO PRIPRAVA */

/* LAYOUT */

.container_standard { background: var(--bg-default); }

/* OBECNÉ */

/* ERRORS */

.error_box ul { background-color: red; }

/* LISTA */

.breadcrumb a.active { color: var(--blue-light); }
.dot-separator { color: rgba(255,255,255,0.3) }

/* NADPISY */

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

/* ZAHLAVI */

#headerZahlavi.sub { background-color: var(--bg-shadow); }
#headerZahlavi.sub.blogmag { background-color: var(--bg-default); }
#x_headerZahlavi.sub.blogmag {
  background-image: url('../../pics/bg/bg-blogmag-5.jpg');
  background-size: cover; background-position: top left; background-repeat: no-repeat; }

/* MENU */

#menu ul li.active a { font-weight: bold; color: #3e8ebb; }

#menu ul li.button a { border: 1px solid #fff; border-radius: 5px; padding: 11px 16px; margin-left: 20px; transition: all 0.3s ease; }
#menu ul li.button a:hover { background-color: #3e8ebb; color: #fff; border-color: #3e8ebb; }

/* HEADER */

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

/* HEADER :: SUB */

#header_zahlavi_sub_x { background-color: var(--bg-shadow); }

/* 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_right label { color:var(--blue-light); }
.aboutus_right h2 { color: var(--white); }
.aboutus_right p { color: var(--shadow-light); }
.stat_box::before { background-color: var(--blue-light); }
.stat_label { color:var(--blue-light); }
.stat_number { background: linear-gradient(90deg, #2a5b9f, #4193c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

/* GALERIE */

/* SLOUPEC */

/* CONTAINERS OBSAH UVOD */

.obsah_uvod_blogmag { background: var(--bg-shadow); }
.obsah_uvod_reference { background: var(--bg-shadow); }

/* CONTAINERS VYPISY */

/* CONTAINERS VYPISY :: BLOG */

.blogs.blogs_vypis { background: var(--bg-default); }
.blogs_hp.blogs_vypis { background: var(--bg-shadow); }

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

.blog_link { color: white; }
.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%); }
.blog_img h3 { color: #fff; }

/* CONTAINERS VYPISY :: REFERENCES */

.references.references_vypis { background: var(--bg-default); }
.references_hp.references_vypis { background: var(--bg-shadow); }

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

.reference_link { color: white; }
.reference_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%); }
.reference_img h3 { color: #fff; }

/* CONTAINERS DETAILY */

/* PRVKY */

/* ARTICLES */

/* PATICKA */

#layout_footer_space { background: var(--bg-shadow); }

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

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

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

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

/* COPYRIGHT */

/* TINYMCE */

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

.tinymce.blogmag h2 { color: white; }

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

.tinymce blockquote { border: 2px solid black; }
.tinymce.blogmag blockquote::before { color: red; }

/* SITEMAP */

#sitemap li::before { color: #999; }

/* FORM */

fieldset#zajem input[type="text"], input[type="email"] {
  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 :: KONTAKTY */

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

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

/* HTML OBSAH :: FAV_SERVICES */

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

.services_box { background-color: black; }
.services_box .ikonka svg { color: var(--blue-light); }
.services_box .text h3 { color: white; } 
.services_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); }

/* 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); }

/*
#sluzby { gap: 30px; padding: 0px 100px 0px 100px; display: flex; box-sizing: border-box; }
#sluzby > .service_box { min-height: 300px; }

#sluzby .sluzby_box { flex: 1; display: flex; flex-direction: column; align-items: left; text-align: left; justify-content: flex-start; }
#sluzby .sluzbybox .icon { padding-bottom: 30px; }
#sluzby .sluzbybox h3 { padding-bottom: 15px; }
#sluzby .sluzbybox p { margin: 0; }
*/