/* 

// 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); }
body_xxx_v1 {
    background: 
        radial-gradient(800px 400px at 50% 120px, rgba(65,147,198,0.25), transparent 70%),
        linear-gradient(to bottom, #0f1115 0%, #0c0e12 400px, #0b0d10 100%);
    background-repeat: no-repeat;
}
body {
    background:
        radial-gradient(600px 300px at 50% 120px, rgba(65,147,198,0.20), transparent 70%),
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,0.02) 0px,
            rgba(255,255,255,0.02) 1px,
            transparent 1px,
            transparent 8px
        ),
        #0b0d10;
}
bodyx { background-color: white }

/* 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_xxx.sub { background-color: var(--bg-shadow); }
#header_zahlavi.black_xxx { background-color: var(--bg-default); }

/* MENU */

#menu__xxxx ul li.button { border: 0px solid orange; background: linear-gradient(90deg, #b11226, #e53935); }
#menu ul li.button {
    border: 0px solid orange;
    background: linear-gradient(90deg, #0b7a43, #1faa59);
}
#menu ul li.button:hover {
    filter: brightness(1.1);
}
#menu ul li.active a {  }

/* MENU :: BURGER */

.nav_toggle { background: transparent; }
.nav_toggle_bar { background: #111; }
.nav_toggle_box { border: 1px solid rgba(255,255,255,0.55); background: rgba(255,255,255,0.05) }
.nav_drawer { background: rgba(0,0,0,.65); }
.nav_drawer_inner { background: black; }
.nav_close { background: transparent; color: rgba(255,255,255,0.8); }
.menu_all li { border-bottom: 1px solid rgba(255,255,255,0.1); }
.menu_all li a { color: white; color: rgba(255,255,255,0.8); }
.menu_all li a:hover { background: #191919; }

/* ZAHLAVI :: OBSAH */

.obsah.obsah_zahlavi_xxx { background-color: var(--bg-shadow); }
.obsah.obsah_zahlavi.black_xxx { 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_x { background: linear-gradient(to bottom, transparent 0px, transparent 100px, var(--bg-shadow) 100px); }
#aboutus_hp {
    background: linear-gradient(
        to bottom,
        transparent 0px,
        transparent 100px,
        rgba(255,255,255,0.02) 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 */

div#content_obsah.hp { position: relative; overflow: hidden; }
div#content_obsah.hp::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; }
div#content_obsah.hp > * { position: relative; z-index: 1; }

div#content_obsah.hp::before {
    background: radial-gradient(
        1400px 500px at -20% 120px,
        rgba(65,147,198,0.16),
        transparent 75%
    );
}

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

.next_articles.blog_hp__xxxx { 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__xxxxx { background: linear-gradient(to bottom, var(--bg-shadow) 0px, var(--bg-shadow) 100px, black 100px); }
#paticka {
    background: linear-gradient(
        to bottom,
        transparent 0px,
        transparent 100px,
        rgba(255,255,255,0.02) 100px
    );
}

#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 { color: green; }

.tinymce.uvod h2 { color: white; }

.tinymce.text h2 { color: white; }

/* SITEMAP */

/* FORM */

fieldset#zajem input[type="text"], input[type="email"], input[type="tel"] {
  border: 2px solid black; color: var(--shadow-light); background-color: var(--bg-shadow);  
background-color: var(--bg-shadow-light); 
background-color: rgba(255,255,255,0.04);
border: 0.5px solid rgba(255,255,255,0.25);
}
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__xxxx { background: linear-gradient(to bottom, transparent 0px, transparent 100px, var(--bg-shadow) 100px); }
#aboutus {
    background: linear-gradient(
        to bottom,
        transparent 0px,
        transparent 100px,
        rgba(255,255,255,0.02) 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_xxxx { background-color: var(--shadow-dark); }
.cenik_box { background-color: black; }
.cenik_box h3 {  }
.cenik_cena { color: var(--blue-light); }
.cenik_box ul li::before { color: var(--blue-light); }

/* HTML OBSAH :: Služby */

.sluzby__xxxx { background-color: var(--bg-shadow); }
.sluzby_xxxx { background-color: rgba(255,255,255,0.02); }

.sluzby.second_xxxxx { background-color: var(--bg-shadow-light); }

.sluzby.second { position: relative; overflow: hidden; }
.sluzby.second::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.sluzby.second > * { position: relative; z-index: 1; }

.sluzby.second::before {
    background: radial-gradient(
        1400px 500px at -20% 120px,
        rgba(65,147,198,0.16),
        transparent 75%
    );
}

.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__xxxx { background-color: var(--bg-shadow); }

#html_kontakty_zajem { position: relative; overflow: hidden; }
#html_kontakty_zajem::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; }
#html_kontakty_zajem > * { position: relative; z-index: 1; }

#html_kontakty_zajem::before {
    background: radial-gradient(
        1400px 500px at -20% 120px,
        rgba(65,147,198,0.16),
        transparent 75%
    );
}

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