/* --- Globální nastavení webu podle obohu.cz --- */
:root {
  --cassiopeia-color-primary: #0067a2;
  --cassiopeia-color-hover: #004b77;  /* #004b77; */
  --cassiopeia-color-link: #0067a2;
}

body {
    background-color: #ffffff;  /* #f4f4f4; */
    color: #000000;
}

/* Hlavní tělo webu pod menu - drží centrovanou šířku */
.site-container {
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 15px;
    max-width: 1320px;
    margin: 0 auto !important;
}


/* změna zobrazení vlaječek asociovaných článků vedle názvů namísto pod nimi (inline) */
.cat-list-association {
    display: inline !important;
    margin-left: .5em;
}




.container-banner img {
    margin-top: -10px !important;
    margin-bottom: -21px !important;
}






/* --- Kompletní likvidace šedého pozadí a paddingů hlavičky --- */
.container-header, .header, .container-topbar, .topbar, .container-below-top {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0px !important;
    box-shadow: none !important;
    border: none !important;
}

/* --- Hlavní navigační lišta (Logo + Menu) --- */
.container-nav {
    background-color: #0077bb !important; /* Barva stávajícího webu */
    max-width: 1320px;
    margin: 0 auto 10px auto !important; /* Vycentrování lišty na střed (auto) a 20px mezera pod ní */
    padding: 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Vnitřní kontejner pro flexbox zarovnání */
.container-nav .grid-child {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 15px !important; /* Jemný padding z boků, aby logo nebylo nalepené na hraně */
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-start !important;
}

/* Reset výchozího chování Bootstrapu pro menu */
.container-nav .navbar, 
.container-nav .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
}

/* Spojení loga a odkazů do jedné linky */
.container-nav .navbar-nav,
.container-nav .mod-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* --- Stylování MODULU LOGA uvnitř menu --- */
.container-nav .mod-custom {
    margin: 0 !important;
    padding: 0 20px 0 0 !important; /* Odsazení loga zprava od textového menu */
    display: flex !important;
    align-items: center !important;
}

/*.container-nav .mod-custom img {
    display: block !important;
     height: 42px !important; Vaše přesná výška loga 
    width: auto !important;
    padding: 0 !important;
    margin-left:  10px !important;
    margin-right:  0px !important;
    margin-top:  10px !important;
    margin-bottom:  0px !important;*/
	
}

/*
.metismenu.mod-menu .metismenu-item {
    margin: 2.2em 1em;
}*/

/* --- Stylování TEXTOVÝCH ODKAZŮ v menu --- */
.container-nav .mod-menu li {
    margin: 0 !important;
    padding: 0 !important;
}


.metismenu.mod-menu .metismenu-item {
    padding: .5em .2em !important;
}


.container-nav .mod-menu a, 
.container-nav .mod-menu .nav-link,
.container-nav [class*="item-"] > a,
.container-nav [class*="item-"] > .nav-link {
    color: #ffffff !important;
    padding: 0 12px !important; /* Zmenšeno z 20px na 12px zleva i zprava */
    line-height: 34px !important; 
    height: 34px !important;      
    display: block !important;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 0.95rem;
    transition: background-color 0.2s;
    box-sizing: border-box !important;
}

/* Najetí myši a aktivní položka */
.container-nav .mod-menu a:hover,
.container-nav .mod-menu .active > a,
.container-nav .mod-menu .active > .nav-link {
    background-color: #004b77 !important; /* Tmavší modrá #004b77*/
    color: #ffffff !important;
}

/* --- Levý panel (Sidebar-left) --- */
.sidebar-left .card {
    border: 1px solid #0067a2;
    border-radius: 0;
    margin-bottom: 5px;
    box-shadow: none;
}

.sidebar-left .card-title, .sidebar-left h3 {
    background-color: #0067a2;
    color: #ffffff;
    padding: 8px 12px;
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
}

.sidebar-left .card-body {
    padding: 8px;
}

/* Vlaječky v levém sloupci */
.sidebar-left .mod-languages ul.lang-inline {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    padding: 4px 0 !important;
    margin: 0;
    list-style: none;
}

.sidebar-left .mod-languages .lang-active img {
    outline: 2px solid #0067a2;
    outline-offset: 2px;
    opacity: 1;
}

.sidebar-left .mod-languages img {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.sidebar-left .mod-languages img:hover {
    opacity: 1;
}



.container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: .7em;
}

.container-sidebar-left .sidebar-left:first-child {
    margin-top: .7em;
}




a {
    color: #0077bb;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}






/* Vlastní styly pro editor */
.vers {
    font-weight: 500;
    color: #2893e1; /*#0070c9;*/
    background-color: #fafafa;
    padding: 2px 2px;
}



.zvyrazneny-blok {
    border-left: 4px solid #0067a2;
    padding: 10px 15px;
    margin: 15px 0;
    background-color: #f4f9fc;
}

.autor-textu {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85rem;
}


.okno {}

.podpis {
	display: block;
	width: 300px;
	height: 100px;
	background-color:yellow;
	background-image: libor_divis_email2.png;
	margin-left: auto;
    margin-right: 150px;
}


#podpis2 {
	display: flex;
    justify-content: flex-end;
	width: 200px;
	height: 100px;
	background-color:yellow;
	margin-right: 100;
	/*background-image: */
}


.nav-item img {
margin-right: 5px;
}


/* Výchozí stav: Skrýt celý obal banneru na mobilech a tabletech */
.container-banner.full-width {
    display: none !important;
}

/* Zobrazit banner až na velkých obrazovkách (od 1200 px výše) */
@media (min-width: 992px) {
    .container-banner.full-width {
        display: block !important;
    }
}



.maximenumobiletogglericonck_mmmmmmmmmmmmmmmmmmmmmm {
    font-family: verdana;
    background: transparent !important;
    padding: 0px 10px !important;
    padding-top: 0px !important;
    height: 33px;
    position: relative;
    color: #bee2ff !important;
}


@media screen and (max-width: 767.98px) {

    /* 1. Hlavička drží stabilní výšku a nepovolí roztahování */
    .container-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 60px !important; /* Pevná výška modré lišty */
    }

    /* 2. Ukotvení tlačítka hamburgeru natvrdo vpravo – nezvětšuje výšku lišty */
    #maximenuck133 .maximenumobiletogglericonck,
    div[id*="maximenuck"] .maximenumobiletogglericonck {
        position: absolute !important;
        top: 55% !important;
        right: 15px !important;
        transform: translateY(-55%) !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        line-height: 1 !important;
        color: #fff !important;
        z-index: 1001 !important;
    }

    /* Zrušení případných pseudoprvků / čar */
    #maximenuck133 .maximenumobiletogglericonck::before,
    div[id*="maximenuck"] .maximenumobiletogglericonck::before,

    #maximenuck133 .maximenumobiletogglericonck::after,
    div[id*="maximenuck"] .maximenumobiletogglericonck::after {
        border: none !important;
        display: none !important;
    }

    /* 3. Uvolnění modulu */
    div[id*="maximenuck"] {
        position: static !important;
        margin: 0 !important;
    }

    /* 4. Rozbalené menu – začíná přesně pod modrou lištou bez odsazení */
    div[id*="maximenuck"] div.maximenuckmobile-content,
    div[id*="maximenuck"] div.maximenuckmobilecontainer,
    div[id*="maximenuck"] ul.maximenuckmobile {
        position: absolute !important;
        top: 100% !important;   /* Vždy přesně pod 60px lištou */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        z-index: 99999 !important;
    }
}




/* ======================================================
   DESKTOP REŽIM (768px a více)
   ====================================================== */
@media screen and (min-width: 768px) {
    .container-header {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
}