/* ── ZafaPay Mobile Drawer Toggle ────────────────────────────── */

/* Khung Elementor boc ngoai widget (cot/container trong header) phai tu
   co ve 0 khi nut dang an — khong giu cho co dinh o nhung trang khong co
   Target ID (khong hien nut). */
.elementor-widget-zafapay_mobile_drawer_toggle {
	flex: 0 0 auto !important;
	width: fit-content !important;
	min-width: 0 !important;
}

.elementor-widget-zafapay_mobile_drawer_toggle > .elementor-widget-container {
	width: fit-content !important;
	min-width: 0 !important;
}

.zfp-mdt-btn {
	display: none;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 32px;
	padding: 0;
	border: 1px solid #e4e4e7; /* zinc-200 */
	border-radius: 6px;        /* rounded-md */
	background: transparent;
	color: #3f3f46;             /* zinc-700 */
	cursor: pointer;
}

.zfp-mdt-btn:hover {
	background-color: #f4f4f5; /* zinc-100 */
}

.zfp-mdt-overlay {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, .4);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease;
}

.zfp-mdt-overlay.is-open {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 1023px) {
	/* Chi hien khi JS xac nhan trang hien tai co Target ID (tranh chop nut
	   tren cac trang khong co drawer, vi nut nay dat trong header dung chung). */
	.zfp-mdt-btn.zfp-mdt-visible {
		display: inline-flex;
	}
}