/* id:Theme — модуль header-portal. Подключается только там, где есть .id-header--portal (inc/assets.php). */

/* Полоса меню: --id-header-bar-bg, --id-header-bar-color. Промо-плашка: --id-header-promo-bg, --id-header-promo-color. */

.id-header--portal {
	border-bottom: 0;
}

.wp-block-group.id-header--portal > *,
.wp-block-group.id-header--portal .id-header__main-inner > *,
.wp-block-group.id-header--portal .id-header__bar-inner > * {
	margin-block: 0;
}

.id-header--portal .id-header__main-inner {
	justify-content: space-between;
	padding: var(--wp--preset--spacing--30, 1rem) var(--wp--preset--spacing--40, 1.5rem);
}

.id-header--portal .id-header__promo {
	flex: 0 1 auto;
	max-width: 40rem;
	margin-left: auto;
	padding: 0.75rem 1.25rem;
	border-radius: 6px;
	font-weight: 600;
	color: var(--id-header-promo-color, #fff);
	background: var(--id-header-promo-bg, var(--wp--preset--color--primary, #2563eb));
}

.id-header--portal .id-header__promo a {
	color: inherit;
	text-decoration: none;
}

.id-header--portal .id-header__bar {
	color: var(--id-header-bar-color, var(--wp--preset--color--base, #fff));
	background: var(--id-header-bar-bg, var(--wp--preset--color--contrast, #1a1a1a));
}

.id-header--portal .id-header__bar-inner {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--40, 1.5rem);
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--40, 1.5rem);
}

.id-header--portal .id-header__bar .id-header__nav {
	flex: 1 1 auto;
	min-width: 0;
	flex-wrap: wrap;
}

.id-header--portal .id-header__search {
	flex: 0 0 15rem;
}

.id-header--portal .id-header__search .wp-block-search__inside-wrapper {
	padding: 2px;
	border: 0;
	border-radius: 4px;
	color: var(--wp--preset--color--contrast, #1a1a1a);
	background: var(--wp--preset--color--base, #fff);
}

.id-header--portal .id-header__search .wp-block-search__input {
	min-width: 0;
	padding: 0.35rem 0.625rem;
	border: 0;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	background: transparent;
}

.id-header--portal .id-header__search .wp-block-search__button {
	padding: 0.25rem 0.5rem;
	border: 0;
	color: inherit;
	background: transparent;
}

@media (min-width: 782px) {
	.id-header--portal .id-header__bar .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding-block: 0.875rem;
		font-weight: 600;
	}
}

@media (max-width: 781px) {
	/* Обёртки «прозрачные»: логотип и бургер в один ряд, поиск строкой ниже. */
	.id-header--portal {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--wp--preset--spacing--30, 1rem);
		padding: var(--wp--preset--spacing--30, 1rem) var(--wp--preset--spacing--40, 1.5rem);
		border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
	}

	.id-header--portal .id-header__main-inner,
	.id-header--portal .id-header__bar,
	.id-header--portal .id-header__bar-inner {
		display: contents;
		color: inherit;
	}

	.id-header--portal .id-header__promo {
		display: none;
	}

	.id-header--portal .id-header__bar .id-header__nav {
		order: 1;
		flex: 0 0 auto;
	}

	.id-header--portal .id-header__search {
		order: 5;
		flex: 1 1 100%;
	}

	.id-header--portal .id-header__search .wp-block-search__inside-wrapper {
		border: 1px solid var(--wp--preset--color--border, #e5e7eb);
	}
}