/**
 * Общие стили для всех страниц блогов (десктоп).
 * - Скрытие верхней тёмной полосы шапки
 * - Стилизация скроллбара страницы
 */

/* Стилизация скроллбара — webkit (Chrome/Edge/Safari) */
::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    background: #EAEAEA;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
::-webkit-scrollbar-button:vertical:start:decrement {
    display: block;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 6 L5 0 L10 6' fill='%23888'/%3E%3C/svg%3E") no-repeat center center #EAEAEA;
}
::-webkit-scrollbar-button:vertical:end:increment {
    display: block;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0 L5 6 L10 0' fill='%23888'/%3E%3C/svg%3E") no-repeat center center #EAEAEA;
}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
@media (max-width: 769px) {
    /* Класс из fallback-шапки (header.php) и варианты next_main */
    .header .header-top,
    .header > div.header-top,
    .header [class*="header-top"] {
        display: none !important;
        position: absolute !important;
        left: -9999px !important;
        top: 0 !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        border: none !important;
        line-height: 0 !important;
        font-size: 0 !important;
        flex: 0 0 0 !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(100%) !important;
    }
}