/*
============================================================
KAVIYAVIN THARIGAI
CUSTOM HEADER CSS
============================================================

File:
kaviyavin/kt-header.css

Design:
Luxury South Indian Fashion
Dark Maroon + Gold + Cream

Responsive:
Desktop
Tablet
Mobile

============================================================
*/


/* ============================================================
   ROOT VARIABLES
============================================================ */

:root {

	--kt-maroon: #2B0713;
	--kt-dark-maroon: #24050F;
	--kt-deep-maroon: #1B030B;

	--kt-gold: #D7AE68;
	--kt-gold-soft: #E4C58D;
	--kt-gold-dark: #A77A38;

	--kt-cream: #F5E9D5;
	--kt-soft-cream: #FFF8EF;

	--kt-text-light: #F5E9D5;
	--kt-text-muted: #D8C8B8;

	--kt-border: rgba(215, 174, 104, 0.22);
	--kt-border-strong: rgba(215, 174, 104, 0.42);

	--kt-white: #FFFFFF;

	--kt-header-transition: 0.3s ease;

	--kt-container: 1380px;

}


/* ============================================================
   HEADER RESET
============================================================ */

.kt-site-header,
.kt-site-header *,
.kt-site-header *::before,
.kt-site-header *::after {

	box-sizing: border-box;

}


.kt-site-header {

	width: 100%;

	position: relative;

	z-index: 9999;

	font-family: "Montserrat", sans-serif;

	color: var(--kt-text-light);

	background: var(--kt-dark-maroon);

}


.kt-site-header a {

	text-decoration: none;

}


.kt-site-header button,
.kt-site-header input {

	font-family: inherit;

}


/* ============================================================
   TOP ANNOUNCEMENT BAR
============================================================ */

.kt-top-bar {

	width: 100%;

	background:
		linear-gradient(
			90deg,
			#1F030B 0%,
			#2B0713 50%,
			#1F030B 100%
		);

	border-top:
		1px solid rgba(215, 174, 104, 0.12);

	border-bottom:
		1px solid var(--kt-border);

}


.kt-top-bar-inner {

	width: min(
		calc(100% - 40px),
		var(--kt-container)
	);

	min-height: 54px;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

}


/* ============================================================
   ANNOUNCEMENT
============================================================ */

.kt-announcement {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	color: var(--kt-text-muted);

	font-size: 11px;

	font-weight: 500;

	letter-spacing: 1.5px;

	line-height: 1;

	text-transform: uppercase;

	text-align: center;

}


.kt-announcement strong {

	color: var(--kt-gold-soft);

	font-weight: 700;

}


.kt-announcement-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	color: var(--kt-gold);

}


.kt-announcement-icon svg {

	width: 13px;

	height: 13px;

	display: block;

}


/* ============================================================
   THEME TOGGLE
============================================================ */

.kt-theme-toggle {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 58px;

	height: 34px;

	padding: 3px;

	border:
		1px solid var(--kt-border-strong);

	border-radius: 999px;

	background:
		rgba(255, 255, 255, 0.055);

	color: var(--kt-gold-soft);

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	box-shadow:
		0 3px 12px rgba(0, 0, 0, 0.16),
		inset 0 0 0 1px
		rgba(255, 255, 255, 0.025);

	transition:
		background var(--kt-header-transition),
		border-color var(--kt-header-transition),
		color var(--kt-header-transition),
		box-shadow var(--kt-header-transition);

}


.kt-theme-toggle:hover {

	background:
		rgba(215, 174, 104, 0.11);

	border-color:
		var(--kt-gold);

	color:
		var(--kt-gold);

	box-shadow:
		0 5px 18px rgba(0, 0, 0, 0.18);

}


.kt-theme-toggle .kt-moon-icon {

	width: 26px;

	height: 26px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	background:
		rgba(215, 174, 104, 0.16);

	color:
		var(--kt-gold-soft);

}


.kt-theme-toggle .kt-sun-icon {

	display: none;

	width: 26px;

	height: 26px;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	background:
		rgba(139, 100, 44, 0.13);

	color:
		#8B642C;

}


.kt-theme-toggle .kt-moon-icon svg,
.kt-theme-toggle .kt-sun-icon svg {

	width: 15px;

	height: 15px;

	display: block;

}


/* ============================================================
   BRAND SECTION
============================================================ */

.kt-brand-section {

	width: 100%;

	background:
		var(--kt-maroon);

	border-bottom:
		1px solid var(--kt-border);

}


.kt-brand-inner {

	width: min(
		calc(100% - 60px),
		var(--kt-container)
	);

	min-height: 136px;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		230px
		minmax(300px, 1fr)
		220px;

	align-items: center;

	gap: 45px;

}


/* ============================================================
   LOGO
============================================================ */

.kt-logo {

	display: inline-flex;

	align-items: center;

	justify-content: flex-start;

	width: fit-content;

	max-width: 220px;

	color:
		var(--kt-cream);

}


.kt-logo-image {

	display: block;

	width: auto;

	max-width: 200px;

	max-height: 78px;

	object-fit: contain;

}


.kt-logo-text {

	font-family:
		"Cormorant Garamond",
		serif;

	font-size: 28px;

	font-weight: 600;

	line-height: 1;

	letter-spacing: 0.5px;

	color:
		var(--kt-gold);

}


/* ============================================================
   SEARCH WRAPPER
============================================================ */

.kt-search-wrapper {

	width: 100%;

	max-width: 780px;

	margin: 0 auto;

}


/* ============================================================
   SEARCH FORM
============================================================ */

.kt-search-form {

	width: 100%;

	height: 52px;

	position: relative;

	display: flex;

	align-items: center;

	overflow: hidden;

	border:
		1px solid rgba(215, 174, 104, 0.22);

	border-radius: 3px;

	background:
		rgba(255, 255, 255, 0.055);

	transition:
		border-color var(--kt-header-transition),
		background var(--kt-header-transition),
		box-shadow var(--kt-header-transition);

}


.kt-search-form:focus-within {

	border-color:
		rgba(215, 174, 104, 0.55);

	background:
		rgba(255, 255, 255, 0.075);

	box-shadow:
		0 0 0 3px
		rgba(215, 174, 104, 0.06);

}


/* ============================================================
   SEARCH INPUT
============================================================ */

.kt-search-input {

	width: 100%;

	height: 100%;

	padding:
		0 60px
		0 20px;

	border: 0 !important;

	outline: none !important;

	background: transparent !important;

	color:
		var(--kt-soft-cream) !important;

	caret-color:
		var(--kt-gold) !important;

	font-size: 13px;

	font-weight: 400;

	letter-spacing: 0.2px;

	box-shadow: none !important;

}


.kt-search-input::placeholder {

	color:
		rgba(245, 233, 213, 0.55) !important;

}


/* ============================================================
   SEARCH BUTTON
============================================================ */

.kt-search-button {

	position: absolute;

	top: 0;

	right: 0;

	width: 54px;

	height: 100%;

	padding: 0;

	border: 0 !important;

	border-left:
		1px solid rgba(215, 174, 104, 0.14) !important;

	border-radius: 0 !important;

	background: transparent !important;

	color:
		var(--kt-gold-soft) !important;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	opacity: 1 !important;

	visibility: visible !important;

	transition:
		color var(--kt-header-transition),
		background var(--kt-header-transition);

}


.kt-search-button:hover {

	background:
		rgba(215, 174, 104, 0.07) !important;

	color:
		var(--kt-gold) !important;

}


.kt-search-button svg {

	width: 19px !important;

	height: 19px !important;

	display: block !important;

	color:
		currentColor !important;

	stroke:
		currentColor;

	opacity: 1 !important;

	visibility: visible !important;

}


/* ============================================================
   HEADER ACTIONS
============================================================ */

.kt-header-actions {

	display: flex;

	align-items: center;

	justify-content: flex-end;

	gap: 9px;

}


.kt-header-action {

	width: 44px;

	height: 44px;

	position: relative;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	border:
		1px solid transparent;

	border-radius: 50%;

	background: transparent;

	color:
		var(--kt-cream);

	transition:
		color var(--kt-header-transition),
		border-color var(--kt-header-transition),
		background var(--kt-header-transition),
		transform var(--kt-header-transition);

}


.kt-header-action:hover {

	color:
		var(--kt-gold-soft);

	border-color:
		var(--kt-border);

	background:
		rgba(215, 174, 104, 0.06);

	transform:
		translateY(-2px);

}


.kt-header-action svg {

	width: 20px;

	height: 20px;

	display: block;

}


/* ============================================================
   CART COUNT
============================================================ */

.kt-cart-count {

	position: absolute;

	top: -1px;

	right: -1px;

	min-width: 18px;

	height: 18px;

	padding: 0 4px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	background:
		var(--kt-gold);

	color:
		var(--kt-dark-maroon);

	font-size: 9px;

	font-weight: 700;

	line-height: 1;

	border:
		2px solid var(--kt-maroon);

}


/* ============================================================
   NAVIGATION SECTION
============================================================ */

.kt-navigation-section {

	width: 100%;

	background:
		var(--kt-dark-maroon);

	border-bottom:
		1px solid var(--kt-border);

}


.kt-navigation-inner {

	width: min(
		calc(100% - 60px),
		var(--kt-container)
	);

	min-height: 62px;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: center;

}


/* ============================================================
   PRIMARY NAVIGATION
============================================================ */

.kt-primary-navigation {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}


.kt-primary-menu {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	align-items: stretch;

	justify-content: center;

	gap: 5px;

}


.kt-primary-menu > li {

	position: relative;

	display: flex;

	align-items: center;

}


/* ============================================================
   NAV LINKS
============================================================ */

.kt-nav-link {

	min-height: 62px;

	padding:
		0 21px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 7px;

	position: relative;

	color:
		var(--kt-text-light);

	font-size: 11px;

	font-weight: 600;

	letter-spacing: 1.25px;

	text-transform: uppercase;

	white-space: nowrap;

	transition:
		color var(--kt-header-transition);

}


.kt-nav-link::after {

	content: "";

	position: absolute;

	left: 20px;

	right: 20px;

	bottom: 0;

	height: 1px;

	background:
		var(--kt-gold);

	transform:
		scaleX(0);

	transform-origin:
		center;

	transition:
		transform var(--kt-header-transition);

}


.kt-nav-link:hover {

	color:
		var(--kt-gold-soft);

}


.kt-nav-link:hover::after {

	transform:
		scaleX(1);

}


/* ============================================================
   MENU CHEVRON
============================================================ */

.kt-menu-chevron {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	transition:
		transform var(--kt-header-transition);

}


.kt-menu-chevron svg {

	width: 13px;

	height: 13px;

	display: block;

}


/* ============================================================
   DESKTOP DROPDOWN
============================================================ */

.kt-primary-menu
.menu-item-has-children {

	position: relative;

}


.kt-primary-menu
.menu-item-has-children
.sub-menu {

	position: absolute;

	top:
		calc(100% + 1px);

	left: 50%;

	transform:
		translateX(-50%)
		translateY(10px);

	width: 235px;

	margin: 0;

	padding: 9px 0;

	list-style: none;

	background:
		var(--kt-dark-maroon);

	border:
		1px solid var(--kt-border-strong);

	box-shadow:
		0 20px 50px
		rgba(0, 0, 0, 0.35);

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	transition:
		opacity var(--kt-header-transition),
		transform var(--kt-header-transition),
		visibility var(--kt-header-transition);

	z-index: 10000;

}


.kt-primary-menu
.menu-item-has-children:hover
.sub-menu {

	opacity: 1;

	visibility: visible;

	pointer-events: auto;

	transform:
		translateX(-50%)
		translateY(0);

}


.kt-primary-menu
.menu-item-has-children:hover
> .kt-nav-link
.kt-menu-chevron {

	transform:
		rotate(180deg);

}


.kt-primary-menu
.sub-menu li {

	width: 100%;

	margin: 0;

	padding: 0;

	list-style: none;

}


.kt-primary-menu
.sub-menu li a {

	width: 100%;

	padding:
		12px 20px;

	display: flex;

	align-items: center;

	color:
		var(--kt-text-muted);

	font-size: 11px;

	font-weight: 500;

	letter-spacing: 0.7px;

	transition:
		background var(--kt-header-transition),
		color var(--kt-header-transition),
		padding var(--kt-header-transition);

}


.kt-primary-menu
.sub-menu li a:hover {

	color:
		var(--kt-gold-soft);

	background:
		rgba(215, 174, 104, 0.07);

	padding-left: 25px;

}


/* ============================================================
   MOBILE CONTROLS
============================================================ */

/*
 * Hidden by default.
 * Only mobile will show the hamburger.
 */

.kt-mobile-toggle {

	display: none !important;

}


.kt-mobile-menu-label {

	display: none !important;

}


/* ============================================================
   MOBILE MENU
============================================================ */

.kt-mobile-menu {

	display: none;

}


/* ============================================================
   LIGHT MODE VARIABLES
============================================================ */

body.kt-light-mode {

	--kt-maroon: #FFF8EF;

	--kt-dark-maroon: #F5E9D5;

	--kt-deep-maroon: #EBDCC7;

	--kt-gold: #8B642C;

	--kt-gold-soft: #9B7134;

	--kt-gold-dark: #6E4C1E;

	--kt-cream: #2B0713;

	--kt-soft-cream: #24050F;

	--kt-text-light: #2B0713;

	--kt-text-muted: #624C43;

	--kt-border: rgba(43, 7, 19, 0.15);

	--kt-border-strong: rgba(43, 7, 19, 0.28);

}


/* ============================================================
   LIGHT MODE - SEARCH
============================================================ */

body.kt-light-mode
.kt-search-form {

	background:
		rgba(43, 7, 19, 0.035);

	border-color:
		rgba(43, 7, 19, 0.16);

}


body.kt-light-mode
.kt-search-form:focus-within {

	border-color:
		rgba(139, 100, 44, 0.55);

	background:
		rgba(43, 7, 19, 0.025);

}


body.kt-light-mode
.kt-search-input {

	color:
		#2B0713 !important;

}


body.kt-light-mode
.kt-search-input::placeholder {

	color:
		rgba(43, 7, 19, 0.52) !important;

}


body.kt-light-mode
.kt-search-button {

	color:
		#8B642C !important;

	border-left-color:
		rgba(43, 7, 19, 0.12) !important;

}


body.kt-light-mode
.kt-search-button svg {

	color:
		#8B642C !important;

}


/* ============================================================
   LIGHT MODE - DROPDOWN
============================================================ */

body.kt-light-mode
.kt-primary-menu
.menu-item-has-children
.sub-menu {

	background:
		#FFF8EF;

	border-color:
		rgba(43, 7, 19, 0.15);

	box-shadow:
		0 20px 50px
		rgba(43, 7, 19, 0.14);

}


body.kt-light-mode
.kt-primary-menu
.sub-menu li a {

	color:
		#624C43;

}


body.kt-light-mode
.kt-primary-menu
.sub-menu li a:hover {

	color:
		#8B642C;

	background:
		rgba(139, 100, 44, 0.07);

}


/* ============================================================
   LIGHT MODE - THEME BUTTON
============================================================ */

body.kt-light-mode
.kt-theme-toggle {

	background:
		rgba(139, 100, 44, 0.08);

	border-color:
		rgba(139, 100, 44, 0.35);

	color:
		#8B642C;

}


body.kt-light-mode
.kt-theme-toggle
.kt-moon-icon {

	display: none !important;

}


body.kt-light-mode
.kt-theme-toggle
.kt-sun-icon {

	display: flex !important;

}


body.kt-light-mode
.kt-theme-toggle
.kt-sun-icon svg {

	color:
		#8B642C;

}


/* ============================================================
   DARK MODE - THEME BUTTON
============================================================ */

body:not(.kt-light-mode)
.kt-theme-toggle
.kt-moon-icon {

	display: flex !important;

}


body:not(.kt-light-mode)
.kt-theme-toggle
.kt-sun-icon {

	display: none !important;

}


/* ============================================================
   DESKTOP
   992px+
============================================================ */

@media (min-width: 992px) {

	.kt-mobile-toggle {

		display: none !important;

	}


	.kt-mobile-menu-label {

		display: none !important;

	}


	.kt-primary-navigation {

		display: flex !important;

	}


	.kt-mobile-menu {

		display: none !important;

	}

}


/* ============================================================
   TABLET
   768px - 991px
============================================================ */

@media (min-width: 768px)
and (max-width: 991px) {

	.kt-top-bar-inner {

		width:
			calc(100% - 40px);

	}


	.kt-brand-inner {

		width:
			calc(100% - 40px);

		min-height: 115px;

		grid-template-columns:
			180px
			minmax(240px, 1fr)
			180px;

		gap: 25px;

	}


	.kt-logo-image {

		max-width: 165px;

		max-height: 62px;

	}


	.kt-header-actions {

		gap: 3px;

	}


	.kt-header-action {

		width: 38px;

		height: 38px;

	}


	.kt-nav-link {

		padding:
			0 12px;

		font-size: 9px;

		letter-spacing: 0.8px;

	}


	.kt-nav-link::after {

		left: 12px;

		right: 12px;

	}


	/* NO HAMBURGER */

	.kt-mobile-toggle {

		display: none !important;

	}


	.kt-mobile-menu-label {

		display: none !important;

	}


	.kt-primary-navigation {

		display: flex !important;

	}

}


/* ============================================================
   MOBILE
   767px and below
============================================================ */

@media (max-width: 767px) {


	/* ========================================================
	   TOP BAR
	======================================================== */

	.kt-top-bar-inner {

		width:
			calc(100% - 24px);

		min-height: 42px;

		padding-right: 48px;

	}


	.kt-announcement {

		font-size: 8.5px;

		letter-spacing: 0.75px;

		gap: 5px;

	}


	.kt-announcement-icon {

		display: none;

	}


	/* ========================================================
	   THEME BUTTON
	======================================================== */

	.kt-theme-toggle {

		right: 0;

		width: 50px;

		height: 30px;

	}


	/* ========================================================
	   BRAND SECTION
	======================================================== */

	.kt-brand-inner {

		width:
			calc(100% - 24px);

		min-height: auto;

		padding:
			18px 0 17px;

		display: grid;

		grid-template-columns:
			1fr
			auto;

		grid-template-areas:

			"logo actions"

			"search search";

		gap: 15px;

	}


	/* ========================================================
	   LOGO
	======================================================== */

	.kt-logo {

		grid-area: logo;

		max-width: 170px;

	}


	.kt-logo-image {

		max-width: 130px;

		max-height: 52px;

	}


	.kt-logo-text {

		font-size: 22px;

	}


	/* ========================================================
	   ACTIONS
	======================================================== */

	.kt-header-actions {

		grid-area: actions;

		gap: 1px;

	}


	.kt-header-action {

		width: 36px;

		height: 36px;

	}


	.kt-header-action svg {

		width: 18px;

		height: 18px;

	}


	.kt-cart-count {

		min-width: 16px;

		height: 16px;

		font-size: 8px;

		top: -2px;

		right: -2px;

	}


	/* ========================================================
	   SEARCH
	======================================================== */

	.kt-search-wrapper {

		grid-area: search;

		width: 100%;

		max-width: none;

	}


	.kt-search-form {

		height: 46px;

		width: 100%;

	}


	.kt-search-input {

		height: 100%;

		padding:
			0 52px
			0 15px;

		font-size: 12px;

	}


	.kt-search-button {

		width: 48px;

		height: 100%;

		border-left:
			1px solid rgba(215, 174, 104, 0.12) !important;

		background:
			transparent !important;

	}


	.kt-search-button svg {

		width: 18px !important;

		height: 18px !important;

	}


	/* ========================================================
	   MOBILE NAVIGATION BAR
	======================================================== */

	.kt-navigation-section {

		position: relative;

	}


	.kt-navigation-inner {

		width:
			calc(100% - 24px);

		min-height: 60px;

		margin: 0 auto;

		display: flex;

		align-items: center;

		justify-content: space-between;

	}


	/* ========================================================
	   HIDE DESKTOP NAV
	======================================================== */

	.kt-primary-navigation {

		display: none !important;

	}


	/* ========================================================
	   MENU TEXT
	   LEFT SIDE
	======================================================== */

	.kt-mobile-menu-label {

		display: block !important;

		order: 1;

		margin:
			0 auto 0 0;

		color:
			var(--kt-text-light);

		font-size: 11px;

		font-weight: 600;

		letter-spacing: 1.4px;

		text-transform: uppercase;

	}


	/* ========================================================
	   HAMBURGER
	   RIGHT SIDE
	======================================================== */

	.kt-mobile-toggle {

		display: flex !important;

		order: 2;

		margin:
			0 0 0 auto;

		width: 43px;

		height: 43px;

		padding: 0;

		border:
			1px solid var(--kt-border-strong);

		border-radius: 3px;

		background:
			rgba(255, 255, 255, 0.045);

		color:
			var(--kt-cream);

		align-items: center;

		justify-content: center;

		cursor: pointer;

		transition:
			background var(--kt-header-transition),
			border-color var(--kt-header-transition),
			color var(--kt-header-transition);

	}


	.kt-mobile-toggle:hover {

		color:
			var(--kt-gold-soft);

		border-color:
			var(--kt-gold);

		background:
			rgba(215, 174, 104, 0.08);

	}


	.kt-mobile-toggle svg {

		width: 21px;

		height: 21px;

		display: block;

	}


	/* ========================================================
	   MOBILE MENU PANEL
	======================================================== */

	.kt-mobile-menu {

		position: absolute;

		top: 100%;

		left: 0;

		width: 100%;

		max-height:
			calc(100vh - 100px);

		overflow-y: auto;

		display: block;

		background:
			var(--kt-dark-maroon);

		border-top:
			1px solid var(--kt-border);

		border-bottom:
			1px solid var(--kt-border);

		box-shadow:
			0 20px 45px
			rgba(0, 0, 0, 0.30);

		opacity: 0;

		visibility: hidden;

		pointer-events: none;

		transform:
			translateY(-8px);

		transition:
			opacity var(--kt-header-transition),
			transform var(--kt-header-transition),
			visibility var(--kt-header-transition);

	}


	.kt-mobile-menu.is-open {

		opacity: 1;

		visibility: visible;

		pointer-events: auto;

		transform:
			translateY(0);

	}


	/* ========================================================
	   MOBILE NAVIGATION
	======================================================== */

	.kt-mobile-navigation {

		width: 100%;

	}


	.kt-mobile-navigation > ul {

		margin: 0;

		padding:
			8px 0 16px;

		list-style: none;

	}


	.kt-mobile-navigation li {

		width: 100%;

		list-style: none;

	}


	.kt-mobile-navigation
	> ul
	> li
	> a {

		min-height: 52px;

		padding:
			0 20px;

		display: flex;

		align-items: center;

		justify-content: space-between;

		border-bottom:
			1px solid var(--kt-border);

		color:
			var(--kt-text-light);

		font-size: 11px;

		font-weight: 600;

		letter-spacing: 1.1px;

		text-transform: uppercase;

	}


	.kt-mobile-navigation
	> ul
	> li
	> a:hover {

		color:
			var(--kt-gold-soft);

	}


	/* ========================================================
	   MOBILE SUBMENU
	======================================================== */

	.kt-mobile-navigation
	.sub-menu {

		display: none;

		margin: 0;

		padding: 0;

		list-style: none;

		background:
			rgba(0, 0, 0, 0.08);

	}


	.kt-mobile-navigation
	.sub-menu.is-open {

		display: block;

	}


	.kt-mobile-navigation
	.sub-menu
	li
	a {

		display: flex;

		align-items: center;

		min-height: 44px;

		padding:
			0 20px 0 35px;

		color:
			var(--kt-text-muted);

		font-size: 10px;

		letter-spacing: 0.7px;

		border-bottom:
			1px solid var(--kt-border);

	}


	.kt-mobile-navigation
	.sub-menu
	li
	a:hover {

		color:
			var(--kt-gold-soft);

	}

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 480px) {

	.kt-top-bar-inner {

		width:
			calc(100% - 18px);

	}


	.kt-announcement {

		font-size: 8px;

		letter-spacing: 0.45px;

	}


	.kt-brand-inner {

		width:
			calc(100% - 18px);

	}


	.kt-logo-image {

		max-width: 120px;

		max-height: 46px;

	}


	.kt-header-action {

		width: 34px;

		height: 34px;

	}


	.kt-header-action svg {

		width: 17px;

		height: 17px;

	}


	.kt-search-form {

		height: 44px;

	}


	.kt-search-button {

		width: 45px;

	}


	.kt-mobile-menu-label {

		font-size: 10px;

		letter-spacing: 1.2px;

	}


	.kt-mobile-toggle {

		width: 41px;

		height: 41px;

	}

}


/* ============================================================
   ACCESSIBILITY
============================================================ */

.kt-site-header a:focus-visible,
.kt-site-header button:focus-visible,
.kt-site-header input:focus-visible {

	outline:
		2px solid var(--kt-gold);

	outline-offset: 3px;

}


/* ============================================================
   REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

	.kt-site-header *,
	.kt-site-header *::before,
	.kt-site-header *::after {

		transition: none !important;

		animation: none !important;

	}

}
/* ============================================================
   THEME ICON - FINAL OVERRIDE
   No box / No border / No grey background
============================================================ */

/* DARK MODE */

body:not(.kt-light-mode)
.kt-site-header
.kt-theme-toggle {

	width: 38px !important;
	height: 38px !important;

	padding: 0 !important;

	border: 0 !important;

	border-radius: 50% !important;

	background: transparent !important;

	box-shadow: none !important;

	color: var(--kt-gold-soft) !important;

}


body:not(.kt-light-mode)
.kt-site-header
.kt-theme-toggle:hover {

	border: 0 !important;

	background:
		rgba(215, 174, 104, 0.08) !important;

	box-shadow: none !important;

	color: var(--kt-gold) !important;

}


/* MOON */

body:not(.kt-light-mode)
.kt-site-header
.kt-theme-toggle
.kt-moon-icon {

	width: 32px !important;

	height: 32px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	border: 0 !important;

	border-radius: 50% !important;

	background: transparent !important;

	color: var(--kt-gold-soft) !important;

}


body:not(.kt-light-mode)
.kt-site-header
.kt-theme-toggle
.kt-moon-icon svg {

	width: 18px !important;

	height: 18px !important;

	display: block !important;

}


/* LIGHT MODE */

body.kt-light-mode
.kt-site-header
.kt-theme-toggle {

	width: 38px !important;

	height: 38px !important;

	padding: 0 !important;

	border: 0 !important;

	border-radius: 50% !important;

	background: transparent !important;

	box-shadow: none !important;

	color: #8B642C !important;

}


body.kt-light-mode
.kt-site-header
.kt-theme-toggle:hover {

	border: 0 !important;

	background:
		rgba(139, 100, 44, 0.08) !important;

	box-shadow: none !important;

}


/* SUN */

body.kt-light-mode
.kt-site-header
.kt-theme-toggle
.kt-sun-icon {

	width: 32px !important;

	height: 32px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	border: 0 !important;

	border-radius: 50% !important;

	background: transparent !important;

	color: #8B642C !important;

}


body.kt-light-mode
.kt-site-header
.kt-theme-toggle
.kt-sun-icon svg {

	width: 18px !important;

	height: 18px !important;

	display: block !important;

}


/* MOBILE */

@media (max-width: 767px) {

	.kt-site-header
	.kt-theme-toggle {

		width: 36px !important;

		height: 36px !important;

		padding: 0 !important;

		border: 0 !important;

		background: transparent !important;

		box-shadow: none !important;

	}

}
/* ============================================================
   SEARCH FOCUS BORDER - REMOVE COMPLETELY
============================================================ */

.kt-site-header .kt-search-form,
.kt-site-header .kt-search-form:focus,
.kt-site-header .kt-search-form:focus-within,
.kt-site-header .kt-search-input,
.kt-site-header .kt-search-input:focus,
.kt-site-header .kt-search-button,
.kt-site-header .kt-search-button:focus {

	outline: none !important;

	box-shadow: none !important;

}


/* Search form focus */

.kt-site-header .kt-search-form:focus-within {

	border-color:
		rgba(215, 174, 104, 0.22) !important;

	background:
		rgba(255, 255, 255, 0.055) !important;

}


/* Search input focus */

.kt-site-header .kt-search-input:focus {

	outline: none !important;

	border: 0 !important;

	box-shadow: none !important;

}


/* Search button focus */

.kt-site-header .kt-search-button:focus {

	outline: none !important;

	border-left:
		1px solid rgba(215, 174, 104, 0.14) !important;

	box-shadow: none !important;

}


/* Browser / Elementor focus ring */

.kt-site-header input:focus-visible,
.kt-site-header button:focus-visible {

	outline: none !important;

	box-shadow: none !important;

}
/* ============================================================
   SEARCH BOX - SINGLE CLEAN BOX
============================================================ */

/* Main search container */

.kt-site-header .kt-search-form {

	width: 100% !important;

	height: 52px !important;

	margin: 0 !important;

	padding: 0 !important;

	display: flex !important;

	align-items: stretch !important;

	position: relative !important;

	overflow: hidden !important;

	border: 1px solid rgba(215, 174, 104, 0.22) !important;

	border-radius: 3px !important;

	background: rgba(255, 255, 255, 0.055) !important;

	box-shadow: none !important;

}


/* ============================================================
   INPUT - FULL AVAILABLE WIDTH
============================================================ */

.kt-site-header .kt-search-form .kt-search-input {

	flex: 1 1 auto !important;

	width: auto !important;

	min-width: 0 !important;

	height: 100% !important;

	margin: 0 !important;

	padding: 0 18px !important;

	border: 0 !important;

	border-width: 0 !important;

	border-style: none !important;

	border-radius: 0 !important;

	outline: none !important;

	background: transparent !important;

	box-shadow: none !important;

}


/* ============================================================
   SEARCH BUTTON
   SAME HEIGHT AS OUTER BOX
============================================================ */

.kt-site-header .kt-search-form .kt-search-button {

	flex: 0 0 54px !important;

	width: 54px !important;

	height: 100% !important;

	min-height: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

	position: relative !important;

	top: auto !important;

	right: auto !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	border: 0 !important;

	border-left: 1px solid rgba(215, 174, 104, 0.18) !important;

	border-radius: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

	outline: none !important;

}


/* ============================================================
   SEARCH ICON
============================================================ */

.kt-site-header .kt-search-form .kt-search-button svg {

	width: 18px !important;

	height: 18px !important;

	display: block !important;

	margin: 0 !important;

}


/* ============================================================
   REMOVE THEME / ELEMENTOR DEFAULT INPUT STYLING
============================================================ */

.kt-site-header .kt-search-form input,
.kt-site-header .kt-search-form input[type="search"],
.kt-site-header .kt-search-form input[type="text"] {

	border-top: 0 !important;

	border-right: 0 !important;

	border-bottom: 0 !important;

	border-left: 0 !important;

	border-radius: 0 !important;

	box-shadow: none !important;

	outline: none !important;

}


/* ============================================================
   FOCUS
============================================================ */

.kt-site-header .kt-search-form:focus-within {

	border:
		1px solid rgba(215, 174, 104, 0.40) !important;

	box-shadow: none !important;

}


.kt-site-header .kt-search-form:focus-within
.kt-search-input {

	border: 0 !important;

	outline: none !important;

	box-shadow: none !important;

}


/* ============================================================
   LIGHT MODE
============================================================ */

body.kt-light-mode
.kt-site-header .kt-search-form {

	background:
		rgba(255, 255, 255, 0.72) !important;

	border:
		1px solid rgba(139, 100, 44, 0.16) !important;

	box-shadow: none !important;

}


body.kt-light-mode
.kt-site-header .kt-search-form:focus-within {

	border:
		1px solid rgba(139, 100, 44, 0.35) !important;

	box-shadow: none !important;

}


body.kt-light-mode
.kt-site-header .kt-search-button {

	border-left:
		1px solid rgba(139, 100, 44, 0.14) !important;

	background: transparent !important;

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

	.kt-site-header .kt-search-form {

		width: 100% !important;

		height: 46px !important;

	}


	.kt-site-header .kt-search-form
	.kt-search-input {

		padding:
			0 15px !important;

	}


	.kt-site-header .kt-search-form
	.kt-search-button {

		flex-basis: 48px !important;

		width: 48px !important;

	}

}