/**
 * Niki Core © 2026
 * Automatic Mobile Header + Off-canvas Drawer
 * Desktop Header remains master.
 */
.niki-mobile-header{display:none;}

@media(max-width:782px){
	.niki-site-header{display:none !important;}
	.niki-mobile-header{display:block;position:relative;z-index:1000;width:100%;background:var(--niki-surface,#fff);border-bottom:1px solid var(--niki-border,#e5e7eb);}
	.niki-mobile-header-inner{display:flex;align-items:center;gap:10px;min-height:64px;padding-top:8px;padding-bottom:8px;}
	.niki-mobile-header-brand{display:flex;align-items:center;min-width:0;flex:1 1 auto;overflow:hidden;}
	.niki-mobile-header-brand>a,.niki-mobile-header-brand .niki-site-brand{display:flex;align-items:center;min-width:0;text-decoration:none;}
	.niki-mobile-header-brand img{display:block;width:auto;max-width:min(44vw,190px)!important;max-height:50px!important;object-fit:contain;}
	.niki-mobile-header-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;}
	.niki-mobile-quick-action,.niki-mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--niki-border,#e5e7eb);border-radius:10px;background:var(--niki-surface,#fff);color:var(--niki-heading,var(--niki-primary,#010c35));text-decoration:none;cursor:pointer;}
	.niki-mobile-menu-icon{display:flex;flex-direction:column;width:20px;gap:4px;}
	.niki-mobile-menu-icon span{display:block;width:100%;height:2px;background:currentColor;}

	.niki-mobile-drawer-overlay{position:fixed;inset:0;z-index:9998;background:rgba(255,255,255,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
	.niki-mobile-menu-panel{position:fixed;top:0;left:0;right:auto;z-index:9999;width:min(78vw,390px);height:100dvh;margin:0;padding:0;background:var(--niki-surface,#fff);box-shadow:18px 0 45px rgba(15,23,42,.16);overflow-y:auto;overscroll-behavior:contain;}
	.niki-mobile-menu-panel[hidden],.niki-mobile-drawer-overlay[hidden],.niki-mobile-overlay-close[hidden],.niki-mobile-menu-list .sub-menu[hidden]{display:none!important;}
	.niki-mobile-overlay-close{position:fixed;top:18px;left:min(calc(78vw + 16px),406px);z-index:10000;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--niki-heading,var(--niki-primary,#010c35));box-shadow:0 10px 30px rgba(15,23,42,.12);font-size:30px;line-height:1;cursor:pointer;}
	.niki-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px 16px;border-bottom:1px solid var(--niki-border,#e5e7eb);}
	.niki-mobile-drawer-title{font-weight:700;color:var(--niki-heading,var(--niki-primary,#010c35));}
	.niki-mobile-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--niki-soft,#f3f6fa);color:var(--niki-heading,var(--niki-primary,#010c35));font-size:30px;line-height:1;cursor:pointer;}
	.niki-mobile-account{display:flex;align-items:center;gap:10px;min-width:0;color:var(--niki-text,#202936);text-decoration:none;}
	.niki-mobile-account-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;}
	.niki-mobile-account span{display:flex;flex-direction:column;min-width:0;}
	.niki-mobile-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--niki-heading,var(--niki-primary,#010c35));}
	.niki-mobile-account small{color:var(--niki-muted,#64748b);}
	.niki-mobile-navigation,.niki-mobile-menu-source{width:100%;}
	.niki-mobile-menu-list,.niki-mobile-menu-list .sub-menu{width:100%;margin:0;padding:0;list-style:none;}
	.niki-mobile-menu-list li{position:relative;width:100%;margin:0;padding:0;list-style:none;}
	.niki-mobile-menu-list li>a{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 50px 12px 18px;border-bottom:1px solid var(--niki-border,#e5e7eb);color:var(--niki-text,#202936);text-decoration:none;}
	.niki-mobile-menu-list .sub-menu{padding-left:14px;background:transparent!important;}
	.niki-mobile-submenu-toggle{position:absolute;top:6px;right:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--niki-heading,var(--niki-primary,#010c35));font-size:20px;line-height:1;cursor:pointer;}

	/* Desktop Mega Menu becomes ordinary mobile links/submenus automatically. */
	.niki-mobile-menu-list .niki-mega-menu>.sub-menu,
	.niki-mobile-menu-list .niki-mega-menu-panel,
	.niki-mobile-menu-list .niki-mega-menu-grid,
	.niki-mobile-menu-list .niki-mega-column,
	.niki-mobile-menu-list .niki-mega-column>.sub-menu{position:static!important;display:block;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;transform:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;grid-template-columns:none!important;}
	.niki-mobile-menu-list .niki-mega-link-media,.niki-mobile-menu-list .niki-mega-link-image,.niki-mobile-menu-list .niki-mega-image,.niki-mobile-menu-list .niki-mega-column-text{display:none!important;}
	.niki-mobile-menu-list .sub-menu[hidden]{display:none!important;}
	.niki-mobile-menu-list li.is-submenu-open>.sub-menu{display:block!important;}

	/* WordPress admin bar safe area: keep Drawer/Profile below the fixed toolbar. */
	.admin-bar .niki-mobile-menu-panel{top:46px;height:calc(100dvh - 46px);}
	.admin-bar .niki-mobile-overlay-close{top:64px;}
	.niki-mobile-drawer-head{padding-top:18px;}
	.niki-mobile-drawer-open{overflow:hidden;}
}
\n\n/* 2026-09-30 final mobile polish — preserve established drawer design. */\n@media(max-width:782px){\n\t/* Header quick actions: icons only, no boxes / separator lines. */\n\t.niki-mobile-header-actions{gap:12px;}\n\t.niki-mobile-quick-action{width:auto;height:42px;padding:0 2px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font-size:18px;}\n\t.niki-mobile-menu-toggle{margin-left:2px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;}\n\n\t/* Drawer navigation reads naturally from the left; +/- remains on the right. */\n\t.niki-mobile-menu-list li>a{justify-content:flex-start!important;text-align:left!important;}\n\t.niki-mobile-menu-list .sub-menu li>a{padding-left:32px;}\n\n\t/* Logged-out drawer gets the same clean top account area. */\n\t.niki-mobile-auth-links{display:flex;align-items:center;gap:18px;min-height:48px;}\n\t.niki-mobile-auth-links a{color:var(--niki-heading,var(--niki-primary,#010c35));text-decoration:none;font-weight:600;}\n}\n