/* 1. Pozadí webu z Dítěte */
body {
    background-image: url('../images/page.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-color: #f4f4f4 !important;
}

/* 2. Kompletní zprůhlednění hlavičky, levého panelu a patičky */
header,
footer,
.header,
.site-header,
.container-header,
.container-sidebar-start,
.container-sidebar-left,
.container-sidebar-end,
.container-sidebar-right,
.container-footer,
.grid-child,
.card,
.card-header,
.card-body {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. BARVA NÁZVŮ ČLÁNKŮ (pouze v hlavním obsahu - vynechává hlavičku!) */
main h1, main h2, main h3,
.com-content-article h1,
.com-content-category-blog h2,
.com-content-category__item h2,
.article-title,
.article-title a,
.com-content-category-blog h2 a,
.com-content-category__item h2 a {
    color: #0d6efd !important; /* Zde dejte barvu článků (nyní zářivá modrá pro test) */
    text-decoration: none !important;
}

/* Při najetí na nadpis článku */
main h1 a:hover, main h2 a:hover, main h3 a:hover,
.article-title a:hover,
.com-content-category-blog h2 a:hover,
.com-content-category__item h2 a:hover {
    color: #8e44ad !important;
}

/* 4. BARVA NÁZVŮ MODULŮ (pouze v postranních panelech / menu) */
.container-sidebar-start .mod-title,
.container-sidebar-start .module-title,
.container-sidebar-start .card-title,
.container-sidebar-start .mod-card__title,
.container-sidebar-start h3,
.container-sidebar-end .mod-title,
.container-sidebar-end .module-title,
.container-sidebar-end .card-title,
.container-sidebar-end .mod-card__title,
.container-sidebar-end h3 {
    color: #0d6efd !important; /* Zde dejte barvu modulů (nyní zářivá modrá pro test) */
    font-size: 1.25rem !important;
    font-weight: bold !important;
    background: transparent !important;
}

/* 5. Skrytí ikon/detailů článků přes CSS */
.article-info,
.article-info-term,
dd.createdby,
dd.category-name,
dd.published,
dd.hits {
    display: none !important;
}
/* --- Úprava barev levého modulu (Main Menu) --- */
.sidebar-left h3 {
    color: #FF5733 !important; /* Nahraďte požadovanou barvou */
}

.sidebar-left .mod-menu a {
    color: #FF5733 !important;
}

.sidebar-left .mod-menu li.active a,
.sidebar-left .mod-menu a[aria-current="page"] {
    color: #FF5733 !important;
}
/* 6. Úprava patičky (Footer) - zarovnání a barva textu */
footer,
.container-footer,
.container-footer p,
.container-footer div,
.container-footer a {
    text-align: center !important;  /* Vycentrování textu */
    color: #333333 !important;      /* Nahraďte požadovanou barvou (nyní tmavě šedá) */
}

/* Pokud jsou v patičce odkazy a chcete pro ně jinou barvu po najetí myší */
.container-footer a:hover {
    color: #0d6efd !important;
}
/* 6. Vycentrování patičky v Cassiopeia (Flexbox + Text align) */
footer,
.container-footer,
.site-footer,
.container-footer .grid-child,
.container-footer .mod-custom,
.container-footer .module-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Vycentruje bloky/prvky horizontálně */
    justify-content: center !important;
    text-align: center !important;     /* Vycentruje samotné řádky textu */
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Zajištění barvy textu a odkazů v patičce */
.container-footer,
.container-footer p,
.container-footer div,
.container-footer span,
.container-footer a {
    color: #333333 !important; /* Zde nastavte požadovanou barvu textu */
    text-align: center !important;
}