/*
Theme Name: Universal Child
Theme URI: https://example.com/
Description: Neve темасына арналған child theme
Author: Сіз
Template: neve
Version: 1.0
*/

/*bg-color-white*/
.bg-color-white {
	background: white;
}





/*login, regist, profile*/
.auth-tabs{
    max-width:400px;
    margin:60px auto;
    font-family:sans-serif;
}

.tab-buttons{
    display:flex;
}

.tab-btn{
    flex:1;
    padding:12px;
    border:none;
    cursor:pointer;
    background:#eee;
}

.tab-btn.active{
    background: var(--nv-secondary-accent);
    color:#fff;
}

.tab-content{
    display:none;
    padding:20px;
    border:1px solid #ddd;
}

.tab-content.active{
    display:block;
}

.auth-tabs input{
    width:100%;
    padding:10px;
    margin-bottom:10px;
}

.auth-tabs button[type="submit"]{
    width:100%;
    padding:12px;
    background:var(--nv-secondary-accent);
    color:white;
    border:none;
}


.header-login{
font-size:22px;
text-decoration:none;
}

.header-user{
position:relative;
cursor:pointer;
	margin: 0 5px;
}

.user-icon{
font-size:15px;
}

.user-dropdown{
position:absolute;
top:25px;
right:0;
background:#fff;
border:1px solid #ddd;
display:none;
min-width:150px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
	z-index: 999;
}

.user-dropdown.active{
display:block;
}

.user-dropdown a{
display:block;
padding: 5px 10px;
text-decoration:none;
color:#333;
	font-size: 15px;
}


.user-dropdown a:hover {
	background: var(--nv-light-bg);
}

.user-name{
font-weight:bold;
margin-bottom:8px;
	font-size: 15px;
	padding: 10px 10px 0 10px;
}
.header-login {
	font-size:15px;
}


.profile-box{
max-width:500px;
margin:40px auto;
padding:30px;
background:#fff;
border:1px solid #ddd;
}

.profile-box p{
margin-bottom:10px;
}

.logout-btn{
display:inline-block;
margin-top:20px;
padding:10px 20px;
background: var(--nv-secondary-accent);
    color: #fff !important;
text-decoration:none;
}




/*profil*/
.cabinet{
display:flex;
gap:40px;
max-width:1100px;
margin:40px auto;
}

.cabinet-sidebar{
width:250px;
background:#f5f5f5;
padding:20px;
}

.cabinet-sidebar ul{
list-style:none;
padding:0;
}

.cabinet-sidebar li{
padding:10px;
cursor:pointer;
border-bottom:1px solid #ddd;
}

.cabinet-sidebar li.active{
background:#e9e9e9;
font-weight:bold;
}

.cabinet-content{
flex:1;
background:#fff;
padding:30px;
border:1px solid #ddd;
}

.cabinet-tab{
display:none;
}

.cabinet-tab.active{
display:block;
}

.cabinet-item{
border-bottom:1px solid #eee;
padding:10px 0;
}
























/*page post margin top*/
.nv-sidebar-wrap{
    padding: 30px 15px !important;
}
.nv-page-title-wrap,
.nv-single-post-wrap>div:first-child,
.nv-index-posts {
    margin-top: 30px !important;
}

/**/
/* Иконка */
.menu-toggle {
  cursor: pointer;
  width: 36px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-icon {
  width: 32px;
  height: 32px;
  transition: transform 0.35s ease;
}

/* Меню әуелде жасырылған */
.main-menu-container {
  display: none;
  background: #006fa6;
  padding: 14px 0;
}

/* Ашылған күй */
.show-menu .main-menu-container {
  display: block;
}

/* Иконка анимация 
.show-menu .menu-icon {
  transform: rotate(90deg);
}*/
.menu-icon rect {
  transition: transform 0.35s ease;
}

/* Меню ашылғанда */
.icon-close .tl { transform: translate(15px, 15px); }
.icon-close .tr { transform: translate(-15px, 15px); }
.icon-close .bl { transform: translate(15px, -15px); }
.icon-close .br { transform: translate(-15px, -15px); }






/**/
/* Бургер иконка */
.menu-toggle {
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    margin-left: 15px;
}

/* Мобильдік көрініске арналған стильдер */
@media (max-width: 992px) {
    .main-menu {
        flex-direction: column;
        background: #006fa6;
        padding: 15px;
    }

    .main-menu.show {
        display: flex;
    }

    .menu-toggle {
        display: block;
    }
}




/*paganition*/
.csf-pagination {
	margin-top: 30px;
}
.csf-pagination .current {
	    color: var(--nv-secondary-accent);
} 
.page-numbers {
	background: #ececec;
    padding: 5px;
    color: black;
}


/*side bar*/
@media (min-width: 960px) {
    .nv-sidebar-wrap.nv-left {
        padding-right: 0px !important;
    }
}
@media (max-width: 959px) {
            .um-menu-toggle { 
				display: block; 
				width: 100%;
				border: 2px solid #dadada;
			}
            .um-sidebar-menu-container { display: none; }
            .um-sidebar-menu-container.open { display: block; }
			.nv-sidebar-wrap {
				padding: 10px 15px !important;
				margin-bottom: 5px !important;
			}
}

        /* Негізгі меню стилі */
        .um-sidebar-menu { 
			list-style: none; 
			margin: 0; 
			padding: 0;
			background: #f4f7f9;
}
        .um-sidebar-menu li { 
			position: relative; 
			border-bottom: 1px solid #dfdfdf;
			margin-top: 0px !important;
		}
        .um-sidebar-menu li a {
            display: inline-block;
            text-decoration: none;
            color: var(--nv-text-color) !important;
			width: 100%;
			font-size: 15px;
			font-weight: 600;
			padding: 7px 0px 7px 15px;
        }
		.um-sidebar-menu li a:hover{
            background: var(--nv-secondary-accent);
			color: white !important;
        }
		.um-sidebar-menu li a:hover>.submenu-toggle {
			color: white !important;
			/*border-left: 1px solid white;*/
		}

        /* Стрелка */
        .um-sidebar-menu .submenu-toggle {
                cursor: pointer;
				font-size: 14px;
				user-select: none;
				width: 50px;
				display: inline-flex;
				float: right;
				justify-content: center;
				align-items: center;
				color: var(--nv-secondary-accent);
				z-index: 999;
    			position: relative;
				/*border-left: 1px solid var(--nv-secondary-accent);*/
        }
        .um-sidebar-menu li.menu-item-has-children.open > .submenu-toggle {
            transform: rotate(180deg);
        }

        /* Submenu жасырылған */
        .um-sidebar-menu-container li.menu-item-has-children > ul {
            display: none;
			padding: 0 !important;
        }
        .um-sidebar-menu-container li.menu-item-has-children.open > ul {
            display: block;
        }
		.um-sidebar-menu-container li.menu-item-has-children > ul li {
            border-top: 2px solid #dadada;
    		background: #f8f8f8;
        }
		.um-sidebar-menu-container li.menu-item-has-children > ul li a {
            font-size: 14px;
			padding: 7px 0px 7px 25px;
        }
		
		/* 🔹 Активті бет көк түсте болу үшін */
        .um-sidebar-menu .current-menu-item > a,
        .um-sidebar-menu .current-menu-parent > a,
		.um-sidebar-menu .current-menu-parent > a span {
            color: white !important;
    		background: var(--nv-secondary-accent);
        }
		
		/*burger meni icon*/
		.um-menu-toggle {
			display: none;
			background: white !important;
			cursor: pointer;
			width: 100%;
			position: relative;
			border: 2px solid  #d7d7d7;
		}
		.um-menu-toggle:hover {
			background: white !important;
			border: 2px solid  #d7d7d7;
		}
		.um-menu-toggle span {
			display: block;
			width: 30px;
			height: 3px;
			background: #2b2b2b;
			margin: 5px 0;
			transition: all 0.3s ease;
		}

		/* Анимация: X күйіне өткенде */
		.um-menu-toggle.active span:nth-child(1) {
			transform: translateY(8px) rotate(45deg);
		}
		.um-menu-toggle.active span:nth-child(2) {
			opacity: 0;
		}
		.um-menu-toggle.active span:nth-child(3) {
			transform: translateY(-8px) rotate(-45deg);
		}
		.burg00 {
			display: flex;
		}
		.burg00 p {
			margin: 0 10px;
			color: #2b2b2b;
		}
		@media (max-width: 959px) {
			.um-menu-toggle { display: block; }
		}
.col-sm-12 {
	width: 100%;
}





/*кітапхана*/
.kit-00 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
	margin-bottom: 30px;
}
.kit-01 {
	border: 1px solid;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
	color: var(--nv-secondary-accent);
	text-align: center;
}
.kit-01:hover {
	box-shadow: 0 0 20px #e0e0e0;
}
.kit-01 img {
	width: 100px;
}
.kit-01 h3 {
	margin-bottom: 0;
    font-size: 20px;
}





/*bos oryn*/
.news-vac a {
	border: 1px solid #dadada;
    width: 100%;
    display: block;
    padding: 15px;
    border-radius: 15px;
	height: 100%;
	margin-bottom: 15px;
}
.icons-vac {
	float: left;
}
.icons-atc  {
	float: left;
	margin-right: 20px;
}
.icons-vac img {
	width: 50px;
    margin-right: 20px;
}

/*Мемлекеттік аттестациялау*/
.news-it01 a {
	border: 1px solid #dadada;
    width: 100%;
    display: block;
    padding: 10px 10px 20px 10px;
    border-radius: 15px;
	height: 100%;
	margin-bottom: 15px;
}
.news-it01 a:hover .news-title {
	color: var(--nv-secondary-accent);
	transition: 0.3s;
}
.icons-atc img {
	width: 30px;
}
.title-attes {
	margin-bottom: 0 !important;
}


/*zhanalyktar archiv*/

.news-it00 a {
	border: 1px solid #dadada;
    width: 100%;
    display: block;
    padding: 15px;
    border-radius: 15px;
	height: 100%;
}
.news-it00 a:hover .news-title {
	color: var(--nv-secondary-accent);
	transition: 0.3s;
}
.news-grid {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
.post-img00 {
	height: 300px;
    border-radius: 10px;
    margin-bottom: 10px;
	background-image: url("/wp-content/themes/universal-child/assets/no-img.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.post-img00 img {
	width: 100%;
    height: 300px;
    object-fit: cover;
	border-radius: 10px;
}
.news-title {
	font-size: 16px;
    margin-bottom: 10px;
	color: var(--nv-text-color);
}
.news-date {
	color: gray;
    font-size: 14px;
}

.pagination {
	padding: 10px;
}
.nav-links {
	display: flex;
    align-items: center;
    justify-content: center;
}
.nav-links span,
.nav-links a {
	background: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px 10px;
    margin: 0 5px;
}
@media (min-width: 960px) {
    .neve-main>.container .col {
        
    }
}
@media (min-width: 960px) {
    .nv-sidebar-wrap {
        max-width: 24% !important;
    }
}

/*side bar*/
/*.nv-sidebar-wrap {
	padding: 45px 15px !important;
    margin-bottom: 0px !important;
	width: 100%;
}*/

/*single php*/
.single-class00 {
	height: 400px;
    background: #011521c9;
    border-radius: 20px;
}
.single-title00 {
	position: relative;
}
.single-title {
	position: absolute;
    color: white;
    text-shadow: 0px 0px 5px black;
    padding: 30px;
    z-index: 9;
	width: 100%;
}
.single-img img {
	width: 100%;
    object-fit: cover;
    height: 400px;
    border-radius: 20px;
    opacity: 0.5;
    display: block;
    z-index: 1;
    position: relative;
    object-position: center;
}




/* Search Icon */
.header-search {
    position: relative;
    display: inline-block;
}
#search-toggle {
		width: 50px;
    display: flex;
    justify-content: center;
	    font-size: 13px;
}
#search-toggle i {
	cursor: pointer;
}
#search-toggle img {
		font-size: 16px;
		cursor: pointer;
		width: 15px;
}
.search-box {
    position: absolute;
    top: 100%; /* кнопканың астынан шығады */
    right: 0;
    width: 500px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 9999;
}
.search-box.hidden {
    display: none;
}
.search-box input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.search-results-item {
		border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}
.search-results-item a {
		padding: 0 5px;
		display: flex;
}
.search-results-item a img {
		width: 100px;
		height: 100px;
		max-width: none;
}
.search-results-item .info {
		font-size: 15px;
    line-height: 1.4;
		padding: 0 10px;
}
.search-results-item .info .title {
		margin-bottom: 5px;
}
.search-results-item .info .date {
		font-size: 12px;
}
.search-results-item h4 {
		margin-bottom: 0px;
}
.search-results-item a:hover {
		color: var(--nv-secondary-accent);
		transition: 0.3s;
}
@media (max-width: 959px) {
    .header-search {
        display: none;
    }
}














/*шорткод fbv*/
/*.fbv-tree ul {
	padding: 0;
}
.fbv-tree ul li {
	list-style: none;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px;
}
.fbv-tree ul li a {
    color: var(--nv-text-color);
	font-size: 15px;
    font-weight: bold;
}
.fbv-tree ul li:hover a {
	color: var(--nv-secondary-accent);
}
.fbv-tree ul li ul {
	margin: 0;
}*/
.fbv-tree {
    list-style: none;
    padding-left: 0;
}

.fbv-folder {
    margin-bottom: 10px;
}
.fbv-tree .fbv-folder ul {
	    padding: 0;
	margin: 0px;
}

.fbv-folder-title {
    font-weight: bold;
    cursor: pointer;
    background: #f0f0f0;
    padding: 8px 10px;
    border-radius: 5px;
    transition: 0.2s;
}

.fbv-folder-title:hover {
    background: #e2e2e2;
}

.fbv-folder-content {
    display: none;
    margin-left: 20px;
    list-style: none;
}

.fbv-file {
    margin: 5px 0;
}


.fbv-tree .fbv-file {
	border-bottom: 1px solid #f0f0f0;
    padding: 5px;
}
.fbv-tree li a {
	color: #343434;
    font-weight: bold;
	font-size: 15px;
}
.fbv-tree li a:hover {
	color: var(--nv-secondary-accent);
}




/*basty bet post*/
.home-news-wrap{
display:flex;
gap:30px;
margin-bottom: 30px;
}
@media (max-width:782px){
.home-news-wrap{
display:block;
}
	.home-news-left,
	.home-news-right {
		width:100% !important;
		margin-bottom: 30px;
	}
	
}

.home-news-left{
width:60%;
}

.home-news-right{
width:40%;
display:flex;
flex-direction:column;
gap:20px;
}

.news-big img{
width:100%;
height:420px;
object-fit:cover;
}

.news-small a {
display:grid;
gap:10px;
grid-template-columns: 0.5fr 1fr;
}

/* планшет */

@media (max-width:992px){
.news-small a{
grid-template-columns:1fr 1fr;
}
}

@media (max-width:782px){
.news-small a{
grid-template-columns:0.5fr 1fr;
}
}

/* телефон */

.post-img0-righ {
	height: 150px;
}

@media (max-width:600px){
.news-small a{
grid-template-columns:1fr;
}
	.post-img0-righ {
	height: 400px;
}
}



.post-img0-righ img{
width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-small .news-title{
font-size:15px;
margin:0;
}

.news-meta{
font-size:13px;
color:#888;
margin-top:5px;
}