/* Mobile-only toolbar/drawer. Desktop sidebar widgets remain unchanged. */
.nze-blog-tools, .nze-blog-drawer:not([open]) { display: none; }
html.nze-blog-drawer-open { overflow: hidden; }
body.nze-shop-child #nze-blog-tools button.nze-blog-icon,
body.nze-shop-child #nze-blog-drawer button.nze-blog-icon {
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 44px; width: 44px; height: 44px; min-width: 44px; min-height: 44px;
	padding: 10px !important; border: 1px solid #adbdaf !important; border-radius: 10px;
	background: #fff !important; color: #294137 !important; box-shadow: none; cursor: pointer;
}
body.nze-shop-child .nze-blog-icon[hidden] { display: none; }
body.nze-shop-child #nze-blog-tools button.nze-blog-icon:hover,
body.nze-shop-child #nze-blog-drawer button.nze-blog-icon:hover { background: #edf4ef !important; color: #294137 !important; }
body.nze-shop-child .nze-blog-icon:focus-visible,
body.nze-shop-child .nze-blog-search input:focus-visible { outline: 3px solid #a4452f; outline-offset: 2px; }
body.nze-shop-child .nze-blog-icon svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
body.nze-shop-child .nze-blog-toggle svg circle { fill: #fff; }
body.nze-shop-child .nze-blog-drawer {
	position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0;
	width: min(360px, calc(100vw - 40px)); max-width: none;
	height: 100vh; height: 100dvh; max-height: none;
	border: 0; background: #f8f4ec; color: #24342e;
	box-shadow: -8px 0 32px #0003; overflow: auto; overscroll-behavior: contain;
}
.nze-blog-drawer::backdrop { background: rgb(20 31 25 / 52%); }
.nze-blog-drawer[open] { animation: nze-blog-slide-in .2s ease-out; }
.nze-blog-drawer__header {
	position: sticky; top: 0; z-index: 1; display: flex; align-items: center;
	justify-content: space-between; gap: 12px; padding: 16px;
	padding-top: max(16px, env(safe-area-inset-top)); background: #fff; border-bottom: 1px solid #dce2db;
}
body.nze-shop-child .nze-blog-drawer__header h2 { margin: 0; padding: 0; font-size: 20px; letter-spacing: 0; text-transform: none; }
.nze-blog-drawer__widgets { padding: 16px; padding-bottom: max(24px, env(safe-area-inset-bottom)); overflow-wrap: anywhere; }
.nze-blog-drawer__widgets .widget_search { display: none; }
.nze-blog-drawer__widgets .widget { margin: 0 0 24px; padding: 16px; background: #fff; border: 1px solid #e0e5dd; border-radius: 12px; }
.nze-blog-drawer__widgets a { display: inline-block; padding-block: 7px; }
.nze-blog-drawer__widgets .tagcloud { display: flex; flex-wrap: wrap; gap: 6px; }
.nze-blog-drawer__widgets .tagcloud a { padding: 7px 9px; }
@keyframes nze-blog-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .nze-blog-drawer[open] { animation: none; } }
@media (max-width: 767px) {
	body.nze-shop-child .nze-blog-tools {
		display: flex; align-items: center; gap: 8px; clear: both;
		position: sticky; top: 0; z-index: 40; width: 100%;
		padding: 10px 0; margin: 0 0 16px; background: #f8f4ec;
	}
	body.nze-shop-child .nze-blog-search { display: flex; flex: 1; align-items: center; gap: 6px; min-width: 0; margin: 0; }
	body.nze-shop-child .nze-blog-search input[type="search"] { min-width: 0; width: 100%; height: 44px; padding: 9px 11px; margin: 0; border: 1px solid #adbdaf; border-radius: 10px; background: #fff; color: #24342e; font-size: 16px; }
	body.nze-shop-child #secondary.nze-blog-sidebar { display: block; }
	body.nze-shop-child.nze-blog-drawer-ready #secondary.nze-blog-sidebar { display: none; }
}
@media (min-width: 601px) and (max-width: 767px) { body.admin-bar.nze-shop-child .nze-blog-tools { top: 46px; } }
