:root {
    --body-bg: #f5f5f5 !important;
}

/* Заглавието на менюто (card-header) */
.card-header {
    background-color: #912b3b !important; /* червен фон */
    color: #fff !important;               /* бял текст */
    font-weight: 600;
}

/* Съдържанието под заглавието */
.card,
.card-body,
.list-group,
.list-group-item {
    background-color: #ffffff !important; /* бял фон */
    color: #222 !important;
}

/* Подменю линкове */
.list-group-item a {
    color: #222 !important;
    text-decoration: none;
}

/* Hover ефект за подменю */
.list-group-item:hover,
.list-group-item a:hover {
    background-color: #f5f5f5 !important;
    color: #912b3b !important;
}

/* Сянка на целия контейнер (card) */
.card {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    border-radius: 6px; /* по желание – за по-мек вид */
    border: none !important; /* маха тънката сива рамка */
}

/* Заглавие на съдържанието (H1/H2 в статии) */
.com-content-article h1,
.com-content-article h2,
.page-header h1,
.page-header h2 {
    background-color: #912b3b !important; /* червен фон */
    color: #fff !important;               /* бял текст */
    padding: 10px 14px;
    margin: 0 0 15px 0;
    border-radius: 6px 6px 0 0;
}

/* Контейнерът на съдържанието */
.com-content-article,
.item-page,
.blog-item,
.category-desc {
    background-color: #ffffff !important; /* бял фон */
    padding: 20px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    border: none !important;
}

/* Премахване на бели блокове вътре */
.com-content-article .card,
.com-content-article .card-body {
    background: transparent !important;
    box-shadow: none !important;
}