/* --- 2. BÍLÉ BLOKY (Články, moduly) --- */
.com-content-article, .blog-item, .card, .container-breadcrumbs, .mod-breadcrumbs {
    background-color: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    /* OPRAVA 1: odstraněn duplicitní background-color: inherit */
    }

/* --- 2. BÍLÉ BLOKY Hlavička zrušit šedivou barvu --- */
.card-header {
       background-color: inherit;
    }

/* Informace ke článku - zarovnání do řádku a podtržení */
.article-info {
    border-bottom: 1px solid #dee2e6 !important;
    padding-bottom: 5px !important;
    margin-bottom: 15px !important;
    display: block !important;
}
.article-info dd {
    display: inline !important;
    margin-right: 15px !important;
    font-size: 0.85rem !important;
}
.article-info-term { display: none !important; }

/* OPRAVA 2: opraven chybný komentář */
/*----------------------------------------------------------*/

/* --- Úprava mezery: Nadpis posunut doprava, ikona lícuje --- */

.klatest-items li.klatest-item {
    margin-bottom: 1.3rem !important;
    padding-left: 0 !important;
    position: relative;
    list-style: none !important;
}

/* První řádek: Ikona zůstává vlevo, text se odsouvá */
.klatest-subject {
    display: flex !important;
    align-items: baseline;
    gap: 10px;
}

/* Ikona bubliny - lícuje s levou hranou spodních řádků */
.klatest-subject a::before {
    content: "\f075";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 1rem;
    display: inline-block;
    min-width: 18px;
}

.klatest-subject a {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #005596 !important;
    text-decoration: underline !important;
}

/* Zelený nápis (X NOVÝ) - drží se v řádku za názvem */
.klatest-items .knewchar {
    color: #009900 !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 5px !important;
}

/* Spodní řádky: Zůstávají přesně na levé hraně jako ikona */
.klatest-cat, 
.klatest-itemdetails {
    display: block !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.klatest-cat a {
    color: #005596 !important;
    text-decoration: underline !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
}

.klatest-author, 
.klatest-posttime {
    display: inline !important;
    font-size: 0.95rem !important;
}

.klatest-author {
    color: #444;
}

.klatest-author a {
    color: #005596 !important;
    text-decoration: underline !important;
    font-weight: 400 !important;
}

.klatest-posttime {
    color: #000 !important;
    font-weight: 700 !important;
}

.klatest-author::after {
    content: " • ";
    color: #444;
}

.klatest-avatar, .klatest-topicicon {
    display: none !important;
}



/* --- ZALAMOVÁNÍ NADPISU A MOTTA WEBU --- */

.container-header .navbar-brand a.brand-logo span,
.container-header .site-description {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
}

@media (max-width: 768px) {

    header.container-header {
        overflow-x: hidden !important;
    }

    header.container-header > .grid-child:not(.container-nav) {
        max-width: calc(100vw - 70px) !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
        overflow: visible !important;
    }

    .container-header .navbar-brand {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .container-header .navbar-brand a.brand-logo {
        display: block !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    .container-header .navbar-brand a.brand-logo span {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(1rem, 5vw, 1.8rem) !important;
    }

    .container-header .site-description {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(0.75rem, 3vw, 1rem) !important;
    }
}

/* =============================================
   MENU — finální verze
   ============================================= */

/* --- FONT PROMĚNNÁ (stejná jako Cassiopeia) --- */
:root {
    --menu-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
                 "Helvetica Neue", Arial, sans-serif;
}

/* --- HLAVNÍ LIŠTA --- */
.container-header {
    background-color: #1e2d5a !important;
}

/* --- VŠECHNY POLOŽKY MENU — jednotný základ --- */
.container-header .metismenu li a,
.container-header .metismenu li a:link,
.container-header .metismenu li a:visited,
.container-header .metismenu li span {
    font-family: var(--menu-font) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 16px !important;
}

/* --- ZRUŠENÍ ZVÝRAZNĚNÍ AKTIVNÍ POLOŽKY --- */
.container-header .metismenu li.mm-active > a,
.container-header .metismenu li.current > a,
.container-header .metismenu li.active > a,
.container-header .metismenu li.mm-active > a:focus,
.container-header .metismenu li > a:focus {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    outline: none !important;
    text-decoration: none !important; /* OPRAVA 4: přidáno zrušení podtržení */
}

/* --- HOVER NA VŠECHNY POLOŽKY --- */
.container-header .metismenu li a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* --- TROJÚHELNÍČEK --- */
.container-header .mm-toggler,
.container-header .mm-toggler-link {
    font-family: var(--menu-font) !important;
    color: #ffffff !important;
    background-color: transparent !important;
    border: none !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* --- SUBMENU POZADÍ --- */
.container-header .mm-collapse,
.container-header .mm-collapsing,
.container-header .metismenu ul {
    background-color: #162348 !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}

/* --- SUBMENU ODDĚLOVAČ --- */
.container-header .metismenu ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.container-header .metismenu ul li:last-child {
    border-bottom: none !important;
}

/* --- DESKTOP: submenu jako dropdown --- */
@media (min-width: 992px) {
    .container-header .metismenu ul {
        position: absolute !important;
        z-index: 9999 !important;
        min-width: 260px !important;
        top: 100% !important;
        left: 0 !important;
    }
}

/* OPRAVA 3: sloučeny duplicitní @media (max-width: 991.98px) bloky do jednoho */
/* OPRAVA 5: doplněna chybějící uzavírací závorka */
@media (max-width: 991.98px) {
    .container-header .metismenu .mm-collapse.mm-show {
        position: relative;
        z-index: 9999;
    }

    .navbar-collapse.show {
        position: relative !important;
        z-index: 9999 !important;
    }

    #navbar1 {
        position: relative;
        z-index: 9999;
    }

    .container-header .metismenu ul li a {
        padding-left: 32px !important;
    }

    .container-header {
        position: relative !important;
        z-index: 9999 !important;
    }
}

/* --- PŘEBITÍ PODTRŽENÍ AKTIVNÍ POLOŽKY Z TEMPLATE --- */
.metismenu.mod-menu .metismenu-item.active > a,
.metismenu.mod-menu .metismenu-item.active > a:link,
.metismenu.mod-menu .metismenu-item.active > a:visited,
.metismenu.mod-menu .metismenu-item.active > a:hover,
.metismenu.mod-menu .metismenu-item.active > a:focus,
.metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > a:focus,
.metismenu.mod-menu .metismenu-item > button:hover,
.container-header .mod-list li.active > a,
.container-header .metismenu li.mm-active > a {
    text-decoration: none !important;
    border-bottom: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Hover zůstává pouze přes myš */
.metismenu.mod-menu .metismenu-item > a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    text-decoration: none !important;
}

/* --- DESKTOP: úspora místa v hlavní liště --- */
@media (min-width: 992px) {
    .container-header .metismenu li a,
    .container-header .metismenu li a:link,
    .container-header .metismenu li a:visited,
    .container-header .metismenu li span {
        font-size: 0.95rem !important;
        padding: 8px 10px !important;
        letter-spacing: 0.02em !important;
    }

    .container-header .mm-toggler,
    .container-header .mm-toggler-link {
        min-width: 32px !important;
        padding: 0 4px !important;
    }
}

/* --- ZÁHLAVÍ NABÍDKY (Menu Heading) --- */
.container-header button.mod-menu__heading,
.container-header .nav-header {
    font-family: var(--menu-font) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    border: none !important;
    padding: 8px 10px !important;
    min-height: 44px !important;
}