/* ========= Base variables (based on your provided HTML palette) ========= */
:root{
	--bg-page:#30323C;
	--bg-page-soft:#353744;
	--bg-section:#363847;
	--bg-card:#3B3D4D;

	--accent:#FF7A3C; /* default - overridden by Customizer */
	--accent-strong:#FF5C1A; /* default - overridden by Customizer */
	--accent-soft: rgba(255,122,60,0.12); /* default */
	--accent-soft-2: rgba(255,186,120,0.16); /* default */
	--accent-on:#101119; /* text on accent */
	--accent-grad: linear-gradient(135deg, rgba(255,122,60,1) 0%, rgba(255,92,26,1) 100%);

	--text-main:#F6F6FA;
	--text-muted:#AEB2C6;
	--text-soft:#FFFFFF;

	--border-subtle: rgba(255,255,255,0.06);
	--shadow-soft: 0 18px 45px rgba(0,0,0,0.45);
	--shadow-strong: 0 24px 70px rgba(0,0,0,0.65);

	--max-width: 1180px;
	--radius-xl: 22px;
	--radius-pill: 999px;

	--footer-bg: #1E1F27;
	--footer-text: #AEB2C6;
}

*{ box-sizing:border-box; }

html, body{
	margin:0;
	padding:0;
	background: radial-gradient(circle at top left, #3A3D4A 0, var(--bg-page) 45%, #252731 100%);
	color: var(--text-main);
	font-family: 'Heebo', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	scroll-behavior:smooth;
}

a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

.site{
	min-height: 100vh;
	display:flex;
	flex-direction:column;
}

.site-content{
	flex:1;
	padding: 28px 16px 60px;
}

    
/* ========= Main Background (between header and footer) ========= */
/* We use a dedicated background layer (::before) so it can never cover the media (image/video). */
.site-content{
	position: relative;
	isolation: isolate;
	background: transparent;
}

/* Layer 0: chosen solid/gradient background */
.site-content::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:0 !important;
	pointer-events:none;
	background: var(--nbt-main-bg, transparent);
}

/* Optional repeating pattern image over the chosen solid/gradient background (still behind media layer). */
.site-content::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1 !important;
	pointer-events:none;
	background-image: var(--nbt-main-bg-pattern-image, none);
	background-repeat: var(--nbt-main-bg-pattern-repeat, repeat);
	background-size: var(--nbt-main-bg-pattern-size, auto);
	background-position: top left;
}


/* Layer 1: media container + left image/video */
.site-content .nbt-main-bg{
	position:absolute;
	inset:0;
	z-index:10 !important;
	pointer-events:none;
	overflow:hidden;
}
.site-content .nbt-main-bg-fill{ display:none; }

.site-content .nbt-main-bg-left{
	position:absolute;
	z-index:11 !important;
	top:0; bottom:0; left:0;
	width: var(--nbt-main-left-width, 33.333%);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: var(--nbt-main-left-fit, contain);
	opacity: var(--nbt-main-left-opacity, 1);
	overflow:hidden;
}

/* Divider line alongside the left media (image/video) */
.site-content .nbt-main-bg-left::after{
	content:"";
	position:absolute;
	top:0; bottom:0;
	width: var(--nbt-main-left-divider-width, 0px);
	background: var(--nbt-main-left-divider-color, transparent);
	pointer-events:none;
	z-index:2;
}
.site-content.nbt-leftimg-side-left .nbt-main-bg-left::after{ right:0; }
.site-content.nbt-leftimg-side-right .nbt-main-bg-left::after{ left:0; }


/* Left background video/image as a media layer */
.site-content .nbt-main-bg-left.has-video{ background-image:none !important; }

.site-content .nbt-main-bg-left video.nbt-main-bg-video{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit: var(--nbt-main-left-fit, contain);
	object-position: left bottom;
}

/* Layer 2: actual page content (Elementor / posts) */
.site-content .nbt-main-content{ position:relative; z-index:20 !important;}
/* Reserve space for left media without shifting the whole page (keeps alignment with header/footer) */
.site-content.nbt-leftimg-reserve .nbt-main-inner{
	padding-left: calc(var(--nbt-main-left-width, 25%) + 2px);


/* Side selection: allow media on the RIGHT as well */
.site-content.nbt-leftimg-side-right .nbt-main-bg-left{
	left:auto;
	right:0;
	background-position:right bottom;
}
.site-content.nbt-leftimg-side-right .nbt-main-bg-left video.nbt-main-bg-video{
	object-position:right bottom;
}
.site-content.nbt-leftimg-side-right.nbt-leftimg-reserve .nbt-main-inner{
	padding-left:0;
	padding-right: calc(var(--nbt-main-left-width, 25%) + 2px);
}

/* Desktop sticky mode (JS-enhanced). Keeps the avatar/video visible while scrolling on long pages. */
.site-content.nbt-leftimg-desktop-sticky .nbt-main-bg{
	overflow: visible;
}
.site-content.nbt-leftimg-desktop-sticky .nbt-main-bg-left{
	bottom:auto;
	top:0;
	height: calc(100vh - var(--nbt-main-left-sticky-top, 84px));
}
}

@media (max-width: 767px){
	.site-content.nbt-leftimg-reserve .nbt-main-inner{ padding-left:0; }
	.site-content.nbt-leftimg-mobile-hide .nbt-main-bg-left{ display:none; }

	/* Keep the avatar/video as a true background on mobile */
	.site-content.nbt-leftimg-mobile-bg .nbt-main-bg-left{
		display:block;
		left:0; right:auto;
		width: var(--nbt-main-left-width, 25%);
		top:0; bottom:0;
		background-position:left bottom;
		background-size: var(--nbt-main-left-fit-mobile, var(--nbt-main-left-fit, contain));
	}
	.site-content.nbt-leftimg-mobile-bg .nbt-main-bg-left video.nbt-main-bg-video{
		object-fit: var(--nbt-main-left-fit-mobile, contain);
		object-position: left bottom;
	

	/* If side is RIGHT, mirror background positioning on mobile background mode */
	.site-content.nbt-leftimg-side-right.nbt-leftimg-mobile-bg .nbt-main-bg-left{
		left:auto; right:0;
		background-position:right bottom;
	}
	.site-content.nbt-leftimg-side-right.nbt-leftimg-mobile-bg .nbt-main-bg-left video.nbt-main-bg-video{
		object-position:right bottom;
	}
}

	/* Top strip mode */
	.site-content.nbt-leftimg-mobile-top .nbt-main-bg-left{
		display:block;
		left:0; right:0; width:100%;
		height: var(--nbt-main-left-mobile-top-height, 240px);
		bottom:auto;
		background-position:center bottom;
		background-size: var(--nbt-main-left-fit-mobile, contain);
	}
	.site-content.nbt-leftimg-mobile-top .nbt-main-bg-left video.nbt-main-bg-video{
		object-fit: var(--nbt-main-left-fit-mobile, contain);
		object-position: center bottom;
	}
	.site-content.nbt-leftimg-mobile-top{ padding-top: calc(var(--nbt-main-left-mobile-top-height, 240px) + 28px); }
}
.content-inner{
	max-width: var(--max-width);
	margin: 0 auto;
}

/* ========= Header ========= */
.site-header{
	position: sticky;
	top:0;
	z-index:50;
	background: var(--header-bg, linear-gradient(to bottom, rgba(18,18,24,0.92), rgba(18,18,24,0.85), rgba(18,18,24,0.0)));
	backdrop-filter: blur(18px);
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.nav-inner{
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 14px 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	position:relative;
}

.brand{
	display:flex;
	align-items:center;
	gap:10px;
	min-width: 210px;
}

.brand-link{
	display:flex;
	align-items:center;
}

.custom-logo{
	max-height:44px;
	width:auto;
	display:block;
}

.logo-mark{
	width: 40px;
	height: 40px;
	border-radius: 18px;
	background: radial-gradient(circle at 30% 0, #FFE2C4 0, #FF9B47 30%, var(--accent) 55%, #D74418 100%);
	box-shadow: 0 0 0 2px rgba(0,0,0,0.6), 0 14px 30px rgba(0,0,0,0.65);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#1c120f;
	font-weight:800;
	font-size:22px;
	font-family:'Secular One','Heebo',sans-serif;
}

.logo-text-main{
	font-weight:700;
	font-size:1.02rem;
	text-transform:uppercase;
	font-family:'Secular One','Heebo',sans-serif;
	letter-spacing:0.03em;
}

.logo-text-sub{
	font-size:0.78rem;
	color: var(--header-logo-sub, var(--text-muted));
}

/* Primary nav */
.primary-nav ul{
	list-style:none;
	display:flex;
	gap:18px;
	margin:0;
	padding:0;
	font-size:0.9rem;
}

.primary-nav a{
	color: var(--header-link, var(--text-soft));
	padding: 4px 0 10px;
	position: relative;
	text-decoration: none;
}
.primary-nav a::after{
	content:'';
	position:absolute;
	left:0; right:0;
	bottom:2px;
	height:2px;
	background: var(--nav-underline-bg, var(--accent));
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .2s;
	border-radius:2px;
}
.primary-nav a:hover::after,
.primary-nav a:focus-visible::after,
.primary-nav li.current-menu-item > a::after,
.primary-nav li.current_page_item > a::after{
	transform: scaleX(1);
}
.primary-nav a:hover{
	color: var(--header-link-hover, var(--text-main));

	text-decoration: none;
}
.primary-nav a:focus-visible{
	text-decoration:none;
	outline: none;
	color: var(--header-link-hover, var(--text-main));
}


/* Header actions */
.nav-actions{
	display:flex;
	align-items:center;
	gap:10px;
}

.btn-primary, .btn-outline{
	border-radius: var(--radius-pill);
	padding: 9px 18px;
	font-size: 0.9rem;
	border: 1px solid transparent;
	cursor:pointer;
	white-space:nowrap;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	font-weight:500;
	font-family: 'Heebo', system-ui, sans-serif;
	transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.btn-primary{
	background: var(--btn-primary-bg, linear-gradient(120deg, var(--accent-strong), var(--accent)));
	color: var(--btn-primary-text, #fff);
	border-color: var(--btn-primary-border, transparent);
	box-shadow: 0 10px 25px rgba(0,0,0,0.55);
}
.btn-primary:hover{
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(0,0,0,0.7);
	background: var(--btn-primary-bg-hover, linear-gradient(120deg, #FF9155, var(--accent-strong)));
	color: var(--btn-primary-text-hover, #fff);
	border-color: var(--btn-primary-border-hover, var(--btn-primary-border, transparent));
}
.btn-outline{
	background: var(--btn-outline-bg, transparent);
	border-color: var(--btn-outline-border, rgba(255,255,255,0.28));
	color: var(--btn-outline-text, var(--text-soft));
}
.btn-outline:hover{
	border-color: var(--btn-outline-border-hover, var(--accent));
	color: var(--btn-outline-text-hover, #fff);
	background: var(--btn-outline-bg-hover, rgba(255, 122, 60, 0.12));
}

/* Mobile menu */
.menu-toggle{
	display:none;
	align-items:center;
	gap:8px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.22);
	color: var(--text-soft);
	border-radius: var(--radius-pill);
	padding: 8px 12px;
	cursor:pointer;
}
.menu-toggle:hover{
	border-color: var(--accent);
	color:#fff;
	background: var(--accent-soft);
}
.menu-toggle__bars{
	width:18px;
	height:12px;
	position:relative;
	display:inline-block;
}
.menu-toggle__bars::before,
.menu-toggle__bars::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	height:2px;
	border-radius: 99px;
	background: currentColor;
}
.menu-toggle__bars::before{ top:1px; }
.menu-toggle__bars::after{ bottom:1px; }
.menu-toggle__label{ font-size:0.85rem; }

/* Hide mobile actions on desktop */
.nav-actions--mobile{ display:none; }



/* ========= Mobile Drawer (off-canvas like Nadlan360) ========= */
.mobile-drawer{
	position:fixed;
	inset:0;
	z-index:9999;
	opacity:0;
	pointer-events:none;
	transition: opacity .2s ease;
}
.site-header.is-open .mobile-drawer{
	opacity:1;
	pointer-events:auto;
}
.mobile-drawer__overlay{
	position:absolute;
	inset:0;
	/* Modal-style overlay (strong enough so page text doesn't "bleed" through) */
	background: var(--mobile-overlay-bg, linear-gradient(180deg, rgba(9,10,14,0.94), rgba(9,10,14,0.92)));
	-webkit-backdrop-filter: var(--mobile-overlay-backdrop, blur(14px) saturate(120%));
	backdrop-filter: var(--mobile-overlay-backdrop, blur(14px) saturate(120%));
	z-index: 1;
}

/* Extra safety: when drawer is open, slightly dim/blur the entire page layer behind.
   This helps on iOS/Safari where text can remain readable through translucency. */
.site-header.is-open + #page{
	filter: blur(2px) brightness(0.65);
}
.mobile-drawer__panel{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:auto;
	width: min(92vw, 380px);
	background: var(--header-panel-bg, rgba(16, 17, 25, 0.96));
	border-left: 1px solid rgba(255,255,255,0.14);
	box-shadow: var(--shadow-strong);
	backdrop-filter: blur(18px);
	padding: 18px 16px;
	display:flex;
	flex-direction:column;
	gap: 14px;
	z-index: 2;

	transform: translateX(110%);
	transition: transform .25s ease;
}
.site-header.is-open .mobile-drawer__panel{
	transform: translateX(0);
}
.mobile-drawer__head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}
.mobile-drawer__brand{
	display:flex;
	align-items:center;
	gap: 10px;
}
.drawer-close{
	background: transparent;
	border: 1px solid rgba(255,255,255,0.22);
	color: var(--text-soft);
	border-radius: 14px;
	width: 38px;
	height: 38px;
	display:grid;
	place-items:center;
	cursor:pointer;
}
.drawer-close:hover{
	border-color: var(--accent);
	color:#fff;
	background: var(--accent-soft);
}

.primary-nav--mobile ul{
	display:flex;
	flex-direction:column;
	gap: 8px;
	margin:0;
	padding: 4px 0 0;
	list-style:none;
}
.primary-nav--mobile li{
	position:relative;
}
.primary-nav--mobile a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding: 10px 10px;
	border-radius: 14px;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.08);
}
.primary-nav--mobile a:hover{
	background: rgba(255,255,255,0.07);
	border-color: rgba(255,255,255,0.14);
}
.primary-nav--mobile .submenu-toggle{
	background: transparent;
	border: 1px solid rgba(255,255,255,0.18);
	color: var(--text-soft);
	border-radius: 12px;
	width: 34px;
	height: 34px;
	display:grid;
	place-items:center;
	cursor:pointer;
	flex: 0 0 auto;
}
.primary-nav--mobile .submenu-toggle:hover{
	border-color: var(--accent);
	color:#fff;
	background: var(--accent-soft);
}
.primary-nav--mobile .sub-menu{
	display:none;
	margin: 8px 0 0;
	padding: 8px 10px;
	border-radius: 14px;
	background: rgba(0,0,0,0.18);
	border: 1px solid rgba(255,255,255,0.08);
}
.primary-nav--mobile li.submenu-open > .sub-menu{
	display:block;
}
.primary-nav--mobile .sub-menu a{
	background: transparent;
	border: 0;
	padding: 8px 8px;
	border-radius: 12px;
}
.primary-nav--mobile .sub-menu a:hover{
	background: rgba(255,255,255,0.06);
}

.mobile-drawer__actions{
	margin-top:auto;
	padding-top: 14px;
	border-top: 1px solid rgba(255,255,255,0.10);
}
.mobile-drawer__actions .nav-actions{
	display:flex;
	flex-wrap:wrap;
	gap: 10px;
}

/* Scroll lock */
html.nbt-lock, body.nbt-lock{
	overflow:hidden !important;
}


/* Mobile drawer: divider + actions menu (second part like Nadlan360) */
.mobile-drawer__divider{
	height:1px;
	background: var(--border-subtle);
	margin: 16px 0;
	opacity:0.9;
}
.mobile-actions-nav ul{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.mobile-actions-nav .menu{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}
.mobile-actions-nav .menu li{ list-style:none !important; margin:0 !important; padding:0 !important; }
.mobile-actions-nav a{
	display:block;
	text-align:center;
	padding: 12px 14px;
	border-radius: 999px;
	text-decoration:none;
	font-weight:800;
	letter-spacing:0.01em;
}
.mobile-actions-nav li:nth-child(1) a{
	background: transparent;
	border: 1px solid rgba(255,255,255,0.22);
	color: var(--text-main);
}
.mobile-actions-nav li:nth-child(2) a{
	background: var(--accent-grad);
	color: var(--accent-on);
	border: 1px solid transparent;
}
.mobile-actions-nav a:hover{
	transform: translateY(-1px);
	filter: brightness(1.04);
}

@media (max-width: 960px){
	.menu-toggle{ display:inline-flex; }
	.primary-nav--desktop{ display:none; }
	.nav-actions--desktop{ display:none; }

	/* When the drawer is open, hide the header row behind the overlay (prevents duplicate logo/menus) */
	.site-header.is-open .nav-inner{
		opacity:0;
		pointer-events:none;
	}

	/* Mobile drawer is controlled via .site-header.is-open */
}
@media (max-width: 640px){
	.site-content{ padding-inline:14px; }
	.btn-primary, .btn-outline{ padding: 9px 14px; }
}

/* Small phones: make drawer full width (closer to Nadlan360 feel + prevents seeing the header behind) */
@media (max-width: 490px){
	.mobile-drawer__panel{
		width: 100%;
		right:0;
		left:0;
		border-left: 0;
	}
}

/* ========= Cards / typography ========= */
h1, h2, h3, h4{
	font-family:'Secular One','Heebo',system-ui,sans-serif;
	letter-spacing:0.03em;
	color: var(--text-main);
}
h5{
	color: #FFFFFF;
	line-height:1.7;
	font-size:0.98rem;
}
p{
	color: #FFFFFF;
	line-height:1.7;
	font-size:0.98rem;
}
.card{
	background: radial-gradient(circle at top left, var(--bg-card), #2E303A);
	border-radius: var(--radius-xl);
	border: 1px solid var(--border-subtle);
	box-shadow: var(--shadow-soft);
	padding: 22px 20px;
	max-width: var(--max-width);
	margin: 0 auto 18px;
}

/* ========= Footer ========= */
.site-footer{
	border-top: 1px solid rgba(255,255,255,0.08);
	padding: 28px 16px 0;
	background: var(--footer-bg);
	color: var(--footer-text);
	font-size: 0.92rem;
}

.footer-inner{
	max-width: var(--max-width);
	margin: 0 auto;
}

.footer-grid{
	display:grid;
	grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);
	gap: 18px;
	align-items: stretch;
}

.footer-card{
	background: var(--footer-card-bg, rgba(15,17,26,0.25));
	border: 1px solid var(--footer-card-border, rgba(255,255,255,0.10));
	border-radius: var(--footer-card-radius, 18px);
	padding: 18px 18px 16px;
	backdrop-filter: blur(6px);
}

.footer-title{
	color: var(--footer-title, #F6F6FA);
	font-family: var(--font-display);
	font-weight: 700;
	letter-spacing: 0.2px;
	margin: 0 0 12px;
	font-size: 1.0rem;
}

.footer-brand-top{
	display:flex;
	gap: 12px;
	align-items:flex-start;
}
.footer-logo img{
	display:block;
	max-height: 52px;
	width:auto;
}
.footer-brand-title{
	color: var(--footer-title, #F6F6FA);
	font-weight: 800;
	font-size: 1.08rem;
	line-height: 1.2;
	margin: 0 0 6px;
}
.footer-brand-desc{
	opacity: 0.92;
	line-height: 1.7;
}

.footer-social{
	margin-top: 14px;
	display:flex;
	gap: 10px;
	flex-wrap: wrap;
}
.footer-social-link{
	width: 40px;
	height: 40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius: 14px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.10);
	color: var(--footer-link, var(--footer-text));
	transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.footer-social-link:hover{
	transform: translateY(-1px);
	background: rgba(255,255,255,0.10);
	border-color: rgba(255,255,255,0.18);
	color: var(--footer-link-hover, #fff);
}
.footer-social-link svg{ width: 20px; height: 20px; fill: currentColor; display:block; }

.footer-menu{
	list-style:none;
	padding:0;
	margin:0;
	display:grid;
	gap: 10px;
}
.footer-menu a{
	color: var(--footer-link, var(--footer-text));
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
}
.footer-menu a:hover{
	color: var(--footer-link-hover, #fff);
	border-bottom-color: var(--footer-link-underline, var(--accent));
	text-decoration:none;
}

.footer-contact-list{
	display:grid;
	gap: 10px;
	font-size: 0.92rem;
}
.footer-contact-item{
	display:flex;
	gap: 8px;
	align-items:flex-start;
	flex-wrap: wrap;
}
.footer-contact-label{
	opacity: 0.75;
	white-space: nowrap;
}
.footer-contact a{ color: var(--footer-link, var(--footer-text)); }
.footer-contact a:hover{ color: var(--footer-link-hover, #fff); }

.footer-actions{
	list-style:none;
	padding:0;
	margin: 14px 0 0;
	display:grid;
	gap: 10px;
}
.footer-actions a{
	display:block;
	text-align:center;
	padding: 12px 14px;
	border-radius: 18px;
	background: var(--accent);
	color: #101015;
	font-weight: 800;
	letter-spacing: 0.2px;
	text-decoration:none;
}
.footer-actions a:hover{
	filter: brightness(1.03);
}

.footer-bottom{
	margin-top: 22px;
	border-top: 1px solid rgba(255,255,255,0.08);
	padding: 14px 16px 16px;
}
.footer-bottom-inner{
	max-width: var(--max-width);
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	align-items:center;
	justify-content: space-between;
	font-size: 0.82rem;
}
.footer-legal-menu{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	gap: 12px;
	flex-wrap: wrap;
}
.footer-legal-menu a{
	color: var(--footer-link, var(--footer-text));
}
.footer-legal-menu a:hover{
	color: var(--footer-link-hover, #fff);
	text-decoration:none;
	border-bottom: 1px solid var(--footer-link-underline, var(--accent));
}

.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

@media (max-width: 1100px){
	.footer-grid{
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	}
}
@media (max-width: 680px){
	.footer-grid{ grid-template-columns: minmax(0,1fr); }
	.footer-card{ padding: 16px 16px 14px; }
}


/* ========= Left Media Video UI (sound/play) ========= */
.nbt-leftmedia-ui{
	position: fixed !important;
	left: 18px;
	bottom: 18px;
	z-index: 60;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	pointer-events: none;
}
.nbt-leftmedia-ui .btn-primary,
.nbt-leftmedia-ui .btn-outline{
	pointer-events: auto;
	padding: 10px 16px;
	font-size: 0.92rem;
	line-height: 1;
}
.nbt-leftmedia-ui .btn-outline{
	background: rgba(0,0,0,.28);
	border-color: rgba(255,255,255,.35);
	color: #fff;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.nbt-leftmedia-ui .nbt-leftmedia-play,
.nbt-leftmedia-ui .nbt-leftmedia-sound{
	display: none;
}
.nbt-leftmedia-ui .nbt-leftmedia-play.is-visible,
.nbt-leftmedia-ui .nbt-leftmedia-sound.is-visible{
	display: inline-flex;
}

.nbt-leftmedia-ui .nbt-leftmedia-prompt{
	display: none;
	pointer-events: none;
}
.nbt-leftmedia-ui .nbt-leftmedia-prompt.is-visible{
	display: block;
	pointer-events: auto;
}
.nbt-leftmedia-ui .nbt-leftmedia-prompt-box{
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 10px 12px;
	border-radius: 18px;
	background: rgba(0,0,0,.42);
	border: 1px solid rgba(255,255,255,.18);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 18px 45px rgba(0,0,0,.35);
}
.nbt-leftmedia-ui .nbt-leftmedia-prompt-text{
	color: #fff;
	font-family: 'Heebo', system-ui, sans-serif;
	font-size: 0.95rem;
	white-space: nowrap;
}
.nbt-leftmedia-ui .nbt-leftmedia-prompt-close{
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.18);
	background: rgba(0,0,0,.18);
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 767px){
	.nbt-leftmedia-ui{
		left: 12px;
		bottom: 12px;
	}
	.nbt-leftmedia-ui .btn-primary,
	.nbt-leftmedia-ui .btn-outline{
		padding: 10px 14px;
		font-size: 0.9rem;
	}
}

/* Desktop-only: let a specific Elementor section "enter" the reserved side-media space */
@media (min-width: 1024px){

  /* gap presets between the section and the side media */
  .nbt-near-gap-0  { --nbt-near-gap: 0px; }
  .nbt-near-gap-16 { --nbt-near-gap: 16px; }
  .nbt-near-gap-24 { --nbt-near-gap: 24px; }
  .nbt-near-gap-32 { --nbt-near-gap: 32px; }
  .nbt-near-gap-48 { --nbt-near-gap: 48px; }
  .nbt-near-gap-64 { --nbt-near-gap: 64px; }

  /* default */
  .nbt-near-media { --nbt-near-gap: 32px; }

  /* LEFT media (default): pull section left by (reserved width - gap) */
  .site-content.nbt-leftimg-reserve .nbt-near-media{
    margin-left: calc(-1 * (var(--nbt-main-left-width, 25%) + 1px - var(--nbt-near-gap)));
    width: calc(100% + (var(--nbt-main-left-width, 25%) + 1px - var(--nbt-near-gap)));
    max-width: 100vw;
    box-sizing: border-box;
  }

  /* RIGHT media: same idea, mirrored */
  .site-content.nbt-leftimg-side-right.nbt-leftimg-reserve .nbt-near-media{
    margin-left: 0;
    margin-right: calc(-1 * (var(--nbt-main-left-width, 25%) + 16px - var(--nbt-near-gap)));
    width: calc(100% + (var(--nbt-main-left-width, 25%) + 16px - var(--nbt-near-gap)));
    max-width: 100vw;
    box-sizing: border-box;
  }
}


/* ================================
   Safe Portrait (Desktop)
   Force left media (image/video) to NOT crop on desktop sizes.
   Keeps avatar fully visible across varying desktop widths/heights.
   ================================ */
@media (min-width: 1024px){
	.site-content .nbt-main-bg-left{
		background-size: contain !important; /* override inline var */
	}
	.site-content .nbt-main-bg-left video.nbt-main-bg-video{
		object-fit: contain !important; /* override inline var */
	}
	/* keep bottom anchor already set (left/right bottom) */
}



/* =========================
   Floating WhatsApp Button
   ========================= */
.nbt-wa-fab{
  top: auto !important;
  position: fixed !important;
  bottom: calc(var(--nbt-wa-bottom, 24px) + env(safe-area-inset-bottom, 0px));
  width: var(--nbt-wa-size, 58px);
  height: var(--nbt-wa-size, 58px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nbt-wa-bg, #1e1f2b);
  color: var(--nbt-wa-icon, #25D366);
  border-radius: var(--nbt-wa-radius, 999px);
  text-decoration: none;
  z-index: 999999;
  box-shadow:
    0 10px 26px rgba(0,0,0,.28),
    0 0 0 2px rgba(var(--nbt-wa-glow-rgb, 255,215,0), .22),
    0 0 26px rgba(var(--nbt-wa-glow-rgb, 37,211,102), var(--nbt-wa-glow-a, .45));
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  -webkit-tap-highlight-color: transparent;
}
.nbt-wa-fab--left{ left: var(--nbt-wa-side, 24px); right: auto; }
.nbt-wa-fab--right{ right: var(--nbt-wa-side, 24px); left: auto; }

.nbt-wa-fab:hover{
  background: var(--nbt-wa-bg-hover, #2a2b3a);
  transform: translateY(-1px);
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    0 0 0 2px rgba(var(--nbt-wa-glow-rgb, 255,215,0), .28),
    0 0 34px rgba(var(--nbt-wa-glow-rgb, 37,211,102), var(--nbt-wa-glow-a, .55));
}
.nbt-wa-fab:focus{ outline: none; }
.nbt-wa-fab:focus-visible{
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    0 0 0 3px rgba(255,255,255,.18),
    0 0 38px rgba(var(--nbt-wa-glow-rgb, 37,211,102), var(--nbt-wa-glow-a, .60));
}
.nbt-wa-fab__icon{
  display: inline-flex;
  line-height: 0;
}
.nbt-wa-fab--pulse::after{
  content:"";
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  background: rgba(var(--nbt-wa-glow-rgb, 37,211,102), .12);
  animation: nbtWaPulse 1.7s ease-in-out infinite;
  pointer-events: none;
}
@keyframes nbtWaPulse{
  0%{ transform: scale(.92); opacity: .10; }
  50%{ transform: scale(1.08); opacity: .22; }
  100%{ transform: scale(.92); opacity: .10; }
}
@media (min-width: 1025px){
  .nbt-wa-fab--hide-desktop{ display: none !important; }
}
@media (max-width: 1024px){
  .nbt-wa-fab--hide-mobile{ display: none !important; }
}

/* GLOBAL FIX – allow floating & backgrounds */
body,
html{
  overflow-x: visible !important;
}

.nbt-whatsapp-fab{
  position: fixed !important;
  z-index: 2147483647 !important;
  isolation: isolate;
}

/* make sure no wrapper clips fixed elements */
.site,
.site-content,
.site-wrap,
.nbt-main,
.nbt-layout{
  overflow: visible !important;
}

/* Accessibility – Core classes */

.a11y-text-large { font-size: 110%; }
.a11y-text-small { font-size: 90%; }

.a11y-contrast {
  filter: contrast(1.3);
}

.a11y-grayscale {
  filter: grayscale(1);
}

.a11y-links a {
  outline: 2px solid #ffd700;
}

.a11y-font-readable {
  font-family: Arial, Tahoma, sans-serif !important;
}

/* Floating button – basic (no design yet) */
.nbt-a11y-toggle{
  position: fixed;
  bottom: 100px; /* מעל הוואטסאפ */
  right: 24px;
  z-index: 999999;
  background:#000;
  color:#fff;
  border-radius:50%;
  width:56px;
  height:56px;
  cursor:pointer;
}
/* ============================
   Accessibility UI – Nadlan Style
============================ */

/* FAB Button */
.nbt-a11y-toggle{
  position: fixed;
  bottom: 100px; /* מעל WhatsApp */
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  border: none;
  cursor: pointer;
  z-index: 999999;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}

.nbt-a11y-toggle:hover{
  transform: scale(1.08);
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
}

.nbt-a11y-toggle i{
  font-size: 22px;
}

/* Panel */
.nbt-a11y-panel{
  position: fixed;
  bottom: 168px;
  right: 24px;
  width: 220px;
  background: #111;
  color: #fff;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 18px 48px rgba(0,0,0,.45);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nbt-a11y-header{
  font-weight: bold;
  margin-bottom: 6px;
  text-align: right;
}

/* Buttons */
.nbt-a11y-panel button{
  background: #1e1e1e;
  color: #fff;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  padding: 8px 10px;
  cursor: pointer;
  text-align: right;
  font-size: 14px;
  transition: background .2s ease, border .2s ease;
}

.nbt-a11y-panel button:hover{
  background: #2a2a2a;
  border-color: #ffd700;
}

/* Reset */
.nbt-a11y-reset{
  margin-top: 6px;
  background: #400;
}

.nbt-a11y-reset:hover{
  background: #600;
}

/* RTL safety */
html[dir="rtl"] .nbt-a11y-panel,
html[dir="rtl"] .nbt-a11y-toggle{
  right: 24px;
  left: auto;
}

.nbt-a11y-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

.nbt-a11y-title{
  font-weight:700;
}

.nbt-a11y-close{
  background:transparent;
  border:none;
  color:#fff;
  font-size:18px;
  cursor:pointer;
  padding:4px 6px;
  line-height:1;
  opacity:.7;
}

.nbt-a11y-close:hover{
  opacity:1;
}

/* ==================================================
   ELEMENTOR CENTERED ELEMENTS – MOBILE RTL FIX
================================================== */
@media (max-width: 768px) {

  /* כל כפתור / כותרת ממורכזים */
  .elementor-widget-button,
  .elementor-widget-heading,
  .elementor-widget-wrap {
    overflow: hidden !important;
  }

  /* כפתורים */
  .elementor-widget-button .elementor-button {
    max-width: 100% !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  /* כותרות */
  .elementor-heading-title {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    word-break: break-word;
  }

  /* Inner Sections בעייתיים */
  .elementor-inner-section,
  .elementor-inner-section .elementor-column {
    max-width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }

  /* ביטול רוחבים חכמים של אלמנטור */
  .elementor-section,
  .elementor-column,
  .elementor-widget {
    min-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  
  /* ביטול ה-padding */
  .site-content.nbt-leftimg-reserve .nbt-main-inner,
  .nbt-main-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* padding רק לתוכן */
  .nbt-main-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 1024px) {

  .nbt-main-bg-left::before{
    content: "";
    position: absolute;
    inset: 0;
    border: var(--nbt-lm-border-w, 0) solid var(--nbt-lm-border-c, transparent);
    border-radius: var(--nbt-lm-border-r, 0);
    pointer-events: none;
    z-index: 5;
    box-sizing: border-box;
  }

}

@media (min-width: 1024px) {

/* ==================================================
   FOOTER CUSTOM BUTTONS STYLING
   Add this to assets/css/theme.css or footer section
================================================== */

.footer-custom-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-custom-buttons li {
  margin: 0;
  padding: 0;
}

.footer-custom-btn {
  font-size: var(--btn-font-size, 15px);
  color: var(--btn-color, #C8CAD7);
  text-decoration: none;
  display: inline-block;
  position: relative;
  transition: color 0.3s ease;
  cursor: pointer;
}

/* Hover State */
a.footer-custom-btn:hover {
  color: var(--btn-hover-color, #FFFFFF);
}

/* Underline on Hover */
a.footer-custom-btn::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--btn-underline-color, #FFD700);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
  display: var(--btn-underline-display, block);
}

a.footer-custom-btn:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* RTL Support */
html[dir="rtl"] a.footer-custom-btn::after {
  transform-origin: left;
}

html[dir="rtl"] a.footer-custom-btn:hover::after {
  transform-origin: right;
}

/* Non-link (just text) */
span.footer-custom-btn {
  cursor: default;
}

span.footer-custom-btn::after {
  display: none !important;
}

/* ===============================================
   CONTACT FORM 7 - STRONG STYLING
   Add to: Appearance → Customize → Additional CSS
   Or to: style.css in your theme
=============================================== */

/* Reset & Base */
.wpcf7 {
    max-width: 100%;
}

.wpcf7-form {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%) !important;
    padding: 40px !important;
    border-radius: 28px !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.15) !important;
    margin: 0 auto !important;
}

/* Labels */
.wpcf7-form label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    font-size: 16px !important;
    text-align: right !important;
}

/* All Input Fields */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100% !important;
    padding: 16px 20px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    background: white !important;
    color: #333 !important;
    font-family: inherit !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Placeholder Styling */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

/* Focus State */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    outline: none !important;
    border-color: #667eea !important;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* Textarea Specific */
.wpcf7-form textarea {
    min-height: 140px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}

/* Submit Button */
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 18px 50px !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.35) !important;
    display: inline-block !important;
    margin-top: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px rgba(102, 126, 234, 0.45) !important;
}

.wpcf7-form input[type="submit"]:active,
.wpcf7-form button[type="submit"]:active {
    transform: translateY(-1px) !important;
}

/* Checkbox & Radio */
.wpcf7-form .wpcf7-list-item {
    margin: 0 0 10px 0 !important;
    display: block !important;
}

.wpcf7-form .wpcf7-list-item label {
    display: inline !important;
    margin: 0 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
    width: auto !important;
    margin-left: 8px !important;
    cursor: pointer !important;
}

/* Response Messages */
.wpcf7-response-output {
    margin: 25px 0 0 0 !important;
    padding: 18px 25px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border: 2px solid transparent !important;
}

/* Success Message */
.wpcf7-mail-sent-ok {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
    border-color: #28a745 !important;
    color: #155724 !important;
}

/* Validation Errors */
.wpcf7-validation-errors {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%) !important;
    border-color: #ffc107 !important;
    color: #856404 !important;
}

/* Mail Send Failed */
.wpcf7-mail-sent-ng {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    border-color: #dc3545 !important;
    color: #721c24 !important;
}

/* Spam Blocked */
.wpcf7-spam-blocked {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%) !important;
    border-color: #ffc107 !important;
    color: #856404 !important;
}

/* Field Validation Errors */
span.wpcf7-not-valid-tip {
    color: #dc3545 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-top: 5px !important;
}

.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

/* Loading Spinner */
.wpcf7-form .ajax-loader {
    display: inline-block !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
}

.wpcf7-spinner {
    margin: 0 10px !important;
}

/* Form Paragraph Spacing */
.wpcf7-form p {
    margin-bottom: 20px !important;
}

.wpcf7-form p:last-of-type {
    margin-bottom: 0 !important;
}

/* Accept Terms Checkbox */
.wpcf7-form .wpcf7-acceptance {
    margin: 20px 0 !important;
}

/* File Upload */
.wpcf7-form input[type="file"] {
    padding: 12px !important;
    border: 2px dashed #e0e0e0 !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    cursor: pointer !important;
}

.wpcf7-form input[type="file"]:hover {
    border-color: #667eea !important;
    background: #f5f7ff !important;
}

/* Two Column Layout (Optional) */
.wpcf7-form .two-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .wpcf7-form {
        padding: 25px 20px !important;
        border-radius: 20px !important;
    }
    
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form textarea {
        padding: 14px 16px !important;
        font-size: 15px !important;
    }
    
    .wpcf7-form input[type="submit"],
    .wpcf7-form button[type="submit"] {
        width: 100% !important;
        padding: 16px 30px !important;
        font-size: 16px !important;
    }
    
    .wpcf7-form .two-columns {
        grid-template-columns: 1fr !important;
    }
}

/* RTL Specific */
[dir="rtl"] .wpcf7-form input[type="checkbox"],
[dir="rtl"] .wpcf7-form input[type="radio"] {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

/* Remove Default Borders & Outlines */
.wpcf7-form *:focus {
    outline: none !important;
}

/* Smooth Animations */
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select,
.wpcf7-form button {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Extra: Custom Wrapper Class Support */
.contact-form-wrapper .wpcf7-form {
    /* Inherits all styles above */
}

/* Accessibility */
.wpcf7-form input:focus-visible,
.wpcf7-form textarea:focus-visible,
.wpcf7-form select:focus-visible,
.wpcf7-form button:focus-visible {
    outline: 3px solid #667eea !important;
    outline-offset: 2px !important;
}