/* ==========================================================================
   Header18 主題色覆寫層（黑底白字）
   ========================================================================== */

:root {
	--header-color-main: #fff;
	--header-color-main-o: color-mix(in srgb, #fff 60%, transparent);
	--header-color-hover: rgba(255, 255, 255, 0.62);
	--header-color-white: #fff;
	--header-color-white-o: hsla(0, 0%, 100%, .3);
	--header-color-black: #000;
	--header-color-black-o: color-mix(in srgb, #000 88%, transparent);
	--header-color-tr: transparent;
	--h18-text: #fff;
	--h18-soft: rgba(255, 255, 255, 0.62);
	--h18-line: #fff;
	--h18-paper: #000;
	--h18-rail-bg: #000;
	--h18-header-bg: #000;
}

.inpage_nav {
	background-color: transparent;
}

.mini-header .inpage-header:has(.header-v18) {
	background-color: #000;
}

.inpage-header .header-v18 .top_block .btn_cart,
.inpage-header .header-v18 .top_block .btn_login {
	border: 0;
}

.inpage-header .header-v18 .top_block .btn_search i,
.inpage-header .header-v18 .top_block .btn_login i,
.inpage-header .header-v18 .top_block .btn_cart i {
	background-color: #fff;
}

.inpage-header .header-v18 .top_block .btn_cart .shopnum {
	align-items: center !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	flex-shrink: 0 !important;
	font-size: 10px !important;
	height: 16px !important;
	justify-content: center !important;
	line-height: 16px !important;
	max-height: 16px !important;
	min-height: 16px !important;
	min-width: 16px !important;
	padding: 0 4px !important;
	transform: translate(35%, -35%) !important;
	width: auto !important;
	background-color: #fff;
	color: #000;
}

.inpage-header .header-v18 .top_block .btn_search:hover i,
.inpage-header .header-v18 .top_block .btn_login:hover i,
.inpage-header .header-v18 .top_block .btn_cart:hover i {
	background-color: var(--header-color-hover);
}

.inpage-header .header-v18 .top_block .lang .lang-dropmenu {
	background-color: transparent;
	border-color: transparent;
}

.inpage-header .header-v18 .top_block .lang .lang-dropmenu a {
	color: var(--header-color-hover, rgba(255, 255, 255, 0.62));
}

.inpage-header .header-v18 .top_block .lang .lang-dropmenu a.active,
.inpage-header .header-v18 .top_block .lang .lang-dropmenu a:hover {
	color: #fff;
}

.header-v18 .header-bar > .main_nav.nav-horizontal > .lang.h18-drawer-lang .lang-dropmenu a {
	color: #fff;
}

.header-v18 .header-bar > .main_nav.nav-horizontal > .lang.h18-drawer-lang .lang-dropmenu a.active,
.header-v18 .header-bar > .main_nav.nav-horizontal > .lang.h18-drawer-lang .lang-dropmenu a:hover {
	color: #000;
}

.inpage-header:has(.header-v18) .nav-toggle .hamburger .line {
	background-color: #fff;
}

.header-v18 .header-bar > .main_nav.nav-horizontal > a,
.header-v18 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a {
	color: #fff;
}

.inpage-header:has(.header-v18) .nav-toggle__box {
	border-color: #fff;
}

.inpage-header:has(.header-v18) .nav-toggle__label {
	color: #fff;
}

.header-v18 .h18-social__icon {
	filter: none;
}

body:has(.header-v18) .inpage_lightbox .mid .box form button div,
body:has(.header-v18) .inpage_lightbox .mid .close::before {
	background-color: #fff;
}

body:has(.header-v18) .inpage_lightbox .mid .box form input {
	border-bottom-color: color-mix(in srgb, #fff 35%, transparent);
	color: #333;
}

body:has(.header-v18) .inpage_lightbox .mid .box form input:focus {
	border-bottom-color: #333;
}

body:has(.header-v18) .inpage_lightbox .mid .box form input::placeholder {
	color: #888;
}

.inpage-header .header-v18 .main_nav.nav-horizontal > .h18-drawer-tools .btn_cart i,
.inpage-header .header-v18 .main_nav.nav-horizontal > .h18-drawer-tools .btn_login i,
.inpage-header .header-v18 .main_nav.nav-horizontal > .h18-drawer-tools .btn_search i {
	background-color: #fff;
}

.inpage-header .header-v18 .main_nav.nav-horizontal > .h18-drawer-tools .btn_cart .shopnum {
	background-color: #fff;
	color: #000;
}