/* ============================================
 ФИНАЛЬНЫЙ ИСПРАВЛЕННЫЙ CSS ДЛЯ САЙТА МПЛ №8
 (С обновленным цветом блоков #AFE2FD)
 ============================================ */

/* === БАЗОВЫЕ СТИЛИ === */
body {
 background: #f4f6f9;
 margin: 0;
 padding: 0;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 9pt;
 color: #333;
}

a { color: #0069A9; text-decoration: underline; transition: all 0.2s; }
a:hover { color: #000; text-decoration: none; }

/* === ШАПКА: ФОТО + КНОПКИ СПРАВА СВЕРХУ === */
.header {
 position: relative !important;
 width: 100% !important;
 max-width: 960px !important;
 margin: 15px auto 0 auto !important;
 height: 220px !important;
 border-radius: 8px !important;
 overflow: hidden !important;
 background: #2c3e50 !important;
 border: none !important;
}

.header::before {
 content: '' !important;
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 100% !important;
 background: url('https://mpl8.ucoz.ru/glavnaya/zastavka2.jpg') center center / cover no-repeat !important;
 z-index: 1 !important;
}

.header::after {
 content: '' !important;
 position: absolute !important;
 bottom: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 60px !important;
 background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%) !important;
 z-index: 2 !important;
}

.header .logo-block {
 position: absolute !important;
 bottom: 0 !important;
 left: 0 !important;
 right: 0 !important;
 text-align: center !important;
 z-index: 3 !important;
 padding: 0 !important;
 height: auto !important;
 background: transparent !important;
}

.header .logo-block h1 {
 display: inline-block !important;
 color: #ffffff !important;
 font-size: 1.3em !important;
 font-weight: 700 !important;
 margin: 0 !important;
 padding: 8px 25px 15px 25px !important;
 background: rgba(0, 0, 0, 0.4) !important;
 backdrop-filter: blur(3px) !important;
 border-radius: 6px 6px 0 0 !important;
 text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
}

.header .data-block {
 position: absolute !important;
 top: 45px !important;
 right: 15px !important;
 z-index: 4 !important;
 background: rgba(255, 255, 255, 0.95) !important;
 padding: 8px 12px !important;
 border-radius: 6px !important;
 font-size: 0.85em !important;
 text-align: right !important;
 box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

.header .data-block a {
 color: #0069A9 !important;
 text-decoration: underline !important;
 margin: 0 4px !important;
 white-space: nowrap !important;
}

.header .data-block a:hover {
 color: #000000 !important;
 text-decoration: none !important;
}

.header .databar {
 display: block !important;
 margin-top: 5px !important;
 color: #6c757d !important;
 font-size: 0.85em !important;
 text-align: right !important;
}

.header .login-block {
 position: absolute !important;
 top: 90px !important;
 right: 15px !important;
 z-index: 4 !important;
 background: rgba(255, 255, 255, 0.95) !important;
 padding: 8px 12px !important;
 border-radius: 6px !important;
 font-size: 0.85em !important;
 text-align: right !important;
 box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
 color: #333 !important;
}

.header .login-block a {
 color: #0069A9 !important;
 font-weight: bold !important;
 text-decoration: underline !important;
}

.header .login-block u {
 color: #2c3e50 !important;
 font-weight: bold !important;
}

/* === БОКОВЫЕ ПАНЕЛИ И ТАБЛИЦЫ === */
.boxTable {
 width: 200px;
 padding: 0;
 margin: 10px 0;
 border: 1px solid #e9ecef;
 border-radius: 8px;
 background: #fff;
 box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* 🎨 ОБНОВЛЕНО: Цвет заголовков блоков */
.boxTable th {
 font-size: 10pt;
 color: #0c4a6e !important; /* Темно-синий текст для контраста */
 padding: 10px 15px;
 text-align: left;
 background: #AFE2FD !important; /* ЗАПРОШЕННЫЙ СВЕТЛО-ГОЛУБОЙ ЦВЕТ */
 border: none;
 font-weight: 700;
}

.boxContent {
 padding: 10px;
}

/* === МЕНЮ uCoz === */
ul.uz, ul.uMenuRoot {
 list-style: none;
 margin: 0;
 padding-left: 0;
}

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

.uMenuV li {
 margin: 0;
 padding: 5px 5px 5px 15px;
 border-bottom: 1px solid #e9ecef;
 font-size: 11px;
 font-weight: bold;
 background: url('/.s/t/812/6.gif') left center no-repeat;
 position: relative !important;
}

.uMenuV .uMenuItem {
 font-weight: bold;
}

.uMenuV li a:link,
.uMenuV li a:active,
.uMenuV li a:visited {
 text-decoration: none;
 color: #4F98BC;
}

/* 🎨 ОБНОВЛЕНО: Цвет при наведении на пункты меню */
.uMenuV li a:hover {
 text-decoration: none;
 color: #0369a1 !important; /* Более насыщенный синий */
}

.uMenuV a.uMenuItemA:link,
.uMenuV a.uMenuItemA:visited {
 text-decoration: none;
 color: #79BD11;
}

.uMenuV a.uMenuItemA:hover {
 text-decoration: none;
 color: #0369a1 !important;
}

.uMenuV .uMenuArrow {
 position: absolute;
 width: 10px;
 height: 10px;
 right: 5px;
 top: 8px;
 background: url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;
}

.uMenuRoot ul {
 background: #AFE2FD !important; /* 🎨 СВЕТЛО-ГОЛУБОЙ ФОН ВЫПАДАЮЩЕГО МЕНЮ */
 border: 2px solid #AFE2FD !important;
 box-shadow: 0 5px 15px rgba(175, 226, 253, 0.4) !important;
}

.uMenuRoot ul li a {
 display: block !important;
 padding: 8px 12px !important;
 color: #2c3e50 !important;
 text-decoration: none !important;
 border-radius: 4px !important;
 transition: all 0.2s !important;
}

.uMenuRoot ul li a:hover {
 background: #AFE2FD !important; /* Голубой фон при наведении */
 color: #0c4a6e !important;
 transform: translateX(3px); /* Легкий сдвиг вправо */
}

/* === МАТЕРИАЛЫ (НОВОСТИ, СТАТЬИ) === */
.eBlock {
 background: #fff;
 border-radius: 8px;
 margin-bottom: 20px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.05);
 overflow: hidden;
 border: 1px solid #e9ecef;
}

.eTitle {
 font-family: inherit;
 font-size: 1.2em;
 font-weight: 700;
 color: #2c3e50;
 padding: 15px 20px;
 border-bottom: 1px solid #e9ecef;
 background: #f8f9fa;
}

.eTitle a {
 text-decoration: none !important;
 color: #2c3e50 !important;
}

.eTitle a:hover {
 color: #0369a1 !important;
}

.eMessage {
 text-align: justify;
 padding: 20px !important;
 font-size: 10pt;
 line-height: 1.6;
}

.eDetails {
 border-top: 1px solid #e9ecef;
 padding: 10px 20px;
 text-align: left;
 font-size: 0.85em;
 color: #6c757d;
 background: #fafafa;
}

/* === КАЛЕНДАРЬ === */
.calTable {
 margin: 0 auto;
 border-collapse: separate;
 border-spacing: 2px;
}

.calMonth {
 padding: 8px;
 font-weight: bold;
 color: #2c3e50;
}

.calWday, .calWdaySe, .calWdaySu {
 color: #6c757d;
 background: #f8f9fa;
 width: 25px;
 height: 25px;
 text-align: center;
 font-size: 0.8em;
 border-radius: 4px;
}

.calMday, .calMdayA, .calMdayIs {
 background: #fff;
 color: #333;
 width: 25px;
 height: 25px;
 text-align: center;
 border-radius: 4px;
 font-size: 0.85em;
}

.calMdayIs {
 background: #AFE2FD; /* Согласовано с новым цветом */
 color: #0c4a6e !important;
 font-weight: bold;
}

a.calMdayLink {
 text-decoration: none;
 color: #333;
}

.calMdayIs a.calMdayLink {
 color: #0c4a6e !important;
}

/* === ОПРОСЫ === */
.pollBody {
 padding: 15px;
 background: #fff;
}

.pollBut {
 width: 100%;
 padding: 8px;
 background: #0369a1; /* Согласовано с новым цветом */
 color: #fff;
 border: none;
 border-radius: 6px;
 cursor: pointer;
 font-weight: 600;
 margin-top: 10px;
}

.pollBut:hover {
 background: #075985;
}

/* === ФОРУМ (Базовые стили) === */
.gTable {
 background: #fff;
 width: 100%;
 border-radius: 8px;
 overflow: hidden;
 border: 1px solid #e9ecef;
}

.gTableTop {
 padding: 10px;
 background: #AFE2FD; /* Согласовано с новым цветом */
 color: #0c4a6e;
 text-align: center;
 font-weight: bold;
 font-size: 10pt;
 border: none;
}

.gTableBody, .gTableBody1 {
 padding: 10px;
 background: #fff;
}

/* === ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ === */
#uhvb {
 top: 5px !important;
 right: 20px !important;
 z-index: 10000 !important;
}

/* === АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ === */
@media (max-width: 768px) {
 .header {
 height: 250px !important;
 }
 
 .header .logo-block h1 {
 font-size: 1.1em !important;
 padding: 6px 15px 12px 15px !important;
 }
 
 .header .data-block,
 .header .login-block {
 position: static !important;
 width: calc(100% - 30px) !important;
 margin: 10px auto !important;
 text-align: center !important;
 top: auto !important;
 right: auto !important;
 }
 
 .header .databar {
 text-align: center !important;
 }
 
 #uhvb {
 top: 5px !important;
 right: 10px !important;
 font-size: 0.85em !important;
 }
}

/* === СТИЛИ ДЛЯ БЛОКА ВКОНТАКТЕ === */
.vk-widget-container {
 border: none !important;
 background: #ffffff;
 border-radius: 12px;
 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
 margin-bottom: 20px;
 overflow: hidden;
}

/* 🎨 ОБНОВЛЕНО: Заголовок виджета ВК теперь в едином стиле с остальными блоками */
.vk-widget-container .boxTitle {
 background: #AFE2FD !important;
 color: #0c4a6e !important;
 font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 font-size: 14px;
 font-weight: 700;
 padding: 12px 15px;
 text-align: left;
 border: none !important;
}

.vk-widget-container .boxContent {
 padding: 0 !important;
 border: none !important;
}

#vk_wall {
 border-radius: 0 0 12px 12px;
 overflow: hidden;
}