/* Vycentrování loga v hlavičce Cassiopeia */
.container-header .navbar-brand {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}

.container-header .navbar-brand img {
    width: auto; /* Nastaví pevnou šířku loga v pixelech */
    height: 250px; /* Zachová správný poměr stran obrázku */
    max-width: 100%; /* Zajistí responzivitu na mobilech */
    display: inline-block;
}

.container-header .mod-menu {
    justify-content: flex-end !important;
}

/* Styl hlavních položek menu */
.container-header .mod-menu a, 
.container-header .mod-menu span {
    color: #ffffff !important; /* Bílá barva písma */
    font-size: 2rem;
    font-weight: 500;
    padding: 10px 15px !important;
    transition: all 0.3s ease;
}

/* Efekt při najetí myší (hover) */
.container-header .mod-menu a:hover, 
.container-header .mod-menu span:hover {
    color: #ffcc00 !important; /* Zlatavý akcent při najetí */
    background-color: rgba(255, 255, 255, 0.1); /* Jemné podsvícení pozadí */
    border-radius: 4px;
}

/* Úprava rozbalovacího okna (dropdownu) */
.container-header .mod-menu .dropdown-menu {
    background-color: #ffffff !important; /* Bílé pozadí pro sub-menu */
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Moderní stín */
    padding: 8px 0;
}

/* Položky uvnitř rozbalovacího menu */
.container-header .mod-menu .dropdown-menu a {
    color: #333333 !important; /* Tmavé písmo pro dobrou čitelnost */
    padding: 8px 20px !important;
    display: block;
}

/* Hover efekt v rozbalovacím menu */
.container-header .mod-menu .dropdown-menu a:hover {
    background-color: #f5f5f5 !important; /* Šedé pozadí aktivního řádku */
    color: #000000 !important;
}

/* Zmenšení úvodního obrázku v přehledu článků */
.item-image.pull-left, 
.item-image {
    max-width: 200px; /* Maximální šířka obrázku v pixelech (upravte dle libosti) */
    height: auto;     /* Zachová poměr stran */
    margin-right: 20px; /* Mezera mezi obrázkem a textem napravo */
    margin-bottom: 15px; /* Mezera pod obrázkem */
    float: left;      /* Text bude obrázek obtékat zprava */
}

/* Oprava pro mobilní telefony, aby obrázek na malé obrazovce skočil nad text */
@media (max-width: 576px) {
    .item-image {
        max-width: 100%;
        float: none;
        margin-right: 0;
    }
}
/* Automatické zkrácení textu úvodníku v blogu hlavních článků 
.com-content-featured-blog .blog-item .article-body,
.com-content-featured-blog .blog-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Počet řádků, které se mají zobrazit (změňte na 1 pro cca 10 slov) */
  /*  -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}*/