/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
ul.children {
	display: none;
}

#primary-menu li:hover .children {
	display: block;
}

/* Меньше расстояния в подменю (и desktop, и mobile) */
ul.children li a,
#site-navigation .sub-menu a {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	line-height: 1.3 !important;
}

.entry-title, .entry-title a, .entry-title a:visited, .comments-title {
	color: #41b7b7;
	font-size: 27px !important;
}

.main-navigation {
	background: #41b7b7;
}

.main-navigation li {
	background-color: #41b7b7 !important;
}

.main-navigation li::after {
	color: transparent;
}

.main-navigation li a {
	font-size: 1.4rem !important;
}

#post-956 {
	text-align: left;
}

main-navigation ul > li a, .main-navigation ul > li.page_item a, .main-navigation ul > li.menu-item a {
	padding-right: 20px;
	padding-left: 35px;
}

main-navigation ul > li.has-children a, .main-navigation ul > li.page_item_has_children a, .main-navigation ul > li.menu-item-has-children a {
	padding-right: 20px;
	padding-left: 35px;
}

/* ===== МОБИЛЬНОЕ МЕНЮ (<=1024px): раскрытие внутри меню, без чёрных плашек ===== */
@media (max-width:1024px) {
	/* Полотно меню */
	#site-navigation.main-navigation.toggled {
		position: fixed !important;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #26A6A6 !important;
	/* бирюзовый фон */
		z-index: 99999 !important;
	/* делаем внутренний скролл меню, а не страницы */
		display: flex;
		flex-direction: column;
		padding: 8px 12px 15px;
	}
	
	/* Скроллим ТОЛЬКО список пунктов */
	#site-navigation.main-navigation.toggled > div {
		overflow: auto;
		flex: 1 1 auto;
	}
	
	/* Сбрасываем любые фоны/тени у li и ссылок */
	#site-navigation.main-navigation.toggled ul li,
									  #site-navigation.main-navigation.toggled ul li a {
		background: transparent !important;
		background-image: none !important;
		box-shadow: none !important;
		border: 0 !important;
		color: #fff !important;
	/* белые надписи */
	}
	
	#site-navigation.main-navigation.toggled ul li::before,
									  #site-navigation.main-navigation.toggled ul li::after,
									  #site-navigation.main-navigation.toggled ul li a::before,
									  #site-navigation.main-navigation.toggled ul li a::after {
		content: none !important;
	}
	
	/* Тонкие разделители верхнего уровня */
	#site-navigation.main-navigation.toggled > div > ul > li {
		border-bottom: 1px solid rgba(255,255,255,.22) !important;
	}
	
	/* --- ПОДМЕНЮ: скрыто по умолчанию --- */
	#site-navigation.main-navigation.toggled .menu-item-has-children > .sub-menu {
		display: none !important;
		position: static;
		margin: 6px 0 0;
		padding: 0;
		background: transparent !important;
	}
	
	/* РАСКРЫТИЕ ПОДМЕНЮ ВНУТРИ МЕНЮ (без JS) */
	/* 1) когда ссылка-родитель получила фокус (тап) */
	#site-navigation.main-navigation.toggled .menu-item-has-children > a:focus + .sub-menu {
		display: block !important;
	}
	
	/* 2) когда фокус внутри пункта (на любой дочерний элемент) */
	#site-navigation.main-navigation.toggled .menu-item-has-children:focus-within > .sub-menu {
		display: block !important;
	}
	
	/* 3) если у темы есть кнопка .dropdown-toggle и она ставит aria-expanded="true" */
	#site-navigation.main-navigation.toggled .menu-item-has-children > .dropdown-toggle[aria-expanded="true"] + .sub-menu {
		display: block !important;
	}
	
	/* Стрелочка у родителя (RTL — слева) */
	#site-navigation.main-navigation.toggled .menu-item-has-children > a {
		position: relative;
		padding-left: 25px;
		outline: none;
	}
	
	#site-navigation.main-navigation.toggled .menu-item-has-children > a::before {
		content: "▾";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 14px;
		line-height: 1;
		color: #fff;
	}
	
	#site-navigation.main-navigation.toggled .menu-item-has-children > a:focus::before,
									  #site-navigation.main-navigation.toggled .menu-item-has-children:focus-within > a::before {
		content: "▴";
	}
}

/* ===== МОБИЛЬНОЕ МЕНЮ (<=1024px): раскрытие по тапу, без чёрных плашек ===== */
@media (max-width:1024px) {
	/* шторка меню */
	#site-navigation.main-navigation.toggled {
		position: fixed !important;
		background: #26A6A6 !important;
		z-index: 99999 !important;
		display: flex;
		flex-direction: column;
		padding: 8px 12px 15px;
	}
	
	/* скроллим только список */
	#site-navigation.main-navigation.toggled > div {
		overflow: auto;
		flex: 1 1 auto;
	}
	
	/* убираем тёмные подложки у li/a */
	#site-navigation.main-navigation.toggled ul li,
								  #site-navigation.main-navigation.toggled ul li a {
		background: transparent !important;
		background-image: none !important;
		box-shadow: none !important;
		border: 0 !important;
		color: #fff !important;
	}
	
	#site-navigation.main-navigation.toggled ul li::before,
								  #site-navigation.main-navigation.toggled ul li::after,
								  #site-navigation.main-navigation.toggled ul li a::before,
								  #site-navigation.main-navigation.toggled ul li a::after {
		content: none !important;
	}
	
	/* разделители верхнего уровня */
	#site-navigation.main-navigation.toggled > div > ul > li {
		border-bottom: 1px solid rgba(255,255,255,.22) !important;
	}
	
	/* подменю скрыто по умолчанию */
	#site-navigation.main-navigation.toggled .menu-item-has-children > .sub-menu {
		display: none !important;
		position: static;
		margin: 6px 0 0;
		padding: 0;
		background: transparent !important;
	}
	
	/* РАСКРЫТИЕ: тап (focus-within) и «мобильный hover» */
	#site-navigation.main-navigation.toggled .menu-item-has-children:focus-within > .sub-menu,
								  #site-navigation.main-navigation.toggled .menu-item-has-children:hover > .sub-menu {
		display: block !important;
	}
	
	/* стрелка рядом с заголовком (RTL — слева) */
	#site-navigation.main-navigation.toggled .menu-item-has-children > a {
		position: relative;
		padding-left: 25px;
		outline: none;
	}
	
	#site-navigation.main-navigation.toggled .menu-item-has-children > a::before {
		content: "▾";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 14px;
		line-height: .8;
		color: #fff;
	}
	
	#site-navigation.main-navigation.toggled .menu-item-has-children:focus-within > a::before,
								  #site-navigation.main-navigation.toggled .menu-item-has-children:hover > a::before {
		content: "▴";
	}
}

/* === МОБИЛЬНОЕ МЕНЮ: компактные отступы и строки === */
@media (max-width:1024px) {
	/* Ссылки верхнего уровня */
	#site-navigation.main-navigation.toggled ul > li > a {
		padding-top: 6px !important;
	/* расстояние сверху */
		padding-bottom: 6px !important;
	/* расстояние снизу */
		line-height: 1.5 !important;
	/* расстояние между строками */
	}
	
	/* Ссылки подменю */
	#site-navigation.main-navigation.toggled .sub-menu > li > a {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		line-height: 1.3 !important;
	}
}

/* фон кнопки */
button.menu-toggle {
	background-color: #219090 !important;
	border: none !important;
}

/* сами полоски внутри гамбургера */
button.menu-toggle .icon-bar {
	background-color: #fff !important;
}

/* если иконка в формате svg */
button.menu-toggle svg path {
	fill: #fff !important;
}

/* Бирюзовый фон блока поиска */
.search-form {
	background-color: #26A6A6 !important;
/* фирменный бирюзовый */
}

/* Поле ввода */
.search-form input[type="search"] {
	background-color: #ffffff !important;
	color: #000 !important;
}

/* Кнопка поиска (вместо жёлтого) */
.search-form input[type="submit"],
.search-submit {
	background-color: #219090 !important;
/* новый цвет */
	color: #fff !important;
	border: none !important;
}

/* Ховер для кнопки */
.search-form input[type="submit"]:hover,
.search-submit:hover {
	background-color: #1b7b7b !important;
/* чуть темнее при наведении */
}