/* BAMIKO — header layout (loaded last).
   Desktop: 2 tầng gọn gàng
   [ logo | ô tìm kiếm (giữa) | hotline · giỏ hàng ]
   [ menu chính ............................................ ]
   Mobile (< 782px): [ menu | logo | gọi · giỏ ] + ô tìm kiếm full ngang. */

@media (min-width: 782px) {
	.bmk-header__in {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto auto;
		grid-template-areas:
			"logo search call cart"
			"nav  nav    nav  nav";
		align-items: center;
		column-gap: 20px;
		row-gap: 0;
		padding-top: 14px !important;
		padding-bottom: 0 !important;
	}

	.bmk-header__in > .bmk-logo { grid-area: logo; margin: 0 !important; }
	.bmk-header__in > .bmk-logo .bmk-logo-svg--horizontal { height: 46px; }

	.bmk-header .bmk-search {
		grid-area: search;
		order: 0 !important;
		flex: none !important;
		width: 100%;
		max-width: 620px;
		justify-self: center;
		margin: 0 !important;
	}
	.bmk-header .bmk-search .wp-block-search__inside-wrapper { height: 46px !important; }

	.bmk-header .bmk-hotline {
		grid-area: call;
		order: 0 !important;
		margin: 0 !important;
		width: auto !important;
		height: 46px;
		padding: 0 18px 0 14px !important;
		gap: 10px;
		justify-content: flex-start;
	}
	.bmk-header .bmk-hotline__num { display: inline !important; letter-spacing: .01em; }

	.bmk-header .bmk-cart { grid-area: cart; order: 0 !important; margin: 0 !important; }
	.bmk-header .bmk-cart .wc-block-mini-cart__button,
	.bmk-header .bmk-cart .bmk-cart__btn { width: 46px; height: 46px; }

	.bmk-header .bmk-nav {
		grid-area: nav;
		order: 0 !important;
		flex: none !important;
		margin: 12px 0 0 !important;
		padding: 0;
		min-height: 50px;
		display: flex;
		align-items: center;
		border-top: 1px solid var(--k-line, rgba(60, 30, 20, .1));
		width: 100% !important;
		justify-self: stretch;
		justify-content: flex-start !important;
	}
	.bmk-header .bmk-nav .wp-block-navigation__container {
		flex-wrap: nowrap !important;
		gap: 0 34px !important;
		white-space: nowrap;
	}
	.bmk-header .bmk-nav .wp-block-navigation-item__content { font-size: 15px; padding: 14px 0 !important; }
	.bmk-header .bmk-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after { bottom: 6px; }
	.bmk-header .bmk-nav .wp-block-navigation__submenu-container { top: 100% !important; }
}

/* Màn hình laptop nhỏ: thu gọn khoảng cách, giữ nguyên 2 tầng */
@media (min-width: 782px) and (max-width: 1023px) {
	.bmk-header__in { column-gap: 12px; }
	.bmk-header .bmk-hotline { padding: 0 !important; width: 46px !important; justify-content: center; }
	.bmk-header .bmk-hotline__num { display: none !important; }
	.bmk-header .bmk-nav .wp-block-navigation__container { gap: 0 24px !important; }
}

/* Mobile: một hàng gọn + ô tìm kiếm bên dưới */
@media (max-width: 781px) {
	.bmk-header__in {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto auto;
		grid-template-areas:
			"nav logo call cart"
			"search search search search";
		align-items: center;
		column-gap: 10px;
		row-gap: 10px;
		padding-top: 10px !important;
		padding-bottom: 12px !important;
	}
	.bmk-header .bmk-nav { grid-area: nav; order: 0 !important; margin: 0 !important; flex: none !important; }
	.bmk-header__in > .bmk-logo { grid-area: logo; margin: 0 !important; min-width: 0; }
	.bmk-header__in > .bmk-logo svg { height: 32px !important; width: auto; max-width: 100%; }
	.bmk-header .bmk-hotline { grid-area: call; order: 0 !important; margin: 0 !important; width: 42px !important; height: 42px; padding: 0 !important; justify-content: center; }
	.bmk-header .bmk-hotline__num { display: none !important; }
	.bmk-header .bmk-cart { grid-area: cart; order: 0 !important; margin: 0 !important; }
	.bmk-header .bmk-cart .wc-block-mini-cart__button,
	.bmk-header .bmk-cart .bmk-cart__btn { width: 42px; height: 42px; }
	.bmk-header .bmk-search { grid-area: search; order: 0 !important; flex: none !important; width: 100%; margin: 0 !important; }
	.bmk-header .bmk-search .wp-block-search__inside-wrapper { height: 44px !important; }
	.bmk-header .bmk-nav .wp-block-navigation__responsive-container-open { width: 42px; height: 42px; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 999px; }
}