.full-width .ubermenu-nav,
.container,
.row {
	max-width: 1250px;
}
.row.row-collapse {
	max-width: 1220px;
}
.row.row-small {
	max-width: 1242.5px;
}
.row.row-large {
	max-width: 1280px;
}

.header-top {
	background-color: #00416a !important;
	color: #fff;
}
.header-top a,
.header-top svg {
	color: #fff;
	fill: currentColor;
}

.gc-topbar-social {
	display: flex;
	align-items: center;
	gap: 5px;
}
.gc-topbar-social a.gc-soc {
	display: inline-flex;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	opacity: 1;
	text-decoration: none;
}
.gc-topbar-social a.gc-soc svg {
	width: 14px;
	height: 14px;
	fill: #fff;
}
.gc-soc-fb { background: #3b5998; }
.gc-soc-ig { background: #262626; }
.gc-soc-yt { background: #cd201f; }
.gc-soc-line { background: #00c300; }

#logo,
#logo.flex-col,
.header-main #logo,
.stuck #logo {
	flex: 0 0 250px !important;
	flex-shrink: 0 !important;
	flex-grow: 0 !important;
	width: 250px !important;
	min-width: 250px !important;
	max-width: 250px !important;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#logo a {
	display: block;
	width: 250px;
	max-width: 100%;
	overflow: hidden;
}
/* 對齊正式站：容器寬 250；圖依比例縮，約 42px 高，勿撐滿 header */
#logo img,
#logo .header-logo,
#logo .header-logo-dark,
.stuck #logo img {
	width: 250px !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 50px !important;
	object-fit: contain;
	object-position: left center;
}

#header.header {
	overflow: visible !important;
	position: relative;
	z-index: 40;
}
.header-wrapper {
	overflow: visible !important;
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

@media (min-width: 850px) {
	.header-main .header-inner.flex-row {
		flex-wrap: nowrap !important;
	}
	.header-main .flex-col.logo,
	.header-main #logo {
		flex: 0 0 250px !important;
		flex-shrink: 0 !important;
	}
	.header-main .flex-col.hide-for-medium.flex-right {
		flex: 1 1 auto !important;
		justify-content: flex-end;
		min-width: 0;
		z-index: 2;
	}
	.header-main .header-nav-main.nav-spacing-xlarge > li,
	.header-main .nav-spacing-xlarge > li {
		margin: 0 2px !important;
	}
	.header-main .flex-col.hide-for-medium.flex-right,
	.header-main .flex-col.hide-for-medium.flex-right > ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		flex-direction: row !important;
		align-items: center;
		float: none !important;
	}
	.header-main .flex-col.hide-for-medium.flex-right > ul > li {
		float: none !important;
		display: block !important;
		position: relative !important;
		flex: 0 0 auto !important;
	}
}

.header-nav-main {
	flex-wrap: nowrap !important;
}
/* 主選單下拉以「父項」為定位基準。正式站 WP Rocket 的 CSS 優化會移除 flatsome
   原本 li 的 position:relative，導致絕對定位的下拉跑到最左；此處強制補回。 */
.header-main ul.header-nav-main > li,
.header-main ul.header-nav-main > li.has-dropdown,
.header-main ul.header-nav-main > li.menu-item-has-children {
	position: relative !important;
}
.header-nav-main > li > a.nav-top-link {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	height: 100px;
	line-height: 16px;
	white-space: nowrap;
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	text-transform: none;
}
.header-nav-main > li > a.nav-top-link .icon-angle-down {
	display: inline-block !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	margin: 0 0 0 .25em !important;
	line-height: 1 !important;
	vertical-align: middle;
}

.header-main .header-cart-title,
.header-main .cart-price,
.header-main .header-account-title {
	display: none;
}

.nav-right li.gc_current_dropdown:last-child > .nav-dropdown,
.nav-right li.has-dropdown:hover:last-child > .nav-dropdown {
	left: auto;
	right: -15px;
}
li.gc_current_dropdown > .nav-dropdown,
.next-prev-thumbs li.has-dropdown:hover > .nav-dropdown,
.no-js li.has-dropdown:hover > .nav-dropdown {
	opacity: 1;
	max-height: inherit;
	left: -15px;
}
.ui-tabs-tab.ui-state-hover .nav__icon,
.ui-tabs-tab.ui-state-hover .nav__link {
	background-color: #00416a;
}
.header-main .nav-dropdown:not(.nav-dropdown-full) {
	top: 100%;
	white-space: normal;
	border-top-color: #00416a;
}
.header-main .nav-dropdown > li.nav-dropdown-col,
.header-main .nav-dropdown > li.image-column {
	width: 140px;
	min-width: 140px;
	white-space: nowrap;
}
.header-main .has-dropdown li a {
	font-size: 16px;
	letter-spacing: 0.5px;
}
.header-main li.current-dropdown > .nav-dropdown:not(.nav-dropdown-full),
.header-main li.has-dropdown:hover > .nav-dropdown:not(.nav-dropdown-full) {
	top: 100%;
	left: -15px;
}

li.current-dropdown > .nav-dropdown-full,
li.has-dropdown:hover > .nav-dropdown-full {
	position: fixed;
	margin-left: 0 !important;
	margin-right: 0 !important;
	left: 50% !important;
	transition: opacity 0.3s !important;
	transform: translateX(-50%);
	right: auto;
	width: 100%;
	max-width: 1280px !important;
	display: flex !important;
	flex-wrap: wrap;
}