/* Контейнер виджета */
.mma-box {
 display: inline-flex;
 gap: 10px;
 padding: 5px;
} /* Общие стили кнопок */
.mma-link {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 30px;
 height: 30px;
 border-radius: 4px;
 text-decoration: none !important;
 transition: background 0.3s ease;
} /* Цвет текста внутри (буквы T и V) */
.mma-link span {
 color: #ffffff !important;
 font-family: Arial, sans-serif;
 font-weight: bold;
 font-size: 16px;
 line-height: 1;
} /* Оригинальные цвета */
.mma-tg {
 background-color: #26a5e4;
}
.mma-vk {
 background-color: #0077ff;
} /* Эффект при наведении */
.mma-link:hover {
 filter: brightness(1.1);
 transform: translateY(-2px);
} /* 1. Базовые настройки для всех страниц (убираем лишнее) */
.sidebar-right .widget,
.sidebar-right section,
.sidebar-right aside {
 margin-top: 0 !important;
 margin-bottom: -10px !important; /* Настрой этот отступ между виджетами сам */
 padding-top: 0 !important;
 padding-bottom: 0 !important;
} /* 2. Только для ГЛАВНОЙ страницы подтягиваем выше, если нужно */
.home .sidebar-right {
 margin-top: -45px !important; /* Уменьшил с -40 до -10, чтобы было аккуратнее */
} /* 3. Для страниц ОДИНОЧНЫХ записей (чтобы не улетало вверх) */
.single-post .sidebar-right {
 margin-top: 0 !important;
 padding-top: 3px !important; /* Добавил небольшой зазор сверху */
} /* Скрываем все лишние переносы строк именно в этом сайдбаре */
.sidebar-right br {
 display: none !important;
} /* Скрываем пустые абзацы, которые WordPress любит вставлять между виджетами */
.sidebar-right p:empty {
 display: none !important;
}
h1,
.page-title,
.entry-title {
 font-size: 24px !important; /* Стандартный "небольшой" размер */
 line-height: 1.2; /* Уменьшаем межстрочный интервал */
 margin-bottom: 15px; /* Небольшой отступ снизу */
}
/* 1. ГЛОБАЛЬНАЯ ЧИСТКА: Устанавливаем системные шрифты */
body, p, .post-page-content, .entry-content {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
 font-size: 17px !important;
 line-height: 1.7 !important;
 color: #1a1a1a !important;
 -webkit-font-smoothing: antialiased;
}
/* 2. НОВОСТИ (Тот самый блок со скрина) */
.post-page-content p {
 font-size: 18px !important; /* Чуть крупнее для удобства чтения */
 margin-bottom: 20px !important;
}
/* 3. ВИДЖЕТ "ТОП СОБЫТИЯ" (Сайдбар) */
/* Сделаем его четким и профессиональным без Яндекса */
.sidebar-right-wrap p, 
.sidebar-right-wrap span,
div[onmouseover*="fcfcfc"] p {
 font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
 font-weight: 600 !important; /* Сделаем чуть жирнее, раз шрифт простой */
 text-transform: none !important;
}
/* 4. БЛОК "МНЕНИЕ РЕДАКЦИИ" (Виден на скрине) */
.mmabest-opinion-container, 
div[style*="background-color: #d1e4f3"] {
 border-radius: 8px !important;
 border-left: 5px solid #cc0000 !important; /* Красный акцент в стиле UFC */
} /* Внутренняя часть виджета */
.widget-inner {
 background: #fff;
 border-radius: 15px;
 overflow: hidden;
} /* Заголовок */
.widget-header-main {
 padding: 22px 20px 12px;
 display: flex;
 align-items: center;
 gap: 10px;
}
.live-indicator {
 width: 8px;
 height: 8px;
 background: #e62117;
 border-radius: 50%;
 box-shadow: 0 0 8px rgba(230, 33, 23, 0.6);
}
.widget-header-main h2 {
 margin: 0 !important;
 font-size: 17px !important;
 font-weight: 700 !important;
 letter-spacing: 0.5px;
 color: #1a1a1a;
 text-transform: uppercase;
} /* Контейнер новостей */
.news-container {
 padding: 0 12px 12px;
}
.news-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 15px;
 margin-bottom: 8px;
 text-decoration: none !important;
 background: #ffffff;
 border: 1px solid #f0f0f0;
 border-radius: 10px;
 transition: all 0.3s ease;
}
.news-row:hover {
 border-color: #1a1a1a;
 transform: translateY(-2px);
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.row-tag {
 display: block;
 font-size: 10px;
 color: #e62117;
 font-weight: 600;
 text-transform: uppercase;
 margin-bottom: 4px;
}
.row-title {
 margin: 0 !important;
 font-size: 15px !important;
 color: #222 !important;
 line-height: 1.4;
 font-weight: 300; /* Ваш YS Light */
}
.row-arrow {
 font-size: 18px;
 color: #ccc;
 transition: transform 0.3s ease;
}
.news-row:hover .row-arrow {
 color: #1a1a1a;
 transform: translateX(3px);
} /* Общий контейнер */
.premium-news-widget {
 background: #fff;
 border: 1px solid #e0e0e0;
 border-radius: 12px;
 padding: 20px 15px;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 max-width: 350px;
} /* Шапка виджета */
.widget-header-main {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 20px;
 position: relative;
 text-transform: uppercase;
}
.live-indicator {
 width: 8px;
 height: 8px;
 background-color: #ff4d4d;
 border-radius: 50%;
 margin-right: 10px;
 box-shadow: 0 0 5px rgba(255, 77, 77, 0.8);
}
.widget-header-main h2 {
 font-size: 22px;
 font-weight: 800;
 margin: 0;
 letter-spacing: 1px;
 color: #111;
} /* Карточка новости (строка) */
.news-row {
 display: flex;
 align-items: center; /* Центрирует стрелку и текст по вертикали */
 justify-content: space-between;
 text-decoration: none !important; /* Убирает подчеркивание */
 background: #ffffff;
 border: 1px solid #f0f0f0;
 border-radius: 10px;
 padding: 15px;
 margin-bottom: 12px;
 transition: all 0.2s ease;
}
.news-row:hover {
 border-color: #d1d1d1;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
} /* Контент внутри строки */
.row-content {
 flex: 1;
 padding-right: 15px;
}
.row-tag {
 display: block;
 color: #b24b4b; /* Приглушенный красный как на фото */
 font-size: 11px;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 6px;
}
.row-title {
 color: #333;
 font-size: 15px;
 font-weight: 600;
 line-height: 1.3;
 margin: 0;
} /* Исправленная стрелка */
.row-arrow {
 color: #999;
 font-size: 20px;
 font-weight: 300;
 transition: transform 0.2s ease;
 min-width: 24px;
 text-align: right;
}
.news-row:hover .row-arrow {
 transform: translateX(3px);
 color: #333;
} /* Полное скрытие блока навигации между постами */
.post-navigation-wrap,
.post-navigation,
.nav-links,
.single-post-navigation {
 display: none !important;
} /* 1. ПЕРЕВОД: Заменяем текст на "ПОХОЖИЕ МАТЕРИАЛЫ" */
div.related-posts h3,
.related-posts-main h3,
h3.related-title {
 font-size: 0 !important; /* Прячем старый текст */
 text-align: center !important;
 margin: 40px 0 30px 0 !important;
}
div.related-posts h3::before,
.related-posts-main h3::before,
h3.related-title::before {
 content: "ПОХОЖИЕ МАТЕРИАЛЫ" !important; /* Новый текст */
 font-size: 20px !important;
 font-family: "Montserrat", sans-serif !important;
 font-weight: 800 !important;
 letter-spacing: 1.5px !important;
 color: #111 !important;
 display: block !important;
 visibility: visible !important;
} /* Красная черта под заголовком */
div.related-posts h3::after,
h3.related-title::after {
 content: "" !important;
 display: block !important;
 width: 35px;
 height: 3px;
 background: #e21a1a;
 margin: 10px auto 0 !important;
} /* 2. ШРИФТ В ЗАГОЛОВКАХ СТАТЕЙ (карточки) */
div.related-posts h4,
div.related-posts .post-title,
div.related-posts a {
 font-family: "Montserrat", sans-serif !important; /* Меняем шрифт на современный */
 font-size: 15px !important;
 font-weight: 700 !important; /* Делаем жирнее */
 line-height: 1.3 !important;
 color: #111 !important;
 text-decoration: none !important;
 margin-bottom: 6px !important;
} /* Эффект при наведении */
div.related-posts a:hover {
 color: #e21a1a !important;
} /* 1. Убираем нижний отступ у секции комментариев */
#comments,
.comments-area,
.post-comments {
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
} /* 2. Убираем верхний отступ у похожих материалов */
div.related-posts,
.related-posts-main {
 margin-top: 0 !important;
 padding-top: 10px !important; /* Оставляем минимальный зазор для эстетики */
 border-top: none !important; /* Убираем линию, если она создает лишнее расстояние */
} /* 3. Убираем отступ у заголовка "Похожие материалы" */
div.related-posts h3,
h3.related-title {
 margin-top: 0 !important;
} /* --- КОМПАКТНАЯ ПАГИНАЦИЯ MMABEST (MODERN STYLE) --- */
.mma-pagination {
 margin: 30px 0 !important;
 padding: 0 !important;
}
.mma-pagination ul {
 display: flex !important;
 flex-wrap: wrap !important;
 justify-content: center !important;
 gap: 6px !important; /* Уменьшили зазор */
 list-style: none !important;
 padding: 0 !important;
} /* Сами кнопки (ссылки и числа) */
.mma-pagination ul li a,
.mma-pagination ul li span {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 min-width: 38px !important; /* Компактный размер */
 height: 38px !important;
 background: #f4f4f4 !important; /* Светло-серый, приятный фон */
 color: #444 !important; /* Темно-серый мягкий текст */
 font-size: 14px !important;
 font-weight: 600 !important;
 text-decoration: none !important;
 border-radius: 6px !important; /* Скругление побольше, для мягкости */
 transition: all 0.2s ease !important;
 border: 1px solid #ddd !important;
} /* Эффект при наведении */
.mma-pagination ul li a:hover {
 background: #eeeeee !important;
 color: #e31e24 !important; /* Мягкое появление красного */
 border-color: #ccc !important;
} /* Активная страница (на которой мы сейчас) */
.mma-pagination ul li.current a,
.mma-pagination ul li.current span,
.mma-pagination ul li span.current,
.mma-pagination ul li.active a {
 background: #e31e24 !important; /* Твой акцентный красный */
 color: #ffffff !important; /* Белая цифра */
 border-color: #e31e24 !important;
 box-shadow: 0 2px 5px rgba(227, 30, 36, 0.2) !important;
} /* Точки (...) */
.mma-pagination ul li.dots span {
 background: transparent !important;
 border: none !important;
 color: #999 !important;
 min-width: 25px !important;
} /* Адаптация для мобильных */
@media screen and (max-width: 480px) {
 .mma-pagination ul li a,
 .mma-pagination ul li span {
 min-width: 34px !important;
 height: 34px !important;
 font-size: 13px !important;
 }
} /* Основной контейнер */
#site-menu {
 display: flex;
 justify-content: center;
 list-content: none;
 padding: 0;
 margin: 0;
} /* Стили для ссылок */
#site-menu li a {
 display: block;
 padding: 12px 22px;
 text-decoration: none;
 color: #444;
 font-size: 12px; /* Компактный шрифт */
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 1.2px;
 position: relative;
 z-index: 1;
 transition: all 0.3s ease;
} /* Сама плитка (фоновая подложка) */
#site-menu li a::before {
 content: "";
 position: absolute;
 top: 5px;
 bottom: 5px; /* Делаем плитку чуть меньше высоты меню */
 left: 5px;
 right: 5px;
 background: #f4f4f4; /* Очень светлый серый вместо красного */
 transform: skewX(-15deg) scaleX(0); /* Скос остается */
 transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
 z-index: -1;
 border-right: 2px solid #e62117; /* Красный только на узком торце плитки */
} /* Эффект при наведении */
#site-menu li a:hover {
 color: #000;
}
#site-menu li a:hover::before {
 transform: skewX(-15deg) scaleX(1); /* Плитка проявляется */
} /* Активный пункт — плитка видна, но она полупрозрачная */
#site-menu li.current-menu-item a {
 color: #e62117;
}
#site-menu li.current-menu-item a::before {
 transform: skewX(-15deg) scaleX(1);
 background: #f9f9f9;
 border-right: 2px solid #e62117;
} /* Шапка сайта */
#main-navigation {
 background: #fff;
 border-bottom: 1px solid #eee;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}
.site-footer {
 background: #1a1d21; /* Новый глубокий цвет */
 border-top: 3px solid #d20a0a; /* Тонкая красная полоса сверху для стиля */
 padding: 50px 0 30px;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,
 sans-serif;
 color: #9da3ae; /* Цвет текста */
}
.footer-brand {
 font-size: 22px;
 font-weight: 900;
 letter-spacing: 1.5px;
 color: #ffffff; /* Белое название для контраста */
 margin-bottom: 12px;
}
.footer-description {
 font-size: 14px;
 color: #8a8f98;
 max-width: 600px;
 margin: 0 auto;
 line-height: 1.6;
}
.footer-divider {
 height: 1px;
 background: #2d3139; /* Темная линия-разделитель */
 margin: 30px auto 25px;
 max-width: 1140px;
}
.footer-bottom-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 max-width: 1140px;
 margin: 0 auto;
 padding: 0 15px;
}
.footer-copyright {
 font-size: 13px;
 color: #6c727f;
}
.footer-legal-links {
 font-size: 13px;
}
.footer-legal-links a {
 color: #8a8f98;
 text-decoration: none;
 transition: color 0.2s;
}
.footer-legal-links a:hover {
 color: #ffffff; /* Текст становится белым при наведении */
}
.separator {
 margin: 0 12px;
 color: #3f444e;
} /* Адаптивность для мобильных */
@media (max-width: 768px) {
 .footer-bottom-row {
 flex-direction: column;
 gap: 15px;
 text-align: center;
 }
}
.footer-main-info {
 text-align: center;
 margin-bottom: 25px;
 padding-top: 10px; /* Добавили немного места сверху вместо удаленного текста */
}
.policy-container {
 max-width: 800px;
 margin: 30px auto;
 padding: 30px;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,
 sans-serif;
 line-height: 1.5;
 color: #444;
 background: #fff;
 font-size: 14px;
 border-radius: 4px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.policy-container h1 {
 font-size: 1.6rem;
 color: #1a1d21; /* Цвет как у футера */
 border-bottom: 2px solid #d20a0a; /* Фирменный красный */
 padding-bottom: 10px;
 margin-bottom: 25px;
}
.policy-container h2 {
 font-size: 1.1rem;
 color: #1a1d21;
 margin-top: 20px;
 margin-bottom: 10px;
 font-weight: 700;
}
.policy-container p,
.policy-container li {
 margin-bottom: 10px;
}
.policy-container ul {
 padding-left: 20px;
}
.policy-container a {
 color: #d20a0a;
 text-decoration: none;
 font-weight: 600;
}
.policy-container a:hover {
 text-decoration: underline;
}
.policy-contacts {
 background: #f8f9fa;
 padding: 15px;
 border-left: 4px solid #1a1d21;
 margin-top: 30px;
} /* Убираем отступы у контейнера, чтобы подтянуть крошки выше */
#site-container > div[style*="background:#fff"] {
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
 border-bottom: none !important;
} /* Убираем верхний отступ у хлебных крошек/основного контента */
.main-content.wrapped-content {
 padding-top: 5px !important;
} /* Дополнительно убираем отступ у самого виджета внутри, если он есть */
.premium-news-widget {
 margin-bottom: 0 !important;
} /* Добавляем отступ под виджетом только на главной странице */
.home .premium-news-widget,
.home .fight-top-bar {
 margin-bottom: 15px !important;
} /* Если нужно чуть раздвинуть именно основной контейнер новостей на главной */
.home .main-content.wrapped-content {
 padding-top: 20px !important;
} /* МЕНЯЕМ ШРИФТ ТОЛЬКО ДЛЯ ТЕКСТА СТАТЬИ */
.graceful-sense-single .post-page-content p,
.graceful-sense-single .post-page-content li,
.graceful-sense-single .post-page-content span {
 font-family: "Yandex Sans Light", sans-serif !important;
 font-size: 16px !important;
 line-height: 1.6 !important;
} /* ВОЗВРАЩАЕМ ИКОНКИ МЕНЮ И ПОИСКА (Блокируем Yandex Sans для них) */
.responsive-menu-btn,
.navigation-search-overlay,
.graceful-search-overlay,
.responsive-menu-btn i,
.navigation-search-overlay i,
[class^="fa-"],
[class*=" fa-"] {
 font-family: "FontAwesome", sans-serif !important; /* Или просто убери font-family */
} /* ФИКС КВАДРАТИКОВ: разрешаем иконкам использовать системный шрифт темы */
.responsive-menu-btn::before,
.responsive-menu-btn::after,
.navigation-search-overlay::before {
 font-family: inherit !important;
} /* Подтягиваем пагинацию выше */
.mma-pagination {
 margin-top: 5px !important; /* Уменьшаем внешний отступ сверху */
 padding-top: 0 !important; /* Убираем внутренний отступ сверху, если он есть */
} /* На случай, если отступ идет от контейнера с постами выше */
.content-wrap {
 margin-bottom: 10px !important;
} /* Уменьшение шрифта заголовка на мобильных */
@media screen and (max-width: 768px) {
 .graceful-sense-single h1.post-title {
 font-size: 19px !important;
 line-height: 1.25 !important;
 }
}
@media screen and (max-width: 768px) {
 /* Прячем пустые контейнеры на картинке */
 .graceful-sense-single .image-overlay,
 .graceful-sense-single .site-images.overlay-post::after {
 display: none !important;
 } /* Убираем фиксированную высоту 230px, чтобы не было дыр */
 .graceful-sense-single .site-images.overlay-post {
 height: auto !important;
 min-height: 0 !important;
 background: none !important;
 }
} /* --- ГЛОБАЛЬНАЯ НАСТРОЙКА ОТСТУПОВ MMABEST --- */ /* 1. ПРИМЕНЯЕМ К КАТЕГОРИЯМ И СТРАНИЦАМ (UFC, ACA, Календарь и т.д.) */ /* Добавляем комфортный отступ 30px, чтобы контент не лип к виджету турниров */
.archive .main-content.wrapped-content,
.page .main-content.wrapped-content,
.search-results .main-content.wrapped-content {
 padding-top: 30px !important;
} /* 2. СПЕЦИАЛЬНО ДЛЯ ГЛАВНОЙ (HOME) */ /* На главной оставляем минимальный зазор 15px, как вы и хотели ранее */
.home .main-content.wrapped-content {
 padding-top: 15px !important;
} /* 3. ОЧИСТКА ВНУТРЕННИХ ОТСТУПОВ КОНТЕЙНЕРОВ */ /* Убираем лишние зазоры у родительских блоков под шапкой */
#site-container > div[style*="background:#fff"] {
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
 border-bottom: none !important;
} /* Убираем отступ снизу у виджета турниров, чтобы управлять им через контент ниже */
.top-tournaments-bar {
 margin-bottom: 0 !important;
} /* 4. ОПТИМИЗАЦИЯ ТЕКСТОВОГО БЛОКА */ /* Убираем "дыры" сверху в статьях и на страницах */
.post-page-content {
 margin-top: 0 !important;
 padding-top: 0 !important;
} /* Скрываем пустые абзацы и лишние переносы, которые вставляет WP */
.post-page-content p:empty,
.sidebar-right p:empty,
.post-page-content br {
 display: none !important;
} /* 5. ПОДТЯГИВАЕМ ПАГИНАЦИЮ И ФУТЕР */
.content-wrap {
 margin-bottom: 10px !important;
}
.mma-pagination {
 margin-top: 10px !important;
 padding-top: 0 !important;
} /* ПОЛНАЯ СИНХРОНИЗАЦИЯ: КАТЕГОРИИ = НОВОСТИ */ /* 1. Настройка шрифта и размера (Копия из новости) */
.archive .graceful-breadcrumbs,
.page .graceful-breadcrumbs,
.graceful-sense-category-title-wrap .graceful-breadcrumbs,
.archive .breadcrumbs-inner,
.page .breadcrumbs-inner {
 font-family: "Yandex Sans Light", "Montserrat", Arial, sans-serif !important;
 font-size: 13px !important;
 line-height: 1.2 !important;
 text-transform: none !important;
 letter-spacing: 0.1px !important;
 -webkit-font-smoothing: antialiased !important;
} /* 2. Настройка ссылок (Жирный Красный #D20A0A) */
.archive .graceful-breadcrumbs a,
.page .graceful-breadcrumbs a,
.archive .breadcrumbs-inner a,
.page .breadcrumbs-inner a {
 color: #d20a0a !important;
 font-weight: 600 !important; /* Именно 600 делает его "жирно красным" */
 text-decoration: none !important;
 font-style: normal !important;
} /* 3. Настройка разделителей (Серый) */
.archive .graceful-breadcrumbs span,
.page .graceful-breadcrumbs span,
.archive .sep,
.page .current {
 color: #cccccc !important;
 font-weight: 300 !important;
 margin: 0 8px !important;
} /* 4. Сброс лишних отступов темы в категориях */
.graceful-sense-category-title-wrap {
 background: transparent !important;
 padding: 0 !important;
 margin-bottom: 0 !important;
 border: none !important;
} /* 1. Полностью скрываем текстовый блок шапки (заголовок и описание) */
#site-header .site-branding,
#site-header .site-description,
#site-header .custom-header-content,
.site-title-wrapper {
 display: none !important;
} /* 2. Убираем пустые отступы, которые зарезервированы под шапку */
#site-header {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
} /* 3. Опционально: если между меню и турнирами слишком большой зазор */
.main-navigation {
 margin-bottom: 0 !important;
} /* 4. Центрируем меню, если оно прижато к боку после удаления шапки */
.main-navigation ul.menu {
 display: flex;
 justify-content: center;
 width: 100%;
} /* 1. Полностью вырезаем верхний блок хедера из разметки */
#site-header > div:first-child,
.site-header-inner,
.custom-header {
 display: none !important;
} /* 2. Обнуляем все возможные отступы у контейнера шапки */
#site-header {
 padding: 0 !important;
 margin: 0 !important;
 min-height: 0 !important;
 border: none !important;
} /* 3. Подтягиваем меню максимально вверх */
.main-navigation-container,
#main-navigation {
 margin-top: 0 !important;
 padding-top: 0 !important;
} /* 4. Убираем отступ у основного контейнера сайта */
#site-container {
 padding-top: 0 !important;
} /* 5. Если сверху все еще есть полоса, проверяем body */
body {
 padding-top: 0 !important;
} /* Эффект пульсации для индикатора LIVE/NEXT */
@keyframes blink {
 0% {
 opacity: 1;
 }
 50% {
 opacity: 0.3;
 }
 100% {
 opacity: 1;
 }
} /* Убираем серый блок ТОЛЬКО на одиночных страницах, исключая главную и категории */
body.page-template-default:not(.home) .site-images {
 background: none !important;
 min-height: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
} /* Скрываем пустой контейнер на страницах, если там нет картинки */
body.page-template-default:not(.home) .site-images:empty {
 display: none !important;
} /* Если на главной всё равно что-то скрыто, принудительно показываем */
body.home .site-images,
body.archive .site-images {
 display: block !important;
 background: #f2f2f2 !important; /* возвращаем как было */
}
.espn-master-wrapper {
 position: relative;
 width: 100%;
 max-width: 1140px; /* Устанавливаем ширину как у основного контента сайта */
 margin: 10px auto; /* Центрируем блок и оставляем отступы сверху/снизу */
 background: #fff;
 border: 1px solid #e2e2e2; /* Можно добавить рамку со всех сторон для аккуратности */
 border-radius: 4px; /* Легкое закругление углов */
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,
 sans-serif;
 overflow: hidden; /* Чтобы стрелки и контент не вылезали за границы */
}
.espn-scroll-area {
 width: 100%;
 overflow-x: auto;
 overflow-y: hidden;
 white-space: nowrap;
 scroll-behavior: smooth;
 -webkit-overflow-scrolling: touch;
}
.espn-scroll-area::-webkit-scrollbar {
 display: none;
}
.espn-inner-line {
 display: inline-flex !important;
 height: 85px;
 align-items: center;
}
.event-info {
 min-width: 220px;
 padding: 0 20px;
 border-right: 1px solid #e2e2e2;
 display: flex;
 align-items: center;
 gap: 15px;
}
.promo-name {
 font-weight: 900;
 color: #cc0000;
 font-size: 16px;
}
.event-title {
 font-size: 12px;
 font-weight: 700;
 white-space: normal;
 line-height: 1.2;
 color: #333;
}
.t-card {
 min-width: 190px;
 padding: 0 20px;
 border-right: 1px solid #e2e2e2;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 flex-shrink: 0 !important;
}
.main-fight {
 background: #f9f9f9;
 border-top: 3px solid #cc0000;
}
.t-tag {
 font-size: 10px;
 color: #888;
 text-transform: uppercase;
 margin-bottom: 5px;
 font-weight: 600;
}
.t-fighter {
 font-size: 13px;
 font-weight: 600;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 2px 0;
 color: #222;
}
.t-fighter b {
 color: #999;
 font-weight: 400;
 font-size: 11px;
 margin-left: 10px;
}
.nav-arrow {
 position: absolute;
 top: 0;
 width: 40px;
 height: 100%;
 background: rgba(255, 255, 255, 0.95);
 z-index: 100;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 font-size: 18px;
 border: none;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 color: #333;
}
.left-arrow {
 left: 0;
}
.right-arrow {
 right: 0;
}
.last-link {
 color: #0066cc;
 font-size: 12px;
 font-weight: 700;
 padding: 0 20px;
 text-transform: uppercase;
 cursor: pointer;
} /* Подсветка победителя */
.t-fighter.is-winner {
 color: #27ae60 !important; /* Зеленый цвет */
 font-weight: 800 !important;
} /* Ярлык "W" (Победа) */
.t-fighter.is-winner span::after {
 content: "W";
 display: inline-block;
 margin-left: 6px;
 font-size: 9px;
 background: #27ae60;
 color: #fff;
 padding: 1px 4px;
 border-radius: 2px;
 vertical-align: middle;
} /* Эффект для проигравшего (затемнение) */
.t-card:has(.is-winner) .t-fighter:not(.is-winner) {
 opacity: 0.4;
 filter: grayscale(1);
} /* 1. Настройка контейнера логотипа */
#site-menu li:first-child a {
 display: flex !important;
 align-items: center !important; /* Центрируем текст по вертикали */
 height: 70px !important; /* Укажите высоту вашей шапки, чтобы лого не улетало вверх */
 background: #ffffff !important; /* Чистый белый фон для логотипа */
 padding: 0 20px !important;
 border-right: 1px solid #e2e2e2 !important; /* Тонкая линия-разделитель в стиле ESPN */
 margin-right: 15px !important;
 border-top: none !important;
 border-bottom: none !important;
 text-decoration: none !important;
} /* 2. Убираем красную полосу и любые линии темы именно для логотипа */
#site-menu li:first-child a::after,
#site-menu li:first-child a::before {
 display: none !important;
 content: none !important;
} /* 3. Оформление текста "как у бренда" */
.logo-mma {
 font-family: "Arial Black", sans-serif !important; /* Жирный шрифт как на Screenshot 160 */
 font-weight: 900 !important;
 font-size: 22px !important;
 font-style: italic !important; /* Наклон для динамики */
 letter-spacing: -1px !important; /* Сжимаем буквы для плотности */
 color: #000 !important;
 line-height: 1 !important;
 text-transform: uppercase !important;
}
.logo-best {
 color: #cc0000 !important; /* Фирменный красный из CSS.txt */
 margin-left: 2px;
} /* 4. Сброс эффектов наведения */
#site-menu li:first-child a:hover {
 background: #ffffff !important; /* Оставляем фон белым при наведении */
 opacity: 0.8;
} /* Убираем правую границу у логотипа */
#site-menu li:first-child a,
#site-menu li:first-child {
 border-right: none !important;
} /* Убираем левую границу у следующего пункта (Главная) */
#site-menu li:nth-child(2) a,
#site-menu li:nth-child(2) {
 border-left: none !important;
} /* На случай, если линия сделана псевдоэлементом (черточка) */
#site-menu li:first-child::after,
#site-menu li:nth-child(2)::before {
 display: none !important;
 content: none !important;
}
.logo-mma {
 font-family: "Arial Black", sans-serif !important;
 font-weight: 900 !important;
 font-style: italic !important;
 color: #000 !important;
 text-transform: uppercase;
}
.logo-mma {
 font-family: "Arial Black", sans-serif !important;
 letter-spacing: -2px !important; /* Очень плотно */
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
 color: #000 !important;
}
.logo-mma {
 font-family: "Arial Black", sans-serif !important;
 letter-spacing: -2px !important; /* Очень плотно */
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
 color: #000 !important;
}
.logo-mma {
 font-family: "Arial Black", sans-serif !important;
 letter-spacing: -2px !important; /* Очень плотно */
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
 color: #000 !important;
}
.logo-best {
 color: #cc0000 !important;
 letter-spacing: -1.5px !important;
 font-style: italic;
 margin-left: -1px; /* Буквы почти касаются друг друга */
} /* Скрываем стандартный блок похожих материалов темы */
.related-posts {
 display: none !important;
} /* Опционально: если после скрытия остался лишний отступ перед комментариями */
.comments-area {
 margin-top: 20px !important;
} /* Кнопки навигации Swiper */
.latest-news-slider-container .swiper-button-next,
.latest-news-slider-container .swiper-button-prev {
 color: #000 !important; /* Принудительно черный цвет стрелки */
 background: #fff !important;
 width: 36px !important;
 height: 36px !important;
 border-radius: 50%;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
 top: 35% !important; /* Поднимаем выше к центру картинки */
 z-index: 10;
} /* Иконки внутри кнопок */
.latest-news-slider-container .swiper-button-next::after,
.latest-news-slider-container .swiper-button-prev::after {
 font-size: 14px !important;
 font-weight: 900;
} /* Смещение, чтобы стрелки не висели в воздухе слишком далеко */
.latest-news-slider-container .swiper-button-prev {
 left: -5px !important;
}
.latest-news-slider-container .swiper-button-next {
 right: -5px !important;
} /* Убираем синее выделение при клике на мобильных */
.swiper-button-next,
.swiper-button-prev {
 -webkit-tap-highlight-color: transparent;
 outline: none !important;
} /* Контейнер пагинации */
.mma-pagination {
 display: flex !important;
 justify-content: flex-start; /* Выравнивание по левому краю, как на скрине */
 gap: 10px;
 margin: 30px 0;
 padding-left: 15px; /* Чтобы не прилипало к краю */
} /* Общие стили для кнопок и активной цифры */
.mma-pagination a,
.mma-pagination span {
 display: flex !important;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 background: #f8f8f8;
 color: #333 !important;
 text-decoration: none !important;
 border: 1px solid #eee;
 border-radius: 4px;
 font-weight: bold;
 font-size: 14px;
 transition: all 0.2s ease;
} /* Контейнер: выравнивание по центру */
.mma-pagination {
 display: flex !important;
 justify-content: center; /* Центрирование */
 align-items: center;
 gap: 10px;
 margin: 50px 0;
 width: 100%;
} /* Кнопки: делаем их шире и выше */
.mma-pagination a,
.mma-pagination span {
 display: flex !important;
 align-items: center;
 justify-content: center;
 min-width: 44px; /* Увеличил ширину */
 height: 44px; /* Увеличил высоту */
 padding: 0 10px;
 background: #fff;
 color: #333 !important;
 border: 1px solid #ddd;
 border-radius: 4px;
 text-decoration: none !important;
 font-weight: bold;
 font-size: 16px;
 transition: all 0.2s ease;
} /* Активная страница (Красная) */
.mma-pagination .current {
 background: #e31e24 !important;
 color: #fff !important;
 border-color: #e31e24 !important;
 box-shadow: 0 2px 8px rgba(227, 30, 36, 0.3);
} /* Ховер: рамка становится красной */
.mma-pagination a:hover {
 border-color: #e31e24;
 color: #e31e24 !important;
 background: #fdfdfd;
} /* Точки */
.mma-pagination .dots {
 border: none;
 background: transparent;
 min-width: 30px;
} /* Идеальный минималистичный фикс */
.sense-slider-area,
.featured-slider,
.graceful-sense-blog-slider {
 min-height: 480px !important;
 display: block;
 background-color: #f9f9f9;
}
@media screen and (max-width: 767px) {
 .sense-slider-area,
 .featured-slider,
 .graceful-sense-blog-slider {
 min-height: 280px !important;
 }
} /* 1. Работаем только с основным списком, игнорируя всё внутри слайдера */
ul.content-column.graceful-sense-column:not(.owl-carousel):not(.owl-stage) {
 display: block !important;
 width: 100% !important;
} /* 2. Настраиваем LI, только если они НЕ являются частью Owl Carousel */
ul.content-column.graceful-sense-column:not(.owl-carousel) > li:not(.owl-item) {
 display: block !important;
 float: left !important;
 width: 48.5% !important; /* Четко фиксируем ширину для 2 колонок */
 margin-right: 3% !important; /* Зазор между колонками */
 margin-bottom: 25px !important;
 box-sizing: border-box !important;
} /* 3. Убираем отступ у каждого второго (правого) блока */
ul.content-column.graceful-sense-column:not(.owl-carousel)
 > li:not(.owl-item):nth-of-type(2n) {
 margin-right: 0 !important;
} /* 4. Принудительная очистка ряда для каждого 3-го элемента (фикс дырок) */
ul.content-column.graceful-sense-column:not(.owl-carousel)
 > li:not(.owl-item):nth-of-type(2n + 1) {
 clear: both !important;
} /* 5. Мобильная версия (одна колонка) */
@media (max-width: 768px) {
 ul.content-column.graceful-sense-column:not(.owl-carousel)
 > li:not(.owl-item) {
 width: 100% !important;
 margin-right: 0 !important;
 float: none !important;
 }
} /* Полностью скрываем блок "Последняя запись" */
.content-wrap > .graceful-sense-slider-wrapper {
 display: none !important;
} /* Убираем заголовок "Последняя запись", если он остался */
.content-wrap > h3.section-title {
 /* Проверь точный класс заголовка в инспекторе */
 display: none !important;
} /* Жесткий сброс для элементов внутри Owl Carousel */
.owl-carousel .owl-item .graceful-sense-slider-item {
 position: relative !important;
 background: none !important; /* Убираем любой фон, который мог стать белым */
 overflow: hidden !important;
} /* --- 1. СЕТКА НОВОСТЕЙ (Две колонки для ПК) --- */
ul.content-column.graceful-sense-column:not(.owl-carousel):not(.owl-stage) {
 display: block !important;
 width: 100% !important;
}
ul.content-column.graceful-sense-column:not(.owl-carousel) > li:not(.owl-item) {
 display: block !important;
 float: left !important;
 width: 48.5% !important;
 margin-right: 3% !important;
 margin-bottom: 25px !important;
 box-sizing: border-box !important;
}
ul.content-column.graceful-sense-column:not(.owl-carousel)
 > li:not(.owl-item):nth-of-type(2n) {
 margin-right: 0 !important;
}
ul.content-column.graceful-sense-column:not(.owl-carousel)
 > li:not(.owl-item):nth-of-type(2n + 1) {
 clear: both !important;
} /* --- 2. ИСПРАВЛЕНИЕ ДЛЯ МОБИЛОК (Одна колонка) --- */
@media (max-width: 768px) {
 ul.content-column.graceful-sense-column:not(.owl-carousel)
 > li:not(.owl-item) {
 width: 100% !important; /* На мобильных во всю ширину */
 margin-right: 0 !important;
 float: none !important;
 display: block !important;
 margin-bottom: 20px !important;
 } /* Исправляем растяжение картинок и заголовков */
 ul.content-column.graceful-sense-column:not(.owl-carousel) .post-thumbnail,
 ul.content-column.graceful-sense-column:not(.owl-carousel)
 .post-thumbnail
 img {
 width: 100% !important;
 height: auto !important;
 } /* Сбрасываем высоту карточек, чтобы текст не слипался */
 ul.content-column.graceful-sense-column:not(.owl-carousel) li {
 height: auto !important;
 }
} /* Уменьшение размера h2 внутри контента статьи */
.graceful-sense-single .post-page-content h2 {
 font-size: 26px !important;
 line-height: 1.3;
 margin-bottom: 15px;
} /* Адаптация под мобильные устройства */
@media (max-width: 768px) {
 .graceful-sense-single .post-page-content h2 {
 font-size: 22px !important;
 }
} /* 1. Указываем, что первая буква должна наследовать жирность от родителя */
.post-page-content p::first-letter {
 font-weight: inherit; /* Наследует вес (400 или 600/700) */
 -webkit-font-smoothing: antialiased;
} /* 2. Для всех жирных слов (включая те, что в начале строки) задаем нужный вес */
.post-page-content p strong,
.post-page-content p b {
 font-weight: 700 !important; /* Или 600, как вам больше нравится */
 display: inline; /* Гарантирует правильное отображение */
} /* Основной контейнер статьи */
.mma-article-wrap {
 max-width: 800px;
 width: 95%;
 margin: 20px auto;
 font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 color: #334155;
 line-height: 1.7;
 background: #ffffff;
 padding: 40px 25px;
 border: 1px solid #f1f5f9;
 border-radius: 16px;
 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
 box-sizing: border-box;
} /* Угловатый блок мнения редакции */
.mma-editorial-quote {
 margin: 35px 0;
 background: linear-gradient(90deg, #b91c1c 0%, #7f1d1d 100%);
 padding: 2px;
 border-radius: 0 15px 0 15px;
}
.mma-editorial-inner {
 background: #fff;
 padding: 20px;
 border-radius: 0 13px 0 13px;
}
.mma-editorial-badge {
 background: #b91c1c;
 color: #fff;
 padding: 3px 12px;
 font-family: sans-serif;
 font-weight: 900;
 font-size: 11px;
 text-transform: uppercase;
 display: inline-block;
 transform: skew(-10deg);
 margin-bottom: 12px;
}
.mma-editorial-text {
 margin: 0;
 color: #1f2937;
 font-size: 1.1em;
 line-height: 1.6;
 font-style: italic;
 border-left: 4px solid #b91c1c;
 padding-left: 15px;
} /* Карточки бойцов */
.mma-fighter-grid {
 display: flex;
 gap: 15px;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
.mma-card {
 flex: 1;
 min-width: 280px;
 padding: 20px;
 border-radius: 0 12px 0 12px;
 box-sizing: border-box;
 border: 1px solid #e2e8f0;
}
.mma-card.fav {
 background: #f8fafc;
}
.mma-card.risk {
 background: #fef2f2;
 border-color: #fee2e2;
} /* Темный блок WAR */
.mma-war-block {
 background: #0f172a;
 color: #f8fafc;
 border-radius: 12px;
 padding: 30px;
 margin-bottom: 35px;
 position: relative;
 overflow: hidden;
}
.mma-war-bg {
 position: absolute;
 right: -15px;
 top: -15px;
 font-size: 110px;
 opacity: 0.1;
 font-weight: 900;
 pointer-events: none;
 color: #b91c1c;
} /* Компактный прогноз */
.mma-prediction-lite {
 margin: 10px 0 0 0;
 display: flex;
 align-items: center;
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 border-radius: 12px;
 padding: 15px 20px;
 gap: 15px;
 border-left: 6px solid #b91c1c;
}
.mma-prediction-value {
 background: #b91c1c;
 color: #fff;
 min-width: 65px;
 height: 50px;
 border-radius: 8px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
} /* Обновленные заголовки в карточках */
.mma-card h4 {
 margin: 0 0 8px 0 !important; /* Уменьшили нижний отступ */
 font-size: 18px !important; /* Уменьшили размер (было около 24-28px) */
 line-height: 1.2 !important;
 letter-spacing: 0.5px !important; /* Сделали текст плотнее */
 text-transform: uppercase;
} /* 1. Основная структура таблицы */
.ufc-results-container {
    max-width: 850px;
    margin: 20px auto;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.ufc-results-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    table-layout: fixed;
}
.ufc-results-table thead th {
    background: #1a1a1a;
    color: #fff;
    padding: 15px;
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.card-divider {
    background: #f8fafc;
    font-weight: bold;
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    padding: 10px 15px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}
.ufc-results-table td {
    padding: 14px 15px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

/* 2. Стили имен и веса */
.fighter-cell { line-height: 1.4; }
.fighter-names {
    font-size: 15px;
    display: block;
    margin-bottom: 2px;
    font-weight: 700;
}
.vs-text { color: #94a3b8; margin: 0 3px; font-weight: normal; }
.weight-subtext {
    display: block;
    font-size: 10px;
    color: #b91c1c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* 3. Бейдж WIN */
.fighter-names .w {
    display: inline-block !important;
    background-color: #e11d48 !important;
    color: #ffffff !important;
    font-size: 0 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    position: relative;
    top: -1px;
}
.fighter-names .w::before {
    content: "WIN" !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    display: block !important;
}
.fighter-cell:has(.w) {
    border-left: 3px solid #e11d48 !important;
    background: rgba(225, 29, 72, 0.03) !important;
}

/* 5. ПРАВАЯ КОЛОНКА (РЕЗУЛЬТАТЫ) */
.method-badge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    min-width: 115px;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.method-badge:before {
    display: inline-block;
    flex-shrink: 0;
    margin-right: 5px;
    white-space: nowrap !important; /* ЖЕСТКИЙ ЗАПРЕТ ПЕРЕНОСА */
}

/* Наполнение контентом */
.method-badge[data-type="ko"]:before { content: "Нокаут"; }
.method-badge[data-type="tko"]:before { content: "ТКО"; }
.method-badge[data-type="sub1"]:before { content: "Сдача (удуш.)"; }
.method-badge[data-type="sub2"]:before { content: "Сдача (бол.)"; }
.method-badge[data-type="ud"]:before { content: "Единогласное"; }
.method-badge[data-type="sd"]:before { content: "Раздельное"; }
.method-badge[data-type="md"]:before { content: "Решение бол."; }
.method-badge[data-type="nc"]:before { content: "NC"; }
.method-badge[data-type="dq"]:before { content: "DQ"; }
.method-badge[data-type="pending"]:before { content: "Ожидается"; }

/* Цветовые схемы */
.method-badge[data-type="ko"], .method-badge[data-type="tko"] { background: #b91c1c; color: #fff; }
.method-badge[data-type="sub1"], .method-badge[data-type="sub2"] { background: #1e293b; color: #fff; }
.method-badge[data-type="ud"], .method-badge[data-type="md"] { background: #f1f5f9; color: #475569; border-color: #e2e8f0; }
.method-badge[data-type="sd"] { background: #f8fafc; color: #64748b; border-color: #e2e8f0; }
.method-badge[data-type="nc"], .method-badge[data-type="pending"] { background: #ffffff; color: #94a3b8; border-color: #e2e8f0; }
.method-badge[data-type="dq"] { background: #450a0a; color: #fff; }

.round-mark {
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 800;
    margin-left: auto;
    color: inherit;
    flex-shrink: 0;
}

/* 6. MOBILE ADAPTIVE */
@media screen and (max-width: 600px) {
    .ufc-results-table thead { display: none; }
    .ufc-results-table td:first-child { width: 60% !important; }
    .ufc-results-table td:last-child { width: 40% !important; }
    
    .fighter-names { font-size: 13px; }
    
    .method-badge {
        min-width: 105px; /* Чуть увеличил для мобайла, чтобы влез текст */
        font-size: 10px;
        padding: 5px 6px;
    }
    
    .method-badge:before {
        white-space: nowrap !important; /* Еще раз запрещаем перенос */
    }

    .round-mark {
        font-size: 9px;
        margin-left: 2px;
    }
}

.footer-info {
    padding: 12px;
    background: #fafafa;
    border-top: 1px solid #eee;
    font-size: 11px;
    color: #999;
    text-align: center;
} /* ТЕСТОВЫЙ БЛОК: АНОНС ТУРНИРА */
.test-event-banner {
 background: #000;
 color: #fff;
 padding: 20px;
 border-left: 5px solid #cc0000;
 margin: 20px 0;
 font-family: "Segoe UI", Roboto, sans-serif;
 display: flex;
 justify-content: space-between;
 align-items: center;
 text-transform: uppercase;
}
.test-event-banner .event-title {
 font-weight: 900;
 font-size: 1.2rem;
 letter-spacing: 1px;
}
.test-event-banner .event-date {
 background: #cc0000;
 padding: 5px 12px;
 font-weight: 800;
 font-size: 0.9rem;
} /* Эффект при наведении, чтобы проверить, что CSS "живой" */
.test-event-banner:hover {
 background: #1a1a1a;
 cursor: pointer;
}
/* Увеличиваем шрифт только для ПК (экраны шире 768px) */
@media (min-width: 769px) {
 .mma-table .event-title {
 font-size: 15px !important; /* Добавили родителя и !important для гарантии */
 line-height: 1.4;
 display: block;
 }
.mma-table .event-title a {
 font-weight: 700 !important;
 font-size: 15px !important;
 }
}
/* --- ОТСТУП ПОД КАРТИНКОЙ --- */
/* Добавляем отступ всему блоку контента от шапки новости */
.post-page-content {
 margin-top: 25px !important;
}

/* Убираем лишние отступы у первого абзаца, если они там затесались */
.post-page-content p:first-child {
 margin-top: 0 !important;
}

/* --- САЙДБАР: ТОП СОБЫТИЯ --- */
/* Уменьшаем размер текста новостей в сайдбаре */
.sidebar-right-wrap p[style*="font-size"], 
div[onmouseover*="fcfcfc"] p,
.sidebar-right-wrap a p {
 font-size: 14px !important;
 line-height: 1.3 !important;
 margin-top: 4px !important;
 margin-bottom: 4px !important;
}

/* Уменьшаем плашку категории (UFC и т.д.) в сайдбаре */
.sidebar-right-wrap span[style*="font-size: 10px"] {
 font-size: 9px !important;
 margin-bottom: 2px !important;
}

/* Основной контейнер статьи */
.news-card-root {
    max-width: 800px;
    margin: 30px auto;
    font-family: 'Yandex Sans Light', -apple-system, sans-serif !important;
    line-height: 1.7;
    color: #1e293b;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

/* Шапка и заголовки */
.news-card-header { text-align: center; margin-bottom: 30px; }
.news-card-category { font-size: 11px; text-transform: uppercase; color: #b91c1c; font-weight: 800; letter-spacing: 2px; margin-bottom: 10px; }
.news-card-title { font-size: 26px; font-weight: 900; line-height: 1.2; color: #0f172a; margin: 0 0 20px 0; }
.news-card-divider { width: 60px; height: 3px; background: #b91c1c; margin: 0 auto; }

/* Изображение */
.news-card-img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); display: block; margin: 0 auto 25px; }

/* Цитаты */
.news-card-quote { margin: 25px 0; padding: 20px; background: #f8fafc; border-left: 4px solid #0f172a; border-radius: 0 12px 12px 0; }
.news-card-quote-text { margin: 0; font-style: italic; font-size: 15px; color: #334155; }
.news-card-quote-author { margin-top: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #64748b; }

/* Инфо-блоки (рыба, советы и т.д.) */
.news-card-info-box { margin: 35px 0; padding: 20px; background: #fcfcfc; border: 1px dashed #cbd5e1; border-radius: 12px; display: flex; align-items: flex-start; gap: 15px; }
.news-card-info-icon { font-size: 20px; }

/* Сетка карточек */
.news-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 35px 0; }
.news-card-item { background: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e2e8f0; border-top-width: 4px; border-top-style: solid; }
.news-card-item-title { font-size: 11px; text-transform: uppercase; font-weight: 800; margin-bottom: 8px; }

/* Футер и кнопки */
.news-card-footer { margin-top: 30px; text-align: center; border-top: 1px solid #f1f5f9; padding-top: 20px; }
.news-card-btn { background: #f1f5f9; color: #0f172a; padding: 6px 15px; border-radius: 6px; font-size: 12px; font-weight: 700; display: inline-block; margin: 5px; cursor: pointer; }


/* Основной контейнер отчета */
.ufc-report-container {
    max-width: 800px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.7;
    color: #1e293b;
    padding: 25px;
    background: #ffffff;
    /* Фикс рамки для ПК */
    border: 1px solid #e2e8f0;
    border-radius: 16px;
}

@media (min-width: 1025px) {
    .ufc-report-container {
        margin-top: -22px !important;
        position: relative;
        z-index: 10;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }
}

/* Шапка */
.ufc-report-header { text-align: center; margin-bottom: 35px; }
.ufc-report-badge { font-size: 11px; text-transform: uppercase; color: #2563eb; font-weight: 800; letter-spacing: 2px; margin-bottom: 10px; }
.ufc-report-title { font-size: clamp(22px, 5vw, 32px); font-weight: 900; line-height: 1.2; color: #0f172a; margin: 0 0 15px 0 !important; letter-spacing: -0.5px; }
.ufc-report-divider { width: 60px; height: 3px; background: #2563eb; margin: 0 auto; }

/* Центральный акцентный блок */
.ufc-report-highlight { margin: 30px 0; padding: 25px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; text-align: center; }
.ufc-report-highlight h4 { margin: 0 0 10px 0 !important; font-size: 12px; color: #64748b; font-weight: 800; text-transform: uppercase; }
.ufc-report-accent-text { font-size: 22px; font-weight: 900; color: #2563eb; }

/* Блок с заметкой (🗞️) */
.ufc-report-note { margin: 35px 0; padding: 20px; background: #fcfcfc; border: 1px dashed #cbd5e1; border-radius: 8px; display: flex; align-items: flex-start; gap: 15px; }

/* Сетка карточек бойцов */
.ufc-report-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 40px 0; }
.ufc-report-card { background: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e2e8f0; }
.ufc-report-card.dark { border-top: 4px solid #0f172a; }
.ufc-report-card.red { border-top: 4px solid #ef4444; }

/* Инсайд (синяя полоса слева) */
.ufc-report-inside { margin: 40px 0; padding: 25px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; border-left: 6px solid #2563eb; }

/* Нижний темный блок */
.ufc-report-dark-footer { margin: 30px 0; padding: 20px; background: #1e293b; color: #f8fafc; border-radius: 12px; font-size: 14px; display: flex; align-items: flex-start; gap: 15px; }

/* Футер с кнопками/тегами */
.ufc-report-footer { margin-top: 40px; text-align: center; border-top: 1px solid #f1f5f9; padding-top: 30px; }
.ufc-report-tag { background: #f8fafc; color: #0f172a; padding: 8px 18px; border-radius: 6px; font-size: 13px; font-weight: 700; border: 1px solid #e2e8f0; display: inline-block; margin: 5px; }