/*
 * Naxos - White Header Page Template
 * Applies only to:
 * page-white-header.php
 */


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

body.page-template-page-white-header .header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:9999;
	background:#fff !important;
	padding:40px 20px;
}


/* Main navigation */

body.page-template-page-white-header .main-menu-area {
	background:#fff !important;
}


/* Navigation links */

body.page-template-page-white-header .nav-menu li a {
	color:#111 !important;
}

body.page-template-page-white-header .nav-menu li a:hover {
	color:#111 !important;
}


/* Underline / hover effect */

body.page-template-page-white-header .nav-menu li a span:after {
	background-color:#111 !important;
}


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

/*
 * Naxos:
 * navbar-brand1 = light/white logo
 * navbar-brand2 = dark logo
 *
 * On white header we want the dark logo.
 */

body.page-template-page-white-header .main-menu-area .navbar-brand1 {
	display:none !important;
}

body.page-template-page-white-header .main-menu-area .navbar-brand2 {
	display:block !important;
}


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

body.page-template-page-white-header .nav-search-icon {
	color:#111 !important;
}

body.page-template-page-white-header .nav-search-icon:hover {
	color:#111 !important;
}


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

body.page-template-page-white-header .menu-bar span {
	background-color:#111 !important;
}


/* =========================================================
   BANNER
   ========================================================= */

/*
 * Naxos .banner:before covers the entire banner.
 * We remove any inherited image/color from it and make
 * the overlay completely white.
 */

body.page-template-page-white-header .banner:before {
	background:#fff !important;
	background-image:none !important;
	opacity:1 !important;
}


/*
 * If the banner itself has a dark background,
 * make it white as well.
 */

body.page-template-page-white-header #banner {
	background:#fff !important;
}


/* =========================================================
   BANNER TEXT
   ========================================================= */

body.page-template-page-white-header .banner-text h1,
body.page-template-page-white-header .banner-text p {
	color:#111 !important;
}


/* Banner links/buttons */

body.page-template-page-white-header .banner-text a {
	color:#111;
}


/* =========================================================
   BANNER BUTTONS
   ========================================================= */

body.page-template-page-white-header .button-store .custom-btn {
	border-color:#111 !important;
	color:#111 !important;
}

body.page-template-page-white-header .button-store .custom-btn i,
body.page-template-page-white-header .button-store .custom-btn p,
body.page-template-page-white-header .button-store .custom-btn p em {
	color:#111 !important;
}

body.page-template-page-white-header .button-store .custom-btn:hover {
	background-color:#111 !important;
	border-color:#111 !important;
}

body.page-template-page-white-header .button-store .custom-btn:hover i,
body.page-template-page-white-header .button-store .custom-btn:hover p,
body.page-template-page-white-header .button-store .custom-btn:hover p em {
	color:#fff !important;
}


/* =========================================================
   BOTTOM WAVE / CURVE
   ========================================================= */

/*
 * Keep the existing Naxos wave/curve assets,
 * but ensure they don't introduce a dark background.
 */

body.page-template-page-white-header .wave-effect {
	background:transparent;
}


/* =========================================================
   FIXED / STICKY NAVIGATION
   ========================================================= */

body.page-template-page-white-header .main-menu-area.fixed-menu {
	background-color:#fff !important;
}

body.page-template-page-white-header .main-menu-area.fixed-menu .navbar-brand1 {
	display:none !important;
}

body.page-template-page-white-header .main-menu-area.fixed-menu .navbar-brand2 {
	display:block !important;
}

body.page-template-page-white-header .main-menu-area.fixed-menu .nav-menu li a {
	color:#111 !important;
}

body.page-template-page-white-header .main-menu-area.fixed-menu .menu-bar span {
	background-color:#111 !important;
}


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

@media (max-width: 991px) {

	body.page-template-page-white-header .header {
		background:#fff !important;
		padding:20px;
	}

	body.page-template-page-white-header .main-menu-area {
		background:#fff !important;
	}

	body.page-template-page-white-header .nav-menu li a {
		color:#111 !important;
		border-bottom-color:rgba(0, 0, 0, 0.1) !important;
	}

	body.page-template-page-white-header .menu-bar span {
		background-color:#111 !important;
	}

}


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

body.page-template-page-white-header .header.mobile-menu-open {
	background:#fff !important;
}

body.page-template-page-white-header .header.mobile-menu-open .nav-menu li a {
	color:#111 !important;
}


/* Mobile menu header */

body.page-template-page-white-header .m-menu-header {
	background:#fff !important;
}

body.page-template-page-white-header .m-menu-header .logo img {
	/* dark logo */
}


/* =========================================================
   GENERAL SAFETY
   ========================================================= */

body.page-template-page-white-header #mainNav {
	background-color:#fff !important;
}
/* Fundal alb pentru zona hero/banner */
body.page-template-page-white-header .banner,
body.page-template-page-white-header #banner {
    background: #fff !important;
    background-image: none !important;
}

/* Elimină overlay-ul întunecat */
body.page-template-page-white-header .banner::before {
    background: #fff !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* Textul din banner */
body.page-template-page-white-header .banner-text,
body.page-template-page-white-header .banner-text h1,
body.page-template-page-white-header .banner-text h2,
body.page-template-page-white-header .banner-text h3,
body.page-template-page-white-header .banner-text p {
    color: #111 !important;
}

/* Dacă textul este într-un container/row cu fundal */
body.page-template-page-white-header .banner .container,
body.page-template-page-white-header .banner .row,
body.page-template-page-white-header .banner-text {
    background: transparent !important;
}
body.page-template-page-white-header .overlay {
	background-color:#fff !important;
}