/* ================================================================
   NADLANISTIM — HEADER (ported from app/v6/v6.css → Nav + Drawer)
   ================================================================
   Fixed floating glass pill nav + mobile drawer. The widget forces RTL (dir="rtl" on the
   root + the base backstop); side-specific rules use logical properties. Full-bleed
   left/right on the fixed bar are physical because they are symmetric edges.
   ================================================================ */

/* ===== Fixed nav ===== */
.nad-nav {
	position: fixed; top: 16px; inset-inline: 0; z-index: 100;
	padding-inline: var(--nad-gutter); transition: top .4s var(--nad-t);
}
.nad-nav.is-scrolled { top: 12px; }
.nad-nav__inner {
	max-width: var(--nad-container); margin-inline: auto; background: rgba(7,8,15,.4);
	padding: 12px 12px 12px 24px; display: flex; align-items: center; gap: 32px;
	border-radius: 999px; transition: all .4s var(--nad-t);
}
.nad-nav__logo { display: flex; align-items: center; padding-inline-start: 12px; text-decoration: none; }
/* Ancestor class prefix (.nad-nav) is load-bearing: it out-specifies Elementor's
   `.elementor img { height:auto }` (0,1,1). Without it the logo renders at natural size. */
.nad-nav .nad-nav__logo img { height: 56px; width: auto; transition: height .4s var(--nad-t); display: block; }
.nad-nav.is-scrolled .nad-nav__logo img { height: 36px; }
.nad-nav__links { display: flex; align-items: center; gap: 28px; margin-inline-start: auto; }
[class*="elementor-widget-nadlanistim_"] .nad-nav__links a { font-size: 14px; font-weight: 400; color: var(--nad-ink-2); text-decoration: none; transition: color .3s var(--nad-t); }
[class*="elementor-widget-nadlanistim_"] .nad-nav__links a:hover { color: var(--nad-ink); }
[class*="elementor-widget-nadlanistim_"] .nad-nav__cta { padding: 11px 22px; font-size: 13.5px; }
.nad-nav__cta-short { display: none; }
/* Wrapper prefix beats Elementor's Global Kit `.elementor-kit-N button` (0,1,1), which would
   otherwise paint the burger as the theme's accent pill. Kit properties nulled explicitly. */
[class*="elementor-widget-nadlanistim_"] .nad-nav__menu {
	display: none; flex-direction: column; gap: 4px; padding: 8px; color: var(--nad-ink);
	background: none; border: 0; border-radius: 0; box-shadow: none; cursor: pointer;
	-webkit-appearance: none; appearance: none; min-width: 0; min-height: 0; width: auto; height: auto;
}
[class*="elementor-widget-nadlanistim_"] .nad-nav__menu span { display: block; width: 22px; height: 2px; background: currentColor; border-radius: 0; }

/* ===== Mobile drawer ===== */
/* The JS relocates the drawer to <body> (outside the widget wrapper), so it sets its own
   direction rather than inheriting the widget's. */
.nad-drawer { position: fixed; inset: 0; z-index: 200; pointer-events: none; visibility: hidden; direction: rtl; }
.nad-drawer.is-open { pointer-events: auto; visibility: visible; }
.nad-drawer__veil {
	position: absolute; inset: 0; background: rgba(7,8,15,.55);
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	opacity: 0; transition: opacity .35s var(--nad-t);
}
.nad-drawer.is-open .nad-drawer__veil { opacity: 1; }
.nad-drawer__panel {
	position: absolute; top: 0; bottom: 0; right: 0; width: min(86vw, 380px);
	background: rgba(15,18,28,.9); backdrop-filter: blur(40px) saturate(140%); -webkit-backdrop-filter: blur(40px) saturate(140%);
	border-inline-start: 1px solid var(--nad-glass-border);
	padding: 88px 28px 32px; display: flex; flex-direction: column; gap: 4px;
	transform: translateX(100%); transition: transform .5s var(--nad-t-out);
}
.nad-drawer.is-open .nad-drawer__panel { transform: translateX(0); }
/* Prefixed with .nad-drawer so it outranks Elementor's Global Kit button styles — the drawer
   lives at <body> level (relocated by JS), so the widget-wrapper prefix would not reach it. */
.nad-drawer .nad-drawer__close {
	position: absolute; top: 24px; inset-inline-start: 24px; width: 40px; height: 40px; min-width: 0; min-height: 0;
	display: grid; place-items: center; border-radius: 50%; padding: 0; box-shadow: none;
	-webkit-appearance: none; appearance: none; font: inherit;
	/* Bare by default (the reference's `.v6-root button` reset neutralises its fill/border);
	   the fill only appears on hover, as it does in the reference. */
	background: none; border: 0; color: var(--nad-ink);
	cursor: pointer; transition: background .3s var(--nad-t), transform .3s var(--nad-t);
}
.nad-drawer .nad-drawer__close:hover { background: rgba(255,255,255,.12); transform: rotate(90deg); }
.nad-drawer .nad-drawer__close:focus { outline: none; box-shadow: none; }
.nad-drawer .nad-drawer__close svg { width: 18px; height: 18px; }
.nad-drawer .nad-drawer__link {
	display: block; padding: 18px 0; font-size: 22px; font-weight: 500; color: var(--nad-ink); text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.06);
	transition: color .25s var(--nad-t), padding-inline-start .3s var(--nad-t);
}
.nad-drawer .nad-drawer__link:hover { color: var(--nad-cyan); padding-inline-start: 8px; }
.nad-drawer .nad-drawer__cta { margin-top: auto; padding-top: 28px; }
/* Lock the page behind an open drawer (class set on <body> by the JS). */
body.nad-drawer-open { overflow: hidden; }

/* ===== Responsive — collapse to hamburger ≤1100 ===== */
@media (max-width: 1100px) {
	.nad-nav { top: 12px; }
	.nad-nav__inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 10px 12px; }
	[class*="elementor-widget-nadlanistim_"] .nad-nav__menu { display: flex; order: 0; }
	.nad-nav__links { display: none; }
	.nad-nav__logo { padding-inline-start: 0; justify-self: center; order: 1; }
	.nad-nav .nad-nav__logo img { height: 30px; }
	[class*="elementor-widget-nadlanistim_"] .nad-nav__cta { padding: 10px 18px; font-size: 13px; order: 2; gap: 6px; }
	[class*="elementor-widget-nadlanistim_"] .nad-nav__cta svg { display: none; }
	.nad-nav__cta-long { display: none; }
	.nad-nav__cta-short { display: inline; }
}