/*
 * Layout compatibility tweaks for DemaltGroup
 * - Keep DemaltGroup visual design; add spacing/stacking behaviors expected by legacy layouts
 */

/* Ensure sticky/fixed navbar stays above content */
.navbar.navbar-header-wrap.header-fixed-top,
.navbar.header-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050;
}

/* Push page header area below fixed navbar (fallback if structure is adjacent) */
.navbar.header-fixed-top + .theme-page-header-area,
.navbar.navbar-header-wrap.header-fixed-top + .theme-page-header-area,
.header-fixed-top ~ .theme-page-header-area {
    margin-top: 90px;
}

@media (max-width: 991.98px) {
    .navbar.header-fixed-top + .theme-page-header-area,
    .navbar.navbar-header-wrap.header-fixed-top + .theme-page-header-area,
    .header-fixed-top ~ .theme-page-header-area {
        margin-top: 60px;
    }
}

/* Keep page-header overlay below the navbar stacking */
.theme-page-header-area { position: relative; z-index: 1; }

/* Mobile: darker sticky navbar background */
@media (max-width: 991.98px) {
    .navbar.navbar-header-wrap.header-fixed-top {
        background-color: #000000de;
    }
}

/* Global: make navbar background consistent */
.navbar.navbar-header-wrap,
.navbar.navbar-header-wrap.header-fixed-top,
.navbar.header-fixed-top {
    background-color: #000000de !important;
}

/* Ensure collapsed menu uses same background on mobile */
@media (max-width: 991.98px) {
    .navbar.navbar-header-wrap .navbar-collapse {
        background-color: #000000de;
    }
}

/* Landscape mobile/tablet: reduce sticky header footprint */
@media (max-width: 812px) and (orientation: landscape) {
	.navbar.header-fixed-top,
	.navbar.navbar-header-wrap.header-fixed-top {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	.navbar.header-fixed-top .navbar-brand,
	.navbar.navbar-header-wrap.header-fixed-top .navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
	}
	.navbar.header-fixed-top img.custom-logo,
	.navbar.navbar-header-wrap.header-fixed-top img.custom-logo {
		max-height: 28px;
		width: auto;
		height: auto;
	}
	.navbar.header-fixed-top .site-branding-text .site-title,
	.navbar.header-fixed-top .site-branding-text .site-description,
	.navbar.navbar-header-wrap.header-fixed-top .site-branding-text .site-title,
	.navbar.navbar-header-wrap.header-fixed-top .site-branding-text .site-description {
		display: none;
	}
	.navbar.header-fixed-top .nav,
	.navbar.navbar-header-wrap.header-fixed-top .nav {
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* Global: enforce navbar background everywhere */
.navbar,
.navbar.navbar-light,
.navbar.navbar-header-wrap,
.navbar.navbar-header-wrap.header-fixed-top,
.navbar.header-fixed-top {
	background-color: #000000de !important;
}

/* Collapsed menu background on mobile */
@media (max-width: 991.98px) {
	.navbar .navbar-collapse {
		background-color: #000000de !important;
	}
}

/* Optional: dropdown background align with navbar */
.navbar .dropdown-menu {
	background-color: #000000de;
	border-color: rgba(255,255,255,0.12);
}