html body.site {
    background-image: url("/images/edu/klass_p11.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

/* Делаем полупрозрачным основной контейнер, иначе белая подложка скроет фото */
html body.site .site-container {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* Делаем прозрачным главный контейнер сайта */
/*
html body.site .site-container {
    background-color: transparent !important;
}
*/

/* Задаем полупрозрачный белый фон для блока самой статьи */
html body.site .com-content-article {
    background-color: rgba(255, 255, 255, 0.8) !important; /* 0.8 — это 80% непрозрачности */
    padding: 25px !important; /* Добавляем внутренние отступы, чтобы текст не прилипал к краям */
    border-radius: 8px !important; /* Слегка округляем углы блока */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; /* Добавляем мягкую тень */
}
/*
html body.site header.header {
    background-image: none !important; 
    background-color: rgba(158, 198, 247, 0.8) !important; 
}
*/

html body.site header.header,
html body.site .container-header {
    background-image: linear-gradient(to bottom, rgba(158, 198, 247, 0.8) 0%, rgba(158, 198, 247, 0.2) 100%) !important;
    background-color: transparent !important; /* Отменяем сплошной фоновый цвет */
}

/*
html body.site .container-nav,
html body.site .navbar {
    background-image: linear-gradient(to right, rgba(21, 41, 88, 0.9) 0%, rgba(21, 41, 88, 0.1) 100%);
    background-color: transparent;
    border: none; 
} 
*/

html body.site .container-nav,
html body.site .navbar {
    background-image: none !important; /* Убираем возможные градиенты шаблона */
    background-color: rgba(21, 41, 88, 0.8) !important; /* Наш полупрозрачный фон */
    border: none !important; /* Удаляем стандартные рамки и полосы */
}
html body.site .container-nav {
    backdrop-filter: blur(10px) !important; /* Размывает фото-фон строго под меню */
    -webkit-backdrop-filter: blur(10px) !important; /* Поддержка для браузеров Safari */
}
html body.site .navbar-nav .nav-link {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important; /* Черная тень для белого текста */
}