/* ==================================================
   Split from original header.css
   Source: header.css
   Note: keep load order from functions.php exactly as listed.
================================================== */

/* ==================================================
   HEADER.CSS - VALIDATOR CLEAN v20
   Blocksy header + moved custom header blocks + W3C warning cleanup
   Production-ready
================================================== */

/* ==================================================
   1. HEADER LAYERING
================================================== */

.ct-header {
	position: relative;
	z-index: 9999 !important;
	background-color: transparent !important;
	transition:
		background-color 0.28s ease,
		border-color 0.28s ease,
		box-shadow 0.28s ease;
}

.ct-header.ct-sticky {
	z-index: 9999 !important;
}

/* Keep page content below header without affecting hero background images */
.site-content {
	position: relative;
	z-index: auto;
}

.home .akj-home-section,
.home .akj-premium-home,
.home .akj-premium-hero,
.home .akj-premium-hero::before,
.home .akj-premium-hero::after {
	position: relative;
	z-index: auto;
}

/* ==================================================
   2. HEADER WIDTH
================================================== */

[data-header*="type-1"] .ct-header [data-row="main"] > [data-items],
[data-header*="type-1"] .ct-header [data-row="middle"] > [data-items] {
	max-width: 1760px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}

/* ==================================================
   3. GLOBAL HEADER ROW COLORS
================================================== */

.ct-header [data-row="top"],
.ct-header [data-row="main"],
.ct-header [data-row="middle"] {
	background-color: transparent !important;
}

.ct-header .ct-container,
.ct-header .ct-container-fluid,
.ct-header [data-items] {
	background-color: transparent !important;
}

/* ==================================================
   4. TOP ROW
================================================== */

#header [data-row="top"],
.ct-header [data-row="top"] {
	max-height: 120px;
	opacity: 1;
	overflow: hidden;
	background-color: transparent !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	transition:
		max-height 0.38s ease,
		opacity 0.28s ease,
		padding 0.28s ease;
}

/* ==================================================
   5. MAIN / MIDDLE ROW
================================================== */

#header [data-row="main"],
.ct-header [data-row="main"],
#header [data-row="middle"],
.ct-header [data-row="middle"] {
	background-color: transparent !important;
	transition:
		background-color 0.28s ease,
		border-color 0.28s ease,
		box-shadow 0.28s ease;
}

#header [data-row="middle"],
#header [data-row="main"],
.ct-sticky-header [data-row="middle"],
.ct-sticky-header [data-row="main"],
.ct-header [data-row="middle"],
.ct-header [data-row="main"] {
	border-bottom: 3px solid #000000 !important;
}

.ct-sticky-header,
#header.ct-sticky-header,
[data-sticky*="yes"] {
	box-shadow: inset 0 -3px 0 #000000 !important;
}

#header [data-row="main"] [data-items],
.ct-header [data-row="main"] [data-items] {
	display: flex;
	align-items: center;
	min-height: 84px;
	transition:
		min-height 0.38s ease,
		padding 0.28s ease;
}

/* ==================================================
   6. LOGO
================================================== */

.ct-header .site-logo-container img,
.ct-header .custom-logo,
.ct-header .ct-logo-container img {
	width: auto;
	max-height: 54px;
	transition: max-height 0.38s ease;
}

/* ==================================================
   7. STICKY
================================================== */

.ct-header.ct-sticky,
.ct-sticky-container,
[data-sticky*="yes"] {
	background: #08090e !important;
}

.ct-header.ct-sticky [data-row="top"] {
	background: linear-gradient(
		90deg,
		#3a0000 0%,
		#0a0a0f 45%,
		#000000 100%
	) !important;
}

.ct-header.ct-sticky [data-row="main"],
.ct-header.ct-sticky [data-row="middle"],
.ct-sticky-container [data-row="main"],
.ct-sticky-container [data-row="middle"] {
	background: #08090e !important;
	border-bottom: 1px solid rgba(255, 0, 0, 0.35) !important;
}

.ct-header.ct-sticky [data-row="main"] [data-items],
.ct-header.ct-sticky [data-row="middle"] [data-items] {
	min-height: 70px;
}

.ct-header.ct-sticky .site-logo-container img,
.ct-header.ct-sticky .custom-logo,
.ct-header.ct-sticky .ct-logo-container img {
	max-height: 46px;
}

.ct-header.ct-sticky .menu > li > a {
	font-size: 18px;
	color: #ffffff !important;
	opacity: 1 !important;
}

/* ==================================================
   FINAL FIX: Global premium header red separators
   File: assets/css/header-base.css
================================================== */

#header,
.ct-header {
	border-top: 1px solid rgba(255, 23, 23, 0.42) !important;
	border-bottom: 1px solid rgba(255, 23, 23, 0.42) !important;
}

#header [data-row="top"],
.ct-header [data-row="top"] {
	border-top: 1px solid rgba(255, 23, 23, 0.32) !important;
	border-bottom: 1px solid rgba(255, 23, 23, 0.42) !important;
}

#header [data-row="main"],
#header [data-row="middle"],
#header [data-row="bottom"],
.ct-header [data-row="main"],
.ct-header [data-row="middle"],
.ct-header [data-row="bottom"] {
	border-top: 1px solid rgba(255, 23, 23, 0.28) !important;
	border-bottom: 1px solid rgba(255, 23, 23, 0.42) !important;
}

/* ==================================================
   HEADER SEARCH FINAL FIX
   File: assets/css/header-base.css
================================================== */

/* Force white search text */
#header .akj-header-search-pro input[type="search"],
.ct-header .akj-header-search-pro input[type="search"],
#header input.akj-header-search-field,
.ct-header input.akj-header-search-field {
	color: #ffffff !important;
	caret-color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-shadow: none !important;
}

/* Force white placeholder */
#header .akj-header-search-pro input[type="search"]::placeholder,
.ct-header .akj-header-search-pro input[type="search"]::placeholder,
#header input.akj-header-search-field::placeholder,
.ct-header input.akj-header-search-field::placeholder {
	color: #ffffff !important;
	opacity: 1 !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Keep search button icon stable on hover */
#header .akj-header-search-submit,
.ct-header .akj-header-search-submit,
#header .akj-header-search-submit:hover,
.ct-header .akj-header-search-submit:hover {
	background: linear-gradient(180deg, #ff1010 0%, #c90000 100%) !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Keep magnifier icon always identical */
#header .akj-header-search-submit img,
.ct-header .akj-header-search-submit img,
#header .akj-search-img,
.ct-header .akj-search-img,
#header .akj-header-search-submit:hover img,
.ct-header .akj-header-search-submit:hover img,
#header .akj-header-search-submit:hover .akj-search-img,
.ct-header .akj-header-search-submit:hover .akj-search-img {
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	object-fit: contain !important;
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	filter: none !important;
}

/* ==================================================
   SEARCH ICON SVG FIX
   File: assets/css/header-base.css
================================================== */

.akj-search-img {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
	object-fit: contain !important;
	filter: none !important;
}