/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */
/* ==========================================================================
   1. ГЛОБАЛЬНОЕ ФОНОВОЕ ОФОРМЛЕНИЕ И ЦВЕТОВАЯ СХЕМА
   ========================================================================== */

/* Основной глубокий тёмный фон сайта */
body, 
.site, 
#page, 
.site-content {
    background-color: #0D1117 !important;
    color: #E2E8F0 !important;
}

/* Базовые параметры ссылок */
a {
    color: #A855F7 !important;
    transition: color 0.25s ease !important;
}

a:hover {
    color: #FFD700 !important;
}

/* ==========================================================================
   2. ПРЕМИАЛЬНАЯ СТИЛИЗАЦИЯ КАРТОЧЕК СТАТЕЙ (Post Cards)
   ========================================================================== */

/* Единый стиль контейнера карточки */
.post-card,
.posts-feed article,
article.post-item,
.card-item {
    background: #10141D !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important; /* Тонкий золотистый контур */
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Эффект парения при наведении на карточку */
.post-card:hover,
.posts-feed article:hover,
article.post-item:hover,
.card-item:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.15), 0 0 15px rgba(212, 175, 55, 0.2) !important;
}

/* Оформление миниатюры (изображения) статьи */
.post-card .post-card__image,
article .post-thumbnail,
.entry-media img {
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.4s ease !important;
}

.post-card:hover .post-card__image img,
article:hover .post-thumbnail img {
    transform: scale(1.03) !important; /* Легкое увеличение картинки при наведении */
}

/* Заголовок внутри карточки */
.post-card__title,
.entry-title,
article h2.entry-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 12px 0 10px 0 !important;
}

.post-card__title a,
.entry-title a,
article h2.entry-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.post-card__title a:hover,
.entry-title a:hover,
article h2.entry-title a:hover {
    color: #FFD700 !important; /* Золотистый оттенок при наведении на заголовок */
}

/* Текст отрывка (Excerpt) внутри карточки */
.post-card__excerpt,
.entry-excerpt,
article .entry-summary {
    color: #94A3B8 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
}

/* Мета-данные (Дата, Рубрика, Время чтения) */
.post-card__meta,
.entry-meta,
.post-raw-meta {
    font-size: 12px !important;
    color: #64748B !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.post-card__meta a,
.entry-meta a {
    color: #D4AF37 !important; /* Золотые ярлыки рубрик */
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Кнопка "Читать далее" или акцентные метки карточки */
.post-card__more,
.entry-readmore {
    display: inline-flex !important;
    align-items: center !important;
    color: #A855F7 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.post-card__more:hover,
.entry-readmore:hover {
    color: #FFD700 !important;
    transform: translateX(4px) !important;
}

/* ==========================================================================
   3. МОБИЛЬНАЯ АДАПТАЦИЯ КАРТОЧЕК (До 768px)
   ========================================================================== */

@media (max-width: 768px) {
    .post-card,
    .posts-feed article,
    article.post-item,
    .card-item {
        padding: 15px !important;
        margin-bottom: 16px !important;
        border-radius: 10px !important;
    }

    .post-card__title,
    .entry-title,
    article h2.entry-title {
        font-size: 17px !important;
        margin: 8px 0 !important;
    }

    .post-card__excerpt,
    .entry-excerpt {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

/* ==========================================================================
   ФИКС ШАПКИ И СЛАЙДЕРА (ТЁМНЫЙ СТИЛЬ И ЧИТАЕМОСТЬ ЗАГОЛОВКОВ)
   ========================================================================== */

/* 1. Перекрашиваем синий блок шапки в тёмный цвет */
.site-header,
.header-hero,
.header-branding,
div[class*="header"] {
    background-color: #0D1117 !important;
    background: #0D1117 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

/* Цвет описания и икон социальных сетей в шапке */
.site-description,
.header-hero p {
    color: #94A3B8 !important;
}

/* 2. Читаемость заголовков поверх слайдера / баннеров */
.slide-title,
.slider-item__title,
.hero-title,
.entry-title-overlay {
    background: rgba(13, 17, 23, 0.75) !important;   /* Тёмная полупрозрачная подложка */
    padding: 8px 14px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(4px) !important;           /* Легкий эффект размытия фона */
    display: inline-block !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* 3. Фикс отступа текста "Автор: dydya-roma ОПИСАНИЕ" в карточках */
.entry-summary,
.post-card__excerpt {
    word-break: break-word !important;
    color: #CBD5E1 !important;
}

/* ==========================================================================
   ДЕСКТУПНАЯ ВЕРСИЯ: Перекраска шапки, меню, слайдера и фона
   ========================================================================== */

/* 1. Общий фон страницы и контейнеров */
html, body, #page, .site-header, .header-hero, .main-navigation {
    background-color: #0D1117 !important;
    background: #0D1117 !important;
}

/* 2. Шапка сайта (блок с логотипом AF и соцсеточками) */
.header-top,
.header-hero,
.site-branding,
div[class*="header"] {
    background-color: #0D1117 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.site-title a,
.site-description {
    color: #FFFFFF !important;
}

.site-description {
    color: #94A3B8 !important;
}

/* 3. Главное навигационное меню (под шапкой) */
.main-navigation,
.navigation-bar,
.nav-menu,
.site-header-menu {
    background-color: #10141D !important;          /* Тёмная плашка меню */
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
}

.main-navigation a,
.nav-menu a {
    color: #E2E8F0 !important;                     /* Светлый текст пунктов */
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.main-navigation a:hover,
.nav-menu a:hover {
    color: #FFD700 !important;                     /* Золотой оттенок при наведении */
}

/* 4. Читаемость и стиль заголовков в слайдере */
.slide-title,
.slider-item__title,
.hero-title,
.home-slider .entry-title {
    background: rgba(13, 17, 23, 0.85) !important;  /* Тёмная подложка под текст */
    padding: 10px 18px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(5px) !important;          /* Эффект матового стекла */
    display: inline-block !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important; /* Золотой контур */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

.slide-title a,
.slider-item__title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.slide-title a:hover,
.slider-item__title a:hover {
    color: #FFD700 !important;
}

/* ==========================================================================
   СТИЛИЗАЦИЯ САЙДБАРА (Виджеты в золотом контуре)
   ========================================================================== */

/* 1. Общий контейнер сайдбара */
.sidebar,
.widget-area,
aside.sidebar {
    background: transparent !important;
}

/* 2. Каждый отдельный виджет в сайдбаре */
.sidebar .widget,
.widget-area .widget,
aside.sidebar .widget,
.secondary-sidebar .widget {
    background: #10141D !important;                               /* Тёмный фон */
    border: 1px solid rgba(212, 175, 55, 0.25) !important;        /* Тонкая золотая нить */
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
}

/* Эффект легкого золотого свечения при наведении на виджет */
.sidebar .widget:hover,
.widget-area .widget:hover,
aside.sidebar .widget:hover {
    border-color: rgba(212, 175, 55, 0.6) !important;             /* Акцентное золото */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 12px rgba(212, 175, 55, 0.2) !important;
}

/* 3. Заголовки виджетов */
.widget-title,
.widgettitle,
.sidebar .widget-title {
    color: #FFFFFF !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;   /* Золотистая линия под заголовком */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 4. Списки и ссылки внутри виджетов */
.widget ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget ul li {
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #CBD5E1 !important;
    font-size: 14px !important;
}

.widget ul li:last-child {
    border-bottom: none !important;
}

.widget a {
    color: #E2E8F0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.widget a:hover {
    color: #FFD700 !important;                                    /* Золотой текст при наведении */
}

/* 5. Поле поиска и кнопки в виджетах (если есть) */
.widget input[type="text"],
.widget input[type="search"] {
    background: #0D1117 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 6px !important;
    color: #FFFFFF !important;
    padding: 10px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.widget input[type="text"]:focus,
.widget input[type="search"]:focus {
    border-color: #FFD700 !important;
    outline: none !important;
}

/* ==========================================================================
   ПОЛНАЯ ДОРАБОТКА ШАПКИ И ГЛАВНОГО МЕНЮ (EXECUTIVE STYLE)
   ========================================================================== */

/* 1. Единый премиальный контейнер для всей шапки и меню */
.site-header,
header.site-header {
    background: #10141D !important;
    border-bottom: 2px solid rgba(212, 175, 55, 0.4) !important; /* Чёткая золотая нить под меню */
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 30px !important;
}

/* 2. Верхушка шапки (Брендинг и соцсети) */
.header-top,
.header-hero,
.site-branding-container {
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Стилизация логотипа AF (Адаптация под тёмный стиль) */
.site-logo img,
.header-hero img,
.site-branding img {
    border-radius: 8px !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Заголовок и подзаголовок сайта */
.site-title,
.site-title a {
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
}

.site-description {
    color: #94A3B8 !important;
    font-size: 13px !important;
}

/* 3. Главное навигационное меню */
.main-navigation,
.navigation-bar,
.site-header-menu {
    background: transparent !important;
    padding: 6px 0 !important;
}

/* Ссылки меню */
.main-navigation a,
.nav-menu a,
.site-header-menu a {
    color: #E2E8F0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    transition: all 0.25s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Эффект наведения на пункт меню */
.main-navigation a:hover,
.nav-menu a:hover,
.site-header-menu a:hover,
.main-navigation li.current-menu-item > a {
    color: #FFD700 !important;                                    /* Золотистый текст */
    background: rgba(212, 175, 55, 0.1) !important;               /* Деликатная золотая подсветка */
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Стрелочки выпадающего меню */
.main-navigation .menu-item-has-children > a::after {
    border-top-color: #D4AF37 !important;
}

/* Выпадающие списки (Sub-menu) */
.main-navigation ul ul,
.nav-menu ul ul {
    background: #10141D !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
    padding: 8px 0 !important;
}

/* 4. Защитная плашка под заголовок слайдера */
.slide-title,
.slider-item__title,
.hero-title,
.home-slider .entry-title {
    background: rgba(13, 17, 23, 0.85) !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(6px) !important;
    display: inline-block !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
    margin: 15px !important;
}

.slide-title a,
.slider-item__title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.slide-title a:hover,
.slider-item__title a:hover {
    color: #FFD700 !important;
}