/* =========================================================
   Arsatar — Mobil menü (WoodMart side panel)
   ========================================================= */

.mobile-nav.wd-side-hidden-nav {
	--arsatar-mmenu-bg: #f8fafb;
	--arsatar-mmenu-card: #ffffff;
	--arsatar-mmenu-border: #e2e8f0;
	--arsatar-mmenu-text: #0f172a;
	--arsatar-mmenu-muted: #64748b;
	background: var(--arsatar-mmenu-bg) !important;
}

.mobile-nav.wd-side-hidden-nav .wd-heading {
	padding: 14px 16px 6px !important;
	border-bottom: 0 !important;
}

.mobile-nav.wd-side-hidden-nav .searchform {
	margin: 0 16px 12px !important;
	padding: 0 !important;
}

.mobile-nav.wd-side-hidden-nav .searchform input[type="text"],
.mobile-nav.wd-side-hidden-nav .searchform input[type="search"] {
	border-radius: 12px !important;
	border: 1px solid var(--arsatar-mmenu-border) !important;
	background: #fff !important;
	min-height: 44px !important;
}

/* ——— CTA araç çubuğu ——— */
.arsatar-mobile-menu-toolbar {
	padding: 12px 16px 0;
}

.arsatar-mobile-menu-toolbar__card {
	padding: 16px;
	border-radius: 16px;
	border: 1px solid rgba(21, 128, 61, 0.14);
	background: linear-gradient(165deg, #ffffff 0%, #f3fbf6 100%);
	box-shadow: none !important;
}

.arsatar-mobile-menu-toolbar__kicker {
	margin: 0 0 6px;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--arsatar-green, #15803d);
}

.arsatar-mobile-menu-toolbar__lead {
	margin: 0 0 14px;
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--arsatar-mmenu-muted);
}

.arsatar-mobile-menu-toolbar__actions {
	display: grid;
	gap: 10px;
}

.arsatar-mobile-menu-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	min-height: 46px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.arsatar-mobile-menu-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	font-size: 1rem;
	line-height: 1;
}

.arsatar-mobile-menu-btn--primary {
	border: 1px solid var(--arsatar-green, #15803d) !important;
	background: var(--arsatar-green, #15803d) !important;
	color: #ffffff !important;
}

.arsatar-mobile-menu-btn--primary:hover,
.arsatar-mobile-menu-btn--primary:focus-visible {
	background: var(--arsatar-green-dark, #166534) !important;
	border-color: var(--arsatar-green-dark, #166534) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
}

.arsatar-mobile-menu-btn--whatsapp {
	border: 1px solid #86efac !important;
	background: #ffffff !important;
	color: #047857 !important;
}

.arsatar-mobile-menu-btn--whatsapp:hover,
.arsatar-mobile-menu-btn--whatsapp:focus-visible {
	background: #ecfdf5 !important;
	border-color: #4ade80 !important;
	color: #065f46 !important;
}

.arsatar-mobile-menu-toolbar__divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 18px 0 10px;
	color: var(--arsatar-mmenu-muted);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.arsatar-mobile-menu-toolbar__divider::before,
.arsatar-mobile-menu-toolbar__divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--arsatar-mmenu-border);
}

/* ——— Görünüm menüsü (mobile-pages-menu) ——— */
.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile {
	padding: 0 10px 20px !important;
	margin: 0 !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile > li {
	margin: 0 0 4px !important;
	border: 0 !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile > li > a {
	display: flex !important;
	align-items: center !important;
	min-height: 46px !important;
	padding: 10px 14px !important;
	border-radius: 12px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	color: var(--arsatar-mmenu-text) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile > li > a:hover,
.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile > li > a:focus-visible {
	background: #ffffff !important;
	border-color: var(--arsatar-mmenu-border) !important;
	color: var(--arsatar-green, #15803d) !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile > li.current-menu-item > a,
.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile > li.current-menu-ancestor > a {
	background: #ffffff !important;
	border-color: rgba(21, 128, 61, 0.22) !important;
	color: var(--arsatar-green, #15803d) !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile .wd-nav-opener {
	width: 40px !important;
	height: 40px !important;
	border-radius: 10px !important;
	border: 1px solid var(--arsatar-mmenu-border) !important;
	background: #fff !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile .sub-menu {
	padding: 4px 0 6px 10px !important;
	margin: 0 !important;
	border-left: 1px solid var(--arsatar-mmenu-border) !important;
}

.mobile-nav.wd-side-hidden-nav .mobile-pages-menu.wd-nav-mobile .sub-menu > li > a {
	min-height: 42px !important;
	padding: 8px 12px !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	color: #334155 !important;
	border-radius: 10px !important;
}

.mobile-nav.wd-side-hidden-nav .wd-nav-mob-tab {
	margin: 0 16px 10px !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--arsatar-mmenu-border) !important;
}

.mobile-nav.wd-side-hidden-nav .wd-nav-mob-tab .mobile-tab-title > a {
	padding: 12px 4px !important;
	font-weight: 700 !important;
	font-size: 0.9rem !important;
}

.mobile-nav.wd-side-hidden-nav .widgetarea-mobile {
	padding: 0 16px 20px !important;
	border-top: 1px solid var(--arsatar-mmenu-border);
	margin-top: 8px;
}
