/* ==========================================================================
   ATAI MOBILE HEADER
   Top bar (fixed, <768px), off-canvas drawer (slides from right),
   backdrop, and bottom tab bar. All visible <768px only.
   ========================================================================== */


/* Hide everything on desktop by default */
.atai-mh-topbar,
.atai-mh-backdrop,
.atai-mh-drawer,
.atai-mh-tabbar{ display:none; }


/* ==========================================================================
   MOBILE-ONLY (below 768px)
   ========================================================================== */
@media (max-width:767px){

	/* Hide the desktop Elementor header on mobile if it uses .atai-header */
	.atai-header{ display:none !important; }

	/* Push body content down so it clears the fixed top bar,
	   and add bottom padding so nothing hides under the tab bar. */
	body.atai-site{
		padding-top:var(--atai-header-h-mobile);
		padding-bottom:var(--atai-bottom-nav-h);
	}


	/* ---- TOP BAR ---- */
	.atai-mh-topbar{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		position:fixed;
		top:0; left:0; right:0;
		height:var(--atai-header-h-mobile);
		padding:0 16px;
		background:var(--atai-white);
		border-bottom:1px solid var(--atai-outline);
		z-index:900;
	}
	.atai-mh-topbar__brand{ display:flex; align-items:center; min-width:0; }
	.atai-mh-topbar__brand img,
	.atai-mh-topbar__brand .custom-logo-link img{
		max-height:40px; width:auto; display:block;
	}
	.atai-mh-brand__text{
		font:800 20px/1 var(--atai-font-head);
		color:var(--atai-primary);
		text-decoration:none;
		letter-spacing:-0.01em;
	}


	/* ---- HAMBURGER ---- */
	.atai-mh-hamburger{
		width:44px; height:44px;
		display:inline-flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:5px;
		background:transparent;
		border:0;
		padding:10px;
		cursor:pointer;
		border-radius:8px;
		color:var(--atai-neutral);
	}
	.atai-mh-hamburger__bar{
		display:block;
		width:22px; height:2px;
		background:currentColor;
		border-radius:1px;
		transition:transform .28s ease, opacity .2s ease;
	}
	.atai-mh-hamburger:hover{ background:var(--atai-surface); }
	.atai-mh-hamburger:focus-visible{
		outline:3px solid var(--atai-focus);
		outline-offset:2px;
	}


	/* ---- BACKDROP ---- */
	.atai-mh-backdrop{
		display:block;
		position:fixed; inset:0;
		background:rgba(20,20,32,.6);
		opacity:0;
		pointer-events:none;
		transition:opacity .28s ease;
		z-index:1000;
	}
	body.atai-mh-open .atai-mh-backdrop{
		opacity:1;
		pointer-events:auto;
	}


	/* ---- DRAWER ---- */
	.atai-mh-drawer{
		display:flex;
		flex-direction:column;
		position:fixed;
		top:0; right:0; bottom:0;
		width:88%;
		max-width:400px;
		background:var(--atai-neutral);
		color:var(--atai-on-dark);
		transform:translateX(100%);
		transition:transform .32s cubic-bezier(.4,0,.2,1);
		z-index:1001;
		overflow-y:auto;
		overscroll-behavior:contain;
		-webkit-overflow-scrolling:touch;
	}
	body.atai-mh-open .atai-mh-drawer{
		transform:translateX(0);
	}

	.atai-mh-drawer__head{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:20px 24px;
		border-bottom:1px solid var(--atai-neutral-2);
	}
	.atai-mh-drawer__title{
		font:700 18px/1.2 var(--atai-font-head);
		color:var(--atai-white);
	}
	.atai-mh-close{
		width:44px; height:44px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		background:transparent;
		border:1px solid var(--atai-neutral-2);
		border-radius:8px;
		color:var(--atai-on-dark);
		cursor:pointer;
		transition:border-color .18s ease, color .18s ease, background-color .18s ease;
	}
	.atai-mh-close:hover{
		color:var(--atai-secondary-soft);
		border-color:var(--atai-secondary-soft);
	}
	.atai-mh-close:focus-visible{
		outline:3px solid var(--atai-focus);
		outline-offset:2px;
	}

	.atai-mh-drawer__nav{ padding:8px 0; flex:1; }
	.atai-mh-menu{
		list-style:none;
		margin:0; padding:0;
	}
	.atai-mh-menu > li{
		border-bottom:1px solid var(--atai-neutral-2);
	}
	.atai-mh-menu > li > a{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:18px 24px;
		font:500 17px/1.3 var(--atai-font-body);
		color:var(--atai-white);
		text-decoration:none;
		transition:color .18s ease, background-color .18s ease;
	}
	.atai-mh-menu > li > a::after{
		content:"›";
		font-size:24px;
		color:var(--atai-on-dark-muted);
		transition:color .18s ease, transform .18s ease;
	}
	.atai-mh-menu > li > a:hover,
	.atai-mh-menu > li.current-menu-item > a{
		background:rgba(255,255,255,.04);
		color:var(--atai-secondary-soft);
	}
	.atai-mh-menu > li > a:hover::after{
		color:var(--atai-secondary-soft);
		transform:translateX(3px);
	}
	.atai-mh-menu > li > a:focus-visible{
		outline:3px solid var(--atai-focus);
		outline-offset:-3px;
	}
	.atai-mh-menu .sub-menu{
		list-style:none; margin:0;
		padding:8px 0 16px 24px;
		background:rgba(0,0,0,.15);
	}
	.atai-mh-menu .sub-menu a{
		display:block;
		padding:10px 24px 10px 0;
		font:400 15px/1.4 var(--atai-font-body);
		color:var(--atai-on-dark);
		text-decoration:none;
	}
	.atai-mh-menu .sub-menu a:hover{ color:var(--atai-secondary-soft); }

	.atai-mh-drawer__foot{
		padding:24px;
		border-top:1px solid var(--atai-neutral-2);
		display:flex;
		flex-direction:column;
		gap:12px;
	}
	.atai-mh-drawer__phone,
	.atai-mh-drawer__email{
		display:inline-flex;
		align-items:center;
		gap:10px;
		color:var(--atai-secondary-soft);
		text-decoration:none;
		font:500 15px/1.4 var(--atai-font-body);
	}
	.atai-mh-drawer__phone:hover,
	.atai-mh-drawer__email:hover{ color:var(--atai-white); }

	.atai-mh-empty{
		padding:24px;
		color:var(--atai-on-dark-muted);
		font-style:italic;
	}


	/* ---- BOTTOM TAB BAR ---- */
	.atai-mh-tabbar{
		display:block;
		position:fixed;
		bottom:0; left:0; right:0;
		height:var(--atai-bottom-nav-h);
		background:var(--atai-white);
		border-top:1px solid var(--atai-outline);
		box-shadow:0 -2px 8px rgba(23,27,34,.04);
		z-index:800;
		padding-bottom:env(safe-area-inset-bottom);
	}
	.atai-mh-tabbar__list{
		list-style:none;
		margin:0; padding:0;
		display:grid;
		grid-template-columns:repeat(4,1fr);
		height:100%;
	}
	.atai-mh-tabbar__item{ min-width:0; }
	.atai-mh-tabbar__link{
		height:100%;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:4px;
		text-decoration:none;
		color:var(--atai-ink-soft);
		font:500 11px/1.2 var(--atai-font-body);
		transition:color .18s ease;
	}
	.atai-mh-tabbar__icon svg{
		width:22px; height:22px;
		display:block;
	}
	.atai-mh-tabbar__label{
		text-transform:none;
		letter-spacing:0.01em;
	}
	.atai-mh-tabbar__link:hover{ color:var(--atai-primary); }
	.atai-mh-tabbar__item.is-current .atai-mh-tabbar__link{
		color:var(--atai-primary);
		font-weight:600;
	}
	.atai-mh-tabbar__link:focus-visible{
		outline:3px solid var(--atai-focus);
		outline-offset:-3px;
		border-radius:4px;
	}


	/* ---- BODY LOCK when drawer open ---- */
	body.atai-mh-open{ overflow:hidden; }


	/* ---- HAMBURGER → X animation ---- */
	body.atai-mh-open .atai-mh-hamburger__bar:nth-child(1){
		transform:translateY(7px) rotate(45deg);
	}
	body.atai-mh-open .atai-mh-hamburger__bar:nth-child(2){
		opacity:0;
	}
	body.atai-mh-open .atai-mh-hamburger__bar:nth-child(3){
		transform:translateY(-7px) rotate(-45deg);
	}

}


/* Reduced motion — snap open, no slide */
@media (prefers-reduced-motion:reduce){
	.atai-mh-drawer,
	.atai-mh-backdrop,
	.atai-mh-hamburger__bar{ transition:none !important; }
}