/*
Theme Name: SBQR Twenty Fifteen
Theme URI: https://sbqr.ru/wp/
Description: Дочерняя тема Twenty Fifteen с единым header сайта SBQR.
Author: SBQR
Template: twentyfifteen
Version: 1.0.2
Text Domain: sbqr-twentyfifteen
*/

/* Единый header. Эталон: /page/QRcode_dlya_oplaty.html. */
.site-header.site-header--unified {
	position: sticky;
	top: 0;
	z-index: 1030;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #d5d9de;
	background: #fff;
	box-shadow: 0 4px 12px rgba(17, 17, 17, .08);
	color: #111;
	font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.site-header--unified .site-container {
	width: calc(100vw - 32px);
	max-width: 1152px;
	margin: 0 auto;
	padding: 0;
}

.site-header--unified .site-header__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 64px;
	padding: 8px 0;
}

.site-header--unified .site-header__brand {
	display: block;
	flex: 0 0 auto;
	width: 142px;
	height: 49px;
	overflow: hidden;
	background: url("/img/sbqr-logo-metal.png") no-repeat center / contain;
	color: #111;
	font-size: 0;
	font-weight: 700;
	text-indent: -9999px;
	text-decoration: none;
}

.site-header--unified .site-header__brand:hover,
.site-header--unified .site-header__brand:focus {
	opacity: .82;
}

.site-header--unified .site-header__menu-btn {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: #111;
}

.site-header--unified .site-header__menu-icon {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: currentColor;
	box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor;
}

.site-header--unified .site-nav {
	display: none;
	flex-basis: 100%;
	padding: 8px 0 16px;
}

.site-header--unified .site-nav.site-nav--open { display: block; }

.site-header--unified .site-nav__list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-header--unified .site-nav__link {
	display: block;
	min-height: 44px;
	padding: 11px 12px;
	border-radius: 8px;
	color: #111;
	font-weight: 500;
	text-decoration: none;
}

.site-header--unified .site-nav__link:hover,
.site-header--unified .site-nav__link:focus {
	background: rgba(180, 35, 24, .08);
	color: #8f1d15;
}

.site-header--unified .site-nav__link[aria-current="page"] {
	box-shadow: inset 0 -2px 0 #b42318;
	font-weight: 700;
}

.site-header--unified .site-nav__link--accent { background: #b42318; color: #fff; }
.site-header--unified .site-nav__link--accent:hover,
.site-header--unified .site-nav__link--accent:focus { background: #8f1d15; color: #fff; }

/* На узких экранах штатная кнопка Twenty Fifteen открывает рубрики и виджеты. */
.blog-sidebar-header { background: transparent; }

@media screen and (min-width: 59.6875em) {
	.blog-sidebar-header { display: none; }
}

/* Боковая колонка остаётся частью страницы и уходит при прокрутке. */
@media screen and (min-width: 59.6875em) {
	.site { position: relative; }
	/*
	 * Twenty Fifteen sets position:fixed and top/bottom as inline styles while
	 * scrolling. Keep the blog sidebar inside .site so it cannot cover the
	 * shared SBQR header.
	 */
	.sidebar {
		position: absolute !important;
		top: 0 !important;
		bottom: auto !important;
		z-index: 0;
	}
}

@media screen and (min-width: 1100px) {
	/* Relative keeps z-index active without making the header sticky. */
	.site-header.site-header--unified { position: relative; top: auto; z-index: 1030; }
	.site-header--unified .site-header__menu-btn { display: none; }
	.site-header--unified .site-nav { display: block; flex-basis: auto; padding: 0; }
	.site-header--unified .site-nav__list { flex-direction: row; flex-wrap: wrap; align-items: center; }
}