/* --- Исправление выпадающего меню --- */
/* 1. Делаем текст ссылок внутри выпадающего списка темным */
.navbar-custom .dropdown-menu li a {
    color: #404040 !important; /* Темно-серый */
}

/* 2. Добавляем эффект при наведении (чтобы было красиво) */
.navbar-custom .dropdown-menu li a:hover,
.navbar-custom .dropdown-menu li a:focus,
.navbar-custom .dropdown-menu li a:active {
    color: #0085a1 !important; /* Фирменный голубой цвет темы */
    background-color: #f5f5f5 !important; /* Светло-серый фон */
}

/* 3. Опционально: убрать скругления у выпадающего блока, чтобы вписывалось в дизайн
.dropdown-menu {
    border-radius: 0;
    margin-top: 0;
}
*/

/* Опускаем сайдбар вниз */
.sidebar-container {
    margin-top: 30px;
}

.navbar-custom {
    /* Делаем градиент от черного (0.7) к прозрачному.
       Убрал padding, чтобы меню не "раздувало" вниз. */
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);

    /* Убираем линию снизу, которая часто бывает в темах по умолчанию */
    border-bottom: none !important;
}

/* Переопределение стиля для превью поста */
.post-content-preview {
    font-style: normal !important; /* Убирает курсив */
    color: #404040 !important;     /* Задает темно-серый цвет текста */
}

/* Убираем изменение цвета при наведении */
.post-preview:hover .post-content-preview {
    color: #404040 !important;     /* Цвет остается тем же при наведении */
}

.post-meta-custom {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #808080;
    font-family: 'Lora', 'Times New Roman', serif; /* Шрифт темы */
}

.post-meta-custom a {
    text-decoration: underline;
    color: #808080;
}

/* --- 2. Стили картинки --- */
.post-image-box {
    position: relative;
    margin-bottom: 15px;
}

/* Исправляем курсор: принудительно ставим "палец", а не лупу */
.post-image-box a {
    cursor: pointer !important;
    display: block; /* Чтобы ссылка оборачивала картинку целиком */
}

/* И на всякий случай для самой картинки */
.post-image-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    cursor: pointer !important;
}

/* --- 3. Стили кнопки "Читать дальше" --- */
.read-more-wrapper {
    text-align: right;
    margin-top: 15px;
}

.btn-read-more {
    color: #0085a1 !important;        /* Цвет текста */
    border: 1px solid #0085a1 !important; /* Рамка */
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent !important; /* Прозрачный фон по умолчанию */
    transition: all 0.2s ease-in-out; /* Плавная анимация */
}

/* Исправляем HOVER (наведение) */
.btn-read-more:hover {
    color: #ffffff !important;        /* Белый текст */
    background-color: #0085a1 !important; /* Синий фон */
    border-color: #0085a1 !important;
    text-decoration: none !important;
}