/* =============================================
   HEADER BACKGROUND COLOR - #DCC7B4
   ============================================= */
header,
header.header-navbar,
.header-navbar,
.hp-page__header,
header.hp-page__header,
.hp-menu,
.hp-menu__bar,
.hp-menu__bar--static,
.hp-menu__bar--sticky,
.site-header,
nav.navbar,
.navbar {
	background-color: #DCC7B4 !important;
}

/* =============================================
   BRAND NAME - Playfair Display + Black
   ============================================= */
.navbar-brand,
.navbar-brand *,
a.navbar-brand,
.header-navbar .navbar-brand,
.header-navbar__logo a,
.header-navbar__logo,
.hp-menu__brand-name,
.hp-menu__brand-name a,
.hp-menu .hp-menu__brand-name,
.hp-menu__brand .hp-menu__brand-name,
header .hp-menu__brand-name,
header .site-title,
header .site-title a,
.site-branding .site-title,
.site-branding .site-title a,
.custom-logo-link + .site-title,
.custom-logo-link + .site-title a {
	font-family: 'Playfair Display', serif !important;
	color: #000000 !important;
}

/* =============================================
   MOBILE HAMBURGER MENU ICON - Black
   ============================================= */
.header-navbar__burger,
.header-navbar__burger > a,
.header-navbar__burger > a i,
.header-navbar__burger > a i::before,
.header-navbar__burger > button,
.header-navbar__burger > button i,
.header-navbar__burger i,
.header-navbar__burger svg,
.header-navbar__burger path,
.navbar-toggler,
.navbar-toggler i,
.navbar-toggler svg,
.navbar-toggler path,
.navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon,
.hp-menu__toggle,
.hp-menu__toggle i,
.hp-menu__toggle svg,
.hp-menu__toggle path,
.hp-menu__toggle line,
.hp-menu__toggle rect,
.hp-menu__toggle span,
button.hp-menu__toggle,
.menu-toggle,
.menu-toggle i,
.menu-toggle svg,
.menu-toggle path,
.menu-toggle span,
button.menu-toggle {
	color: #000000 !important;
	fill: #000000 !important;
	stroke: #000000 !important;
}

.header-navbar__burger span,
.header-navbar__burger span::before,
.header-navbar__burger span::after,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.hp-menu__toggle span::before,
.hp-menu__toggle span::after,
.menu-toggle span::before,
.menu-toggle span::after {
	background-color: #000000 !important;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* =============================================
   MOBILE MENU - Elegant Slide-In Panel
   ============================================= */
@media (max-width: 1024px) {

	/* HivePress mobile menu container */
	.hp-menu__items,
	.hp-menu__items.hp-menu__items--visible,
	.hp-menu__items[style] {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		bottom: auto !important;
		width: 300px !important;
		max-width: 85vw !important;
		height: auto !important;
		max-height: 100vh !important;
		min-height: 0 !important;
		background-color: #DCC7B4 !important;
		box-shadow: -6px 0 30px rgba(0, 0, 0, 0.2) !important;
		border-radius: 0 0 0 16px !important;
		padding: 24px 20px !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		z-index: 999999 !important;
		transform: none !important;
	}

	.hp-menu__items::before,
	.hp-menu__items::after {
		display: none !important;
	}

	/* =============================================
	   Menu item links - Playfair Display
	   ============================================= */
	.hp-menu__items > .hp-menu__item > a,
	.hp-menu__items .hp-menu__item > a,
	.hp-menu__items .menu-item > a {
		font-family: 'Playfair Display', serif !important;
		color: #2c1810 !important;
		font-size: 17px !important;
		font-weight: 500 !important;
		padding: 12px 0 !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
		display: block !important;
		text-decoration: none !important;
		letter-spacing: 0.3px !important;
		transition: color 0.2s ease !important;
	}

	.hp-menu__items .hp-menu__item > a:hover,
	.hp-menu__items .menu-item > a:hover {
		color: #6b4c3b !important;
	}

	.hp-menu__items .hp-menu__item:last-child > a,
	.hp-menu__items .menu-item:last-child > a {
		border-bottom: none !important;
	}

	/* Sub-menu arrows/chevrons */
	.hp-menu__items .hp-menu__item--parent > a::after,
	.hp-menu__items .hp-menu__item i,
	.hp-menu__items .hp-menu__item svg,
	.hp-menu__items .hp-icon,
	.hp-menu__items i {
		color: #2c1810 !important;
		fill: #2c1810 !important;
	}

	/* Close button */
	.hp-menu__close,
	.hp-menu__close i,
	.hp-menu__close svg,
	.hp-menu__close path {
		color: #2c1810 !important;
		fill: #2c1810 !important;
		stroke: #2c1810 !important;
	}

	/* Generic mobile nav containers */
	.navbar-collapse,
	.navbar-collapse.show,
	.navbar-collapse.collapsing,
	.offcanvas,
	.offcanvas.show,
	.offcanvas-body {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		width: 300px !important;
		max-width: 85vw !important;
		height: auto !important;
		max-height: 100vh !important;
		background-color: #DCC7B4 !important;
		box-shadow: -6px 0 30px rgba(0, 0, 0, 0.2) !important;
		border-radius: 0 0 0 16px !important;
		padding: 24px 20px !important;
		z-index: 999999 !important;
	}

	.navbar-collapse a,
	.navbar-collapse .nav-link,
	.navbar-collapse .menu-item a,
	.offcanvas a,
	.offcanvas .nav-link,
	.offcanvas-body a,
	.offcanvas-body .nav-link,
	.offcanvas-body .menu-item a {
		font-family: 'Playfair Display', serif !important;
		color: #2c1810 !important;
		font-size: 17px !important;
		font-weight: 500 !important;
	}

	/* Body scroll lock */
	body.mwg-menu-open-e63aa857 {
		overflow: hidden !important;
	}

	/* Dark overlay */
	.mwg-menu-overlay-e63aa857 {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(0, 0, 0, 0.4) !important;
		z-index: 999998 !important;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease !important;
	}

	.mwg-menu-overlay-e63aa857.mwg-visible-e63aa857 {
		opacity: 1 !important;
		visibility: visible !important;
	}
}