/* Header: Classic / Fashion / Mega Store. Sticky tanpa lonjakan layout. */
.nc-site-header {
	position: sticky; top: calc(-1 * var(--nc-bar-h, 0px)); z-index: 50;
	background: var(--wp--preset--color--header-bg);
	transition: box-shadow var(--wp--custom--transition);
}
.admin-bar .nc-site-header { top: calc(var(--wp-admin--admin-bar--height, 32px) - var(--nc-bar-h, 0px)); }
@media (max-width: 600px) { .admin-bar .nc-site-header { top: calc(-1 * var(--nc-bar-h, 0px)); } }
.nc-site-header.is-stuck { box-shadow: 0 1px 0 var(--wp--preset--color--border), 0 6px 18px rgba(15, 23, 42, .06); }
.nc-header > * { margin: 0 !important; }
.nc-header { position: relative; }

.nc-announcement p, .nc-utility p { margin: 0; }
.nc-announcement a, .nc-utility a { color: inherit; }
.nc-utility .nc-utility__links a { text-decoration: none; }
.nc-utility .nc-utility__links a:hover { text-decoration: underline; }

.nc-header__main { border-bottom: 1px solid var(--wp--preset--color--border); }
.nc-header--mega .nc-header__main { border-bottom: 0; }
.nc-header__row {
	min-height: var(--wp--custom--header-height, 72px);
	gap: 16px 24px; padding-block: 12px;
}
.nc-brand { gap: 10px; flex-shrink: 0; min-width: 0; }
.nc-brand .wp-block-site-title { margin: 0; line-height: 1.1; white-space: nowrap; }
.nc-brand .wp-block-site-title a { color: inherit; }
.nc-header__actions { gap: 4px; flex-shrink: 0; }

/* Ikon aksi (akun, wishlist, mini cart) — target sentuh 44px */
.nc-header__actions > * { margin: 0 !important; }
.nc-header__actions .wc-block-customer-account a,
.nc-header__actions .wc-block-mini-cart__button,
.nc-header__actions .nc-wishlist-link,
.nc-search--icon .wp-block-search__button {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-width: 44px; min-height: 44px; padding: 0 8px; color: inherit;
	border-radius: var(--wp--custom--radius--medium); text-decoration: none;
}
.nc-header__actions .wc-block-customer-account a:hover,
.nc-header__actions .wc-block-mini-cart__button:hover,
.nc-header__actions .nc-wishlist-link:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
.nc-header__actions svg { width: 24px; height: 24px; }
.wc-block-mini-cart__badge { background: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--on-primary) !important; font-weight: 700; }
.nc-header--mega .wc-block-mini-cart__amount { color: inherit; font-weight: 600; }

/* Pencarian */
.nc-search { margin: 0; }
.nc-search .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--border); border-radius: 999px; padding: 4px;
	background: var(--wp--preset--color--base);
}
.nc-search .wp-block-search__input {
	border: 0; background: transparent; padding: 8px 16px; min-height: 40px; border-radius: 999px; color: var(--wp--preset--color--contrast);
}
.nc-search .wp-block-search__input:focus { outline: none; }
.nc-search .wp-block-search__inside-wrapper:focus-within { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent); }
.nc-search .wp-block-search__button {
	margin: 0; border-radius: 999px; min-height: 40px; min-width: 40px; padding: 0 16px;
	background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); border: 0;
}
.nc-search .wp-block-search__button svg { fill: currentColor; width: 22px; height: 22px; }
.nc-header--classic .nc-search { flex: 1 1 auto; max-width: 560px; }
.nc-header--mega .nc-search { flex: 1 1 auto; max-width: 720px; }
.nc-search--large .wp-block-search__inside-wrapper { border-radius: var(--wp--custom--radius--medium); border-color: transparent; }
.nc-search--large .wp-block-search__input { border-radius: var(--wp--custom--radius--medium); min-height: 44px; }
.nc-search--large .wp-block-search__button { border-radius: var(--wp--custom--radius--small); font-weight: 700; padding: 0 22px; }
.nc-search--icon .wp-block-search__inside-wrapper { border: 0; padding: 0; background: transparent; }
.nc-search--icon .wp-block-search__button { background: transparent; color: inherit; padding: 0 8px; }
.nc-search--icon.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--base); border-radius: 999px; padding: 2px;
}

/* Live search */
.nc-ls {
	position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 70; min-width: 300px;
	max-height: min(70vh, 480px); overflow: auto;
	background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--raised); padding: 6px;
}
.nc-search--icon .nc-ls { left: auto; right: 0; width: min(420px, 92vw); }
.nc-ls__item { display: flex; gap: 12px; align-items: center; padding: 8px; border-radius: var(--wp--custom--radius--medium); text-decoration: none; color: inherit; }
.nc-ls__item img { width: 48px; height: 48px; object-fit: cover; border-radius: 4px; background: var(--wp--preset--color--surface); }
.nc-ls__item[aria-selected="true"], .nc-ls__item:hover { background: var(--wp--preset--color--surface); }
.nc-ls__text { display: flex; flex-direction: column; min-width: 0; }
.nc-ls__name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nc-ls__price { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.nc-ls__empty { padding: 12px; color: var(--wp--preset--color--muted); }
.nc-ls__all { display: block; padding: 10px 8px; margin-top: 4px; border-top: 1px solid var(--wp--preset--color--border); font-weight: 600; }

/* Navigasi */
.nc-header__nav { border-bottom: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--base); }
.nc-header__navrow { min-height: 52px; gap: 8px; }
.nc-nav-desktop .wp-block-navigation-item__content { padding: 14px 10px; }
.nc-nav-desktop .wp-block-navigation__container { gap: 4px 12px; }
.nc-nav-desktop .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary); }
.nc-nav-desktop .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--primary); }
.wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--border) !important; border-radius: var(--wp--custom--radius--medium);
	box-shadow: var(--wp--preset--shadow--raised); padding: 6px 0; min-width: 220px !important;
	background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--contrast) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 10px 16px; }
.nc-header__navrow .nc-mega__toggle { padding-left: 0; }
.nc-mega--solid .nc-mega__toggle {
	background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary);
	padding: 0 18px; border-radius: var(--wp--custom--radius--medium); margin-block: 6px;
}
.nc-mega--solid .nc-mega__toggle:hover { background: var(--wp--preset--color--primary-hover); }
.nc-nav-promo .wp-block-navigation-item__content { font-weight: 600; }

/* Mobile overlay (drawer) */
.nc-nav-mobile .wp-block-navigation__responsive-container-open {
	width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; margin-left: -10px;
}
.nc-nav-mobile .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; }
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 24px 20px !important; animation: nc-drawer 200ms ease-out;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 48px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--wp--preset--color--border); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding: 14px 0 !important; font-size: 1.0625rem; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none; padding: 0 0 8px 16px !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 0 !important; font-size: 1rem; }
.wp-block-navigation__responsive-container-close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
@keyframes nc-drawer { from { transform: translateX(-24px); opacity: 0; } to { transform: none; opacity: 1; } }

/* Fashion: logo tengah, grid 3 kolom */
.nc-header__row--3col {
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
}
.nc-header--fashion .nc-header__left { gap: 8px; min-width: 0; }
.nc-header--fashion .nc-header__actions { justify-content: flex-end; }
.nc-header--fashion .nc-header__main { border-bottom-color: var(--wp--preset--color--border); }
.nc-header--fashion .nc-header__row { min-height: 84px; }
.nc-header--fashion .nc-nav-desktop .wp-block-navigation__container { gap: 4px 20px; }
.nc-header--fashion .nc-nav-desktop .wp-block-navigation-item__content { padding: 10px 0; }

/* Mega: header navy */
.nc-header--mega .nc-header__row { min-height: 80px; }
.nc-header--mega .nc-header__nav { box-shadow: 0 1px 0 var(--wp--preset--color--border); }
.nc-header--mega .wp-block-site-title { font-size: 1.625rem; }

/* Responsif */
@media (min-width: 1024px) {
	.nc-header--classic .nc-nav-mobile, .nc-header--mega .nc-nav-mobile { display: none; }
	.nc-header--fashion .nc-nav-mobile--always { display: none; }
}
@media (max-width: 1023px) {
	.nc-header__nav { display: none; }
	.nc-header--fashion .nc-nav-desktop { display: none; }
	.nc-header__row { gap: 8px 12px; min-height: 60px; padding-block: 8px; }
	.nc-header--classic .nc-header__row, .nc-header--mega .nc-header__row { flex-wrap: wrap !important; }
	.nc-header--classic .nc-search, .nc-header--mega .nc-search { order: 10; flex: 1 0 100%; max-width: none; }
	.nc-header--classic .nc-brand, .nc-header--mega .nc-brand { margin-right: auto !important; }
	.nc-header--fashion .nc-header__row { min-height: 64px; }
	.nc-brand .wp-block-site-title { font-size: 1.25rem !important; }
	.nc-header--fashion .nc-brand .wp-block-site-title { font-size: 1.375rem !important; }
	.nc-header__actions .wc-block-customer-account { display: none; }
	html { scroll-padding-top: 120px; }
}
@media (max-width: 380px) {
	.nc-header__actions .nc-wishlist-link { display: none; }
	.nc-header__actions > * a, .nc-header__actions .wc-block-mini-cart__button { min-width: 40px; padding: 0 4px; }
}

.nc-nav-desktop .wp-block-navigation-item__content { white-space: nowrap; }
.nc-header--fashion .nc-header__left { overflow: visible; }
@media (min-width: 1024px) and (max-width: 1279px) {
	.nc-header--fashion .nc-nav-desktop .wp-block-navigation__container { gap: 4px 14px; }
	.nc-header--fashion .nc-nav-desktop { font-size: .8125rem; }
}

/* Header Fashion editorial: baris logo + baris navigasi terpusat */
.nc-header--fashion .nc-header__nav--center { border-bottom: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--header-bg); }
.nc-header--fashion .nc-header__nav--center .nc-nav-desktop .wp-block-navigation-item__content { padding: 14px 4px; }
.nc-header--fashion .nc-header__main { border-bottom: 0; }
@media (max-width: 1023px) {
	.nc-header--fashion .nc-header__row--3col { grid-template-columns: auto 1fr auto; gap: 4px; }
	.nc-header--fashion .nc-brand--center { justify-content: center; min-width: 0; }
	.nc-header--fashion .nc-brand .wp-block-site-title { font-size: 1.125rem !important; letter-spacing: .04em !important; overflow: hidden; text-overflow: ellipsis; }
	.nc-header--fashion .nc-header__left { gap: 0; }
}
/* Teks & ikon header mengikuti warna header (penting untuk header gelap) */
.nc-header__main a, .nc-header__main .wc-block-mini-cart__button, .nc-utility a { color: inherit; }
.nc-header__main .wc-block-customer-account__account-icon, .nc-header__main .wc-block-mini-cart__icon { color: inherit; fill: currentColor; }
@media (max-width: 1023px) {
	.nc-header__actions .wp-block-woocommerce-customer-account { display: none; }
}
@media (max-width: 600px) {
	.nc-utility .nc-utility__links { display: none; }
	.nc-utility p { font-size: .8125rem; }
}