/* Стили для шапки сайта */
.head-container1 {
    background: #1C1D1E;
    height: 86px;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 10001;
}



.main__content sidebar {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

header.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 10001;
}

.container .sixteen.columns {
    max-width: 1190px;
    display: flex;
    justify-content: space-between;
    width: calc(100vw - 20px) !important;
}

a.header__logo {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 10002;
}

a.header__logo:hover {
    transform: scale(1.05);
}

/* Логотипы */
.logo-desktop {
    display: block;
}
.logo-mobile {
    display: none;
}

/* Поиск */
.search__wrap {
    margin-left: auto;
    order: 2;
}

div#search_btn {
    display: flex;
    width: fit-content !important;
}

div#search_btn img {
    width: 21px;
    height: 21px;
    transition: filter 0.6s ease;
}

div#search_btn:hover img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(70%) saturate(2000%) hue-rotate(350deg) brightness(90%) contrast(90%);
}

div#viewser {
    display: none;
}

.search__open div#viewser {
    display: block;
}

.search__open div#search_btn {
    display: none !important;
}

form#searchform .field {
    background: #0A0A0A !important;
    border: 3px solid #2B2B2B !important;
    padding: 11px 17px;
    height: 10px;
    border-radius: 11px;
    transition: all 0.3s ease;
}

form#searchform .field:focus-within {
    border-color: #d62717 !important;
    box-shadow: 0 0 0 3px rgba(184, 43, 30, 0.1);
}

input#s {
    color: #717171;
    font-size: 14px;
    padding-left: 30px !important;
    outline: none;
}

/* Бургер меню */
.burger__menu {
    display: none;
    align-items: center;
    z-index: 10002;
    position: relative;
}

.burger__menu img {
    width: 28px;
    transition: transform 0.3s ease;
    padding-right: 20px;
}

/* Меню навигации */
.menu-wrapper.center-pos {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Основное меню навигации */
nav#menun {
    margin-left: 0;
    padding-bottom: 38px;
    border-bottom: 1px solid #ffffff2b;
    width: 100%;
}

.main-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu-item {
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
    margin: 0;
    list-style: none;
}

.menu-item a {
    width: 100% !important;
    padding: 12px 15px 12px 50px !important;
    display: block;
    color: #DBDBDB !important;
    font-size: 16px !important;
    text-transform: initial !important;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border: 1px solid transparent !important;
    outline: none !important;
}

/* Иконки меню */
.icon-feed::before,
.icon-book::before, 
.icon-learn::before,
.icon-about::before,
.icon-write::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    transition: all 0.3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.icon-feed::before {
    background: url(/wp-content/uploads/2024/10/fi_4120873-1.svg) no-repeat center;
}

.icon-book::before {
    background: url(/wp-content/uploads/2024/10/fi_32354.svg) no-repeat center;
}

.icon-learn::before {
    background: url(/wp-content/uploads/2024/10/fi_5866788.svg) no-repeat center;
}

.icon-about::before {
    background: url(/wp-content/uploads/2024/10/fi_7542177.svg) no-repeat center;
}

.icon-write::before {
    background: url(/wp-content/uploads/2024/10/fi_4698210.svg) no-repeat center;
}

/* Активные состояния меню */
.main-navigation ul li.current_page_item a,
.menu-item:hover a,
.main-navigation ul > li:hover > a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-parent a,
.main-navigation ul li.current_page_parent a {
    background: #1C1D1E !important;
    border-radius: 6px !important;
    border-right: 3px solid #d62717 !important;
    color: #d62717 !important;
    transform: translateX(0);
    border: 1px solid transparent !important;
    outline: none !important;
}

.menu-item:hover::before,
li.current_page_item::before {
    filter: brightness(0) saturate(100%) invert(18%) sepia(70%) saturate(2000%) hue-rotate(350deg) brightness(90%) contrast(90%);
    transform: translateY(-50%) scale(1.1);
}

.menu-item:hover {
    transform: translateX(5px);
}

/* Категории в сайдбаре */
.category-item {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid transparent !important;
}

.category-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

.category-item a {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none !important;
    color: inherit !important;
    font-size: 16px !important;
    padding-left: 0 !important;
    color: #DBDBDB !important;
}

.category-item:hover {
    background: rgba(28, 29, 30, 0.8) !important;
    transform: translateX(8px) scale(1.02) !important;
}

.category-item:hover a {
    color: #fff !important;
}

.category-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    overflow: hidden;
}

.category-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.category-item:hover .category-item-img img {
    transform: scale(1.1) rotate(5deg) !important;
}

/* Мобильное меню */
@media screen and (max-width: 1024px) {
    .burger__menu {
        display: flex;
    }
    
    sidebar {
        position: fixed;
        z-index: 10000;
        background: #0A0A0A;
        left: -100%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        padding: 100px 20px 40px 20px;
        overflow-y: auto;
        transform: translateX(-100%);
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
    }
    
    .burger__open sidebar {
        transform: translateX(0);
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    
    .sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        backdrop-filter: blur(5px);
    }
    
    .burger__open .sidebar-overlay {
        opacity: 1;
        visibility: visible;
    }
    
    body.burger__open {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
        max-width: 20%;
        height: auto;
    }
    
    .search__wrap {
        display: none;
    }
}

/* Кнопка скрытия админ-панели */
.admin-bar-toggle {
    display: none;
}

.admin-bar-toggle.admin-visible {
    display: flex !important;
    align-items: center;
    justify-content: center;
    order: 1;
    margin-right: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f5f5;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 18px;
}

.admin-bar-toggle.admin-visible:hover {
    background: #e0e0e0;
    transform: scale(1.05);
}

.admin-bar-toggle.admin-visible.active {
    background: #d52817;
    color: white;
    border-color: #b32215;
}

.admin-bar-toggle.admin-visible.active:hover {
    background: #b32215;
}

/* Стили для плавного смещения контента */
body.admin-bar-hidden {
    margin-top: -32px !important;
    transition: margin-top 0.3s ease;
}

body.admin-bar-hidden #wpadminbar {
    display: none !important;
}

/* Фикс для фиксированных элементов при скрытой панели */
body.admin-bar-hidden .fixed-top,
body.admin-bar-hidden .site-header.fixed {
    top: 0 !important;
}


        #progressBar {
            position: fixed;
            top: 0;
            left: 0;
            width: 0;
            height: 4px;
            background-color: #007bff;
            z-index: 9999;
            transition: width 0.1s ease;
        }
        
        .mobile-search-form {display: none;}
        
        @media (max-width: 768px) {
            .admin-bar-toggle.admin-visible {
                width: 36px;
                height: 36px;
                font-size: 16px;
                margin-right: 10px;
            }
            
            
            .main__content sidebar {
    width: 100%;
}
            
            body.admin-bar-hidden {
                margin-top: -46px !important;
            }
        }
        
        @media (max-width: 600px) {
            body.admin-bar-hidden {
                margin-top: 0 !important;
            }
        }
        
        @media (max-width: 1024px) {
            .mobile-search-form {
                display: none;
            }
            
            .mobile-search-form.mobile-visible {
                display: block;
                padding: 15px;
                border-bottom: 1px solid #ffffff2b;
                margin-bottom: 20px;
            }
            
            .mobile-search-form form {
                display: flex;
                gap: 10px;
            }
            
            .mobile-search-form input[type="text"] {
                flex: 1;
                background: #2a2a2a;
                border: 1px solid #404040;
                border-radius: 8px;
                color: #f5f5f5;
                padding: 12px 15px;
                font-family: "Montserrat", sans-serif;
                font-size: 12px;
            }
            
            .mobile-search-form input[type="submit"] {
                background: #d52817;
                border: none;
                border-radius: 8px;
                color: white;
                padding: 5px 15px;
                cursor: pointer;
                font-family: "Montserrat", sans-serif;
                font-size: 12px;
                transition: all 0.3s ease;
            }
            
            .mobile-search-form input[type="submit"]:hover {
                background: #b32215;
            }
        }