/*
Theme Name: Novo 
Theme URI: http://promo-theme.com/novo/
Author: Promo Theme
Author URI: http://themeforest.net/user/ypromo
Description: We present you an Awesome Photography WordPress Theme. You can build a beautiful site, using 6 homepages. Much galleries, styles of blogs, and much much more make your site individual and creative.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: novo
Template: novo
*/

/* Portfolio "Purchase This Print" buy box */
.nb-buy-print-box {
	margin-top: 30px;
	padding: 24px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.nb-buy-print-title {
	margin-top: 0;
	margin-bottom: 16px;
}
.nb-buy-print-form .nb-size-options {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}
.nb-buy-print-form .nb-size-option {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	font-weight: normal;
}
.nb-buy-print-form .nb-size-option:has(input:checked) {
	border-color: #333;
	background: #f7f7f7;
}
.nb-buy-print-form .nb-size-option input[type="radio"] {
	margin: 0;
}
.nb-buy-print-form .nb-size-price {
	font-weight: 600;
}
.nb-buy-print-form .nb-add-to-cart {
	cursor: pointer;
}

/* ======================================================
   CRITICAL FIX: Hero Banner Category & About Panels
   ====================================================== */

/* 1. Prevent Horizontal Overflow on Page */
html, body, #all, .site {
	overflow-x: hidden !important;
	max-width: 100% !important;
}

/* 2. Hero Banner Container - Constrain height */
.banner-area {
	position: relative !important;
	overflow: hidden !important;
	height: 100vh !important;
	max-height: 100vh !important;
	width: 100% !important;
}

/* 3. Slideout Panels (Categories & About) - Strictly inside Banner Area */
.banner-categories,
.banner-about {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 50 !important;
	overflow: hidden !important;
}

/* Inactive Panel State */
.banner-categories:not(.active),
.banner-about:not(.active) {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(-100%) !important;
	transition: all 0.4s ease !important;
}

/* Active Panel State */
.banner-categories.active,
.banner-about.active {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
	transition: all 0.4s ease !important;
}

/* Category Items styling inside Category Panel */
.banner-categories .item {
	height: 100% !important;
	overflow: hidden !important;
}

.banner-categories .item a {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
}

/* 4. Page Content & Footer Isolation - Prevents any banner overlap */
main, .main-row, .site-footer {
	position: relative !important;
	z-index: 10 !important;
	clear: both !important;
	background-color: #171717 !important;
}

/* 5. Footer 'Latest Photos' Grid Images */
.site-footer .post-gallery-grid .portfolio-item .a-img {
	height: 80px !important;
	width: 100% !important;
	position: relative !important;
	overflow: hidden !important;
	display: block !important;
	border-radius: 4px !important;
}

.site-footer .post-gallery-grid .portfolio-item .a-img div {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 0 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	display: block !important;
}

/* ======================================================
   HEADER SPACING & HOMEPAGE LAYOUT FIXES
   ====================================================== */
/* 1. Eliminate Preloader Sticking */
.preloader {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* 2. Fix Header Excessive Height & Spacing */
.site-header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 999 !important;
	background: rgba(10, 10, 10, 0.85) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}
.site-header .header-main-block {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	min-height: auto !important;
}
.site-header .logo img {
	max-height: 44px !important;
	width: auto !important;
}
/* Desktop navigation menu alignment */
@media (min-width: 1024px) {
	.site-header:not(.mobile-type) .desktop-main-bar-right {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}
	.site-header:not(.mobile-type) .navigation.visible_menu {
		display: block !important;
	}
}
/* Eliminate duplicate gap div under header */
.header-space {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 3. Fix Homepage Layout & Hero Banner Left Gap */
body, #all, .site, main, .main-row {
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
main > .container,
.main-row > .container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.banner-area.external-indent,
.external-indent {
	margin-left: 0 !important;
	padding-left: 0 !important;
	left: 0 !important;
	width: 100% !important;
}
.vc_row[data-vc-full-width] {
	left: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}
.banner-area {
	width: 100% !important;
	max-width: 100% !important;
}