/**
 * Sahl main stylesheet. Uses design tokens (CSS custom properties)
 * generated dynamically from the Customizer.
 */

/* ---------- Base ---------- */
body {
	font-family: var(--wamda-font-body);
	font-size: var(--wamda-font-size, 17px);
	line-height: var(--wamda-line-height, 1.7);
	color: var(--wamda-text, #334155);
	background-color: var(--wamda-bg, #ffffff);
	-webkit-font-smoothing: antialiased;
	transition: background-color .2s ease, color .2s ease;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--wamda-font-heading);
	color: var(--wamda-heading, #0f172a);
	line-height: 1.25;
	margin: 0 0 .6em;
}
h1 { font-size: var(--wamda-h1, 40px); }
h2 { font-size: var(--wamda-h2, 32px); }
h3 { font-size: var(--wamda-h3, 26px); }
h4 { font-size: var(--wamda-h4, 22px); }
h5 { font-size: var(--wamda-h5, 18px); }
h6 { font-size: var(--wamda-h6, 16px); }

p { margin: 0 0 1.5em; }

a { color: var(--wamda-link, #2563eb); text-decoration: none; }
a:hover, a:focus { color: var(--wamda-link-hover, #1d4ed8); text-decoration: underline; }

/* ---------- Layout ---------- */
.wamda-container {
	width: 100%;
	max-width: var(--wamda-container, 1200px);
	margin-inline: auto;
	padding-inline: 20px;
}

.site-content { padding-block-start: var(--wamda-header-gap, 0px); padding-block-end: 40px; }

.wamda-content-wrap {
	display: grid;
	gap: 40px;
	align-items: start;
}
.wamda-right-sidebar { grid-template-columns: minmax(0, 1fr) 300px; }
.wamda-left-sidebar { grid-template-columns: 300px minmax(0, 1fr); }
.wamda-left-sidebar #primary { order: 2; }
.wamda-left-sidebar #secondary { order: 1; }
.wamda-no-sidebar { grid-template-columns: minmax(0, 1fr); }

.wamda-container-full-width .site-content > .wamda-container { max-width: 100%; }
.wamda-container-boxed #content { background: var(--wamda-surface); }
.wamda-post { margin-bottom: 40px; }

@media (max-width: 921px) {
	.wamda-content-wrap { grid-template-columns: 1fr; }
	.wamda-left-sidebar #primary,
	.wamda-left-sidebar #secondary { order: initial; }
}

/* ---------- Header ---------- */
.wamda-site-header { background: var(--wamda-bg); border-bottom: 1px solid var(--wamda-border); }
.wamda-header-row-top { border-bottom: 1px solid var(--wamda-border); font-size: 14px; }
.wamda-header-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 20px;
	min-height: 64px;
}
.wamda-zone-left { justify-self: start; }
.wamda-zone-center { justify-self: center; }
.wamda-zone-right { justify-self: end; }
.wamda-header-zone { display: flex; align-items: center; gap: 16px; }

.wamda-sticky-header { position: sticky; top: 0; z-index: 999; }

.site-title { font-size: 24px; margin: 0; font-weight: 700; }
.site-title a { color: var(--wamda-heading); text-decoration: none; }
.site-description { margin: 0; font-size: 13px; color: var(--wamda-text); opacity: .8; }
.custom-logo { max-height: 48px; width: auto; }

/* ---------- Menu ---------- */
.wamda-menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 4px; }
.wamda-menu li { position: relative; }
.wamda-menu a { display: block; padding: 10px 14px; color: var(--wamda-heading); font-weight: 500; }
.wamda-menu a:hover { color: var(--wamda-primary); text-decoration: none; }
.wamda-menu .sub-menu {
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	background: var(--wamda-bg);
	border: 1px solid var(--wamda-border);
	border-radius: 8px;
	min-width: 200px;
	padding: 8px 0;
	list-style: none;
	margin: 0;
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: .2s ease;
	z-index: 50;
}
.wamda-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }

/* ---------- Buttons ---------- */
.wamda-btn {
	display: inline-block;
	padding: 10px 22px;
	background: var(--wamda-primary);
	color: #fff;
	border-radius: 8px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: background .2s ease;
}
.wamda-btn:hover { background: var(--wamda-primary-hover); color: #fff; text-decoration: none; }

/* ---------- Breadcrumbs ---------- */
.wamda-breadcrumbs { font-size: 14px; margin-bottom: 24px; color: var(--wamda-text); opacity: .85; }
.wamda-crumb-sep { margin: 0 6px; opacity: .5; }
.wamda-crumb-current { font-weight: 600; }

/* ---------- Posts ---------- */
.entry-title a { color: var(--wamda-heading); }
.entry-title a:hover { color: var(--wamda-primary); text-decoration: none; }
.entry-meta { font-size: 14px; color: var(--wamda-text); opacity: .75; margin-top: 6px; }
.post-thumbnail { margin-bottom: 20px; border-radius: 12px; overflow: hidden; }
.post-thumbnail img { width: 100%; object-fit: cover; }
.wamda-read-more { display: inline-block; margin-top: 10px; font-weight: 600; color: var(--wamda-primary); }
.entry-footer { margin-top: 20px; font-size: 14px; display: flex; gap: 20px; flex-wrap: wrap; }

/* ---------- Widgets / Sidebar ---------- */
.widget-area .widget { margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--wamda-border); }
.widget-title { font-size: 18px; margin-bottom: 16px; }

/* ---------- Forms ---------- */
input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], textarea, select {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--wamda-border);
	border-radius: 8px;
	background: var(--wamda-bg);
	color: var(--wamda-text);
}
.search-form { display: flex; gap: 8px; }
.search-form .search-field { flex: 1; }

/* ---------- Footer ---------- */
.wamda-site-footer { background: var(--wamda-surface); border-top: 1px solid var(--wamda-border); margin-top: 60px; }
.wamda-footer-widgets { padding-block: 50px; }
.wamda-footer-grid { display: grid; gap: 40px; }
.wamda-cols-1 { grid-template-columns: 1fr; }
.wamda-cols-2 { grid-template-columns: repeat(2, 1fr); }
.wamda-cols-3 { grid-template-columns: repeat(3, 1fr); }
.wamda-cols-4 { grid-template-columns: repeat(4, 1fr); }
.wamda-footer-bar { border-top: 1px solid var(--wamda-border); padding-block: 20px; font-size: 14px; }
.wamda-footer-bar-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.wamda-footer-menu { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }

@media (max-width: 767px) {
	.wamda-footer-grid { grid-template-columns: 1fr; }
	.wamda-footer-bar-inner { flex-direction: column; text-align: center; }
}

/* ---------- Social ---------- */
.wamda-social-icons { display: flex; gap: 12px; }
.wamda-social { font-size: 13px; }

/* ---------- Dark toggle ---------- */
.wamda-dark-toggle { background: transparent; border: 1px solid var(--wamda-border); border-radius: 999px; width: 40px; height: 40px; cursor: pointer; color: var(--wamda-heading); }
.wamda-dark-icon { display: none; }
.wamda-icon-moon { display: inline; }
[data-theme="dark"] .wamda-icon-moon { display: none; }
[data-theme="dark"] .wamda-icon-sun { display: inline; }

/* ---------- Scroll to top ---------- */
.wamda-scroll-top {
	position: fixed;
	inset-inline-end: 24px;
	bottom: 24px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: none;
	background: var(--wamda-primary);
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: .25s ease;
	z-index: 998;
}
.wamda-scroll-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }

/* ---------- Mobile header ---------- */
.wamda-mobile-bar { display: none; align-items: center; justify-content: space-between; padding-block: 12px; background: var(--wamda-header-bg, var(--wamda-bg)); border-bottom: 1px solid var(--wamda-border); }
.wamda-mobile-actions { display: flex; align-items: center; gap: 10px; }
.wamda-menu-toggle { background: transparent; border: 1px solid transparent; cursor: pointer; width: 44px; height: 44px; position: relative; border-radius: var(--wamda-haction-radius, 10px); }
.wamda-menu-toggle-bar, .wamda-menu-toggle-bar::before, .wamda-menu-toggle-bar::after {
	content: ""; position: absolute; left: 10px; width: 24px; height: 2px; background: var(--wamda-header-text, var(--wamda-heading)); transition: .25s ease; border-radius: 2px;
}
.wamda-menu-toggle-bar { top: 21px; }
.wamda-menu-toggle-bar::before { top: -7px; }
.wamda-menu-toggle-bar::after { top: 7px; }
.wamda-menu-toggle.is-active .wamda-menu-toggle-bar { background: transparent; }
.wamda-menu-toggle.is-active .wamda-menu-toggle-bar::before { top: 0; transform: rotate(45deg); }
.wamda-menu-toggle.is-active .wamda-menu-toggle-bar::after { top: 0; transform: rotate(-45deg); }

.wamda-mobile-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.5); z-index: 1000; opacity: 0; transition: opacity .25s ease; }
body.wamda-menu-open .wamda-mobile-overlay { opacity: 1; }
body.wamda-menu-open { overflow: hidden; }

.wamda-mobile-menu {
	position: fixed; top: 0; inset-inline-end: 0; height: 100%; width: min(88vw, 380px);
	background: var(--wamda-mpanel-bg, var(--wamda-bg)); z-index: 1001; padding: 18px 20px 32px; overflow-y: auto; overscroll-behavior: contain;
	transform: translateX(100%); transition: transform .34s cubic-bezier(.22,1,.36,1); box-shadow: -10px 0 60px rgba(15,23,42,.24); display: block;
	border-top-left-radius: 22px; border-bottom-left-radius: 22px;
}
body.rtl .wamda-mobile-menu { inset-inline-end: auto; inset-inline-start: 0; transform: translateX(-100%); box-shadow: 10px 0 60px rgba(15,23,42,.24); border-radius: 0; border-top-right-radius: 22px; border-bottom-right-radius: 22px; }
.wamda-mobile-menu.is-open { transform: translateX(0); }
.wamda-mobile-menu-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--wamda-border); }
.wamda-mobile-close { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--wamda-surface, #f1f5f9); border: none; border-radius: 50%; font-size: 26px; line-height: 1; cursor: pointer; color: var(--wamda-heading); transition: background .18s ease, transform .25s ease; }
.wamda-mobile-close:hover { background: var(--wamda-border, #e2e8f0); transform: rotate(90deg); }
.wamda-mobile-nav { list-style: none; margin: 0; padding: 0; }
.wamda-mobile-nav a { display: block; padding: 13px 2px; border-bottom: 1px solid var(--wamda-border); color: var(--wamda-heading); font-weight: 600; }
.wamda-mobile-nav .sub-menu { list-style: none; padding-inline-start: 16px; }
.wamda-mobile-menu .wamda-lang-mobile { margin-top: 16px; }
.wamda-mobile-cta { display: flex; justify-content: center; margin-top: 20px; }

@media (max-width: 921px) {
	.wamda-site-header { display: none; }
	.wamda-mobile-bar { display: flex; }
}
@media (min-width: 922px) {
	.wamda-mobile-overlay, .wamda-mobile-menu { display: none; }
}

/* ---------- Accessibility ---------- */
.screen-reader-text {
	border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
}
.skip-link { position: absolute; left: -9999px; z-index: 100000; padding: 10px 16px; background: var(--wamda-primary); color: #fff; }
.skip-link:focus { left: 10px; top: 10px; }

/* ---------- Pagination ---------- */
.pagination { display: flex; gap: 8px; margin-top: 40px; flex-wrap: wrap; }
.pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--wamda-border); border-radius: 8px; color: var(--wamda-heading); }
.pagination .current { background: var(--wamda-primary); color: #fff; border-color: var(--wamda-primary); }


/* ---------- Animations ---------- */
.wamda-anim-enabled .wamda-animate { opacity: 0; transition: opacity .6s ease, transform .6s ease; will-change: opacity, transform; }
.wamda-anim-enabled.wamda-anim-fade-up .wamda-animate { transform: translateY(26px); }
.wamda-anim-enabled.wamda-anim-zoom .wamda-animate { transform: scale(.94); }
.wamda-anim-enabled.wamda-anim-fade .wamda-animate { transform: none; }
.wamda-anim-enabled .wamda-animate.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .wamda-anim-enabled .wamda-animate { opacity: 1 !important; transform: none !important; } }

/* ---------- Preloader ---------- */
.wamda-preloader { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: var(--wamda-bg, #fff); transition: opacity .4s ease, visibility .4s ease; }
body.is-loaded .wamda-preloader { opacity: 0; visibility: hidden; }
.wamda-pl-inner { display: inline-flex; gap: 6px; }
.wamda-pl-spinner .wamda-pl-inner { width: 44px; height: 44px; border: 3px solid var(--wamda-border, #e5e7eb); border-top-color: var(--wamda-primary, #2563eb); border-radius: 50%; animation: wamda-spin .8s linear infinite; }
.wamda-pl-spinner .wamda-pl-inner span { display: none; }
.wamda-pl-dots .wamda-pl-inner span { width: 12px; height: 12px; border-radius: 50%; background: var(--wamda-primary, #2563eb); animation: wamda-bounce 1s infinite ease-in-out; }
.wamda-pl-dots .wamda-pl-inner span:nth-child(2) { animation-delay: .15s; }
.wamda-pl-dots .wamda-pl-inner span:nth-child(3) { animation-delay: .3s; }
.wamda-pl-bar .wamda-pl-inner { width: 180px; height: 4px; border-radius: 4px; background: var(--wamda-border, #e5e7eb); overflow: hidden; position: relative; }
.wamda-pl-bar .wamda-pl-inner span { position: absolute; inset: 0; width: 40%; background: var(--wamda-primary, #2563eb); animation: wamda-slide 1.1s infinite; }
.wamda-pl-bar .wamda-pl-inner span:nth-child(2), .wamda-pl-bar .wamda-pl-inner span:nth-child(3) { display: none; }
@keyframes wamda-spin { to { transform: rotate(360deg); } }
@keyframes wamda-bounce { 0%,80%,100% { transform: scale(.5); opacity: .5; } 40% { transform: scale(1); opacity: 1; } }
@keyframes wamda-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }

/* ---------- WhatsApp button ---------- */
.wamda-whatsapp { position: fixed; bottom: 22px; inset-inline-end: 22px; width: 54px; height: 54px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 9990; box-shadow: 0 6px 20px rgba(37,211,102,.45); transition: transform .2s ease; }
.wamda-whatsapp:hover { transform: scale(1.08); color: #fff; }
.wamda-whatsapp svg { width: 30px; height: 30px; fill: currentColor; }

/* ---------- Custom scrollbar ---------- */
.wamda-custom-scrollbar { scrollbar-width: thin; scrollbar-color: var(--wamda-primary, #2563eb) var(--wamda-surface, #f1f5f9); }
.wamda-custom-scrollbar::-webkit-scrollbar { width: 10px; height: 10px; }
.wamda-custom-scrollbar::-webkit-scrollbar-thumb { background: var(--wamda-primary, #2563eb); border-radius: 8px; }
.wamda-custom-scrollbar::-webkit-scrollbar-track { background: var(--wamda-surface, #f1f5f9); }


/* ---------- Android / mobile full-width fix ---------- */
/* Root cause: .wamda-container uses width:100% + padding, so without border-box
   the padding was ADDED on top of 100%, making the layout wider than the screen.
   Android Chrome then zoomed out to fit (gray gutters); iOS clamped differently. */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; padding: 0; width: 100%; max-width: 100%; overflow-x: hidden; overflow-x: clip; position: relative; }
#page, .site, .site-content, .wamda-container { max-width: 100%; overflow-x: clip; }
img, svg, video, iframe, embed, object { max-width: 100%; }
img, video { height: auto; }

/* ---------- Mobile bottom navigation tab bar (v1.7) ---------- */
.wamda-tabbar { display: none; }
.wamda-tab-item {
	flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 3px; background: transparent; border: 0; cursor: pointer; padding: 4px 2px; min-width: 0;
	color: var(--wamda-tab-color, #64748b); font-family: inherit; font-size: 11px; font-weight: 600;
	text-decoration: none; position: relative; line-height: 1;
}
.wamda-tab-item .wamda-tab-ico { width: 24px; height: 24px; display: block; flex: none; }
.wamda-tab-item span { font-size: 11px; }
.wamda-tab-item:hover, .wamda-tab-item:focus, .wamda-tab-item.is-active { color: var(--wamda-tab-active, var(--wamda-primary)); }
.wamda-tab-badge {
	position: absolute; top: -3px; inset-inline-end: 22%; background: var(--wamda-tab-active, var(--wamda-primary));
	color: #fff; font-size: 10px; min-width: 16px; height: 16px; line-height: 16px; text-align: center;
	border-radius: 9px; padding: 0 4px;
}
/* Prominent center button style */
.wamda-tabbar-center .wamda-tab-center { color: var(--wamda-tab-color, #64748b); }
.wamda-tabbar-center .wamda-tab-center .wamda-tab-ico {
	width: 26px; height: 26px; box-sizing: content-box; padding: 13px; border-radius: 50%;
	background: var(--wamda-tab-active, var(--wamda-primary)); color: #fff;
	margin-top: -32px; border: 4px solid var(--wamda-tab-bg, #fff);
	box-shadow: 0 6px 16px rgba(37,99,235,.4);
}
.wamda-tabbar-center .wamda-tab-center:hover .wamda-tab-ico,
.wamda-tabbar-center .wamda-tab-center:focus .wamda-tab-ico { color: #fff; }
/* Standard style active indicator */
.wamda-tabbar-standard .wamda-tab-item.is-active::before,
.wamda-tabbar-standard .wamda-tab-item:hover::before {
	content: ""; position: absolute; top: -7px; width: 22px; height: 3px; border-radius: 3px;
	background: var(--wamda-tab-active, var(--wamda-primary));
}
/* Search overlay */
.wamda-tab-search-overlay {
	position: fixed; inset: 0; z-index: 1003; background: rgba(15,23,42,.55);
	opacity: 0; visibility: hidden; transition: opacity .25s ease; display: flex;
	align-items: flex-start; justify-content: center; padding: 22px;
}
.wamda-tab-search-overlay.is-open { opacity: 1; visibility: visible; }
.wamda-tab-search-box {
	background: var(--wamda-bg, #fff); border-radius: 14px; padding: 22px 20px 20px; width: 100%;
	max-width: 560px; margin-top: 11vh; position: relative; box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.wamda-tab-search-close {
	position: absolute; top: 6px; inset-inline-end: 12px; background: transparent; border: 0;
	font-size: 28px; line-height: 1; cursor: pointer; color: var(--wamda-heading);
}
.wamda-tab-search-box .search-form,
.wamda-tab-search-box form { display: flex; gap: 8px; }
.wamda-tab-search-box input[type="search"], .wamda-tab-search-box input[name="s"] {
	flex: 1; padding: 12px 14px; border: 1px solid var(--wamda-border); border-radius: 10px;
	font-size: 16px; background: var(--wamda-surface, #f8fafc); color: var(--wamda-heading);
}
@media (max-width: 921px) {
	.wamda-tabbar {
		display: flex; position: fixed; bottom: 0; inset-inline: 0; z-index: 1002;
		background: var(--wamda-tab-bg, #fff); border-top: 1px solid var(--wamda-border);
		box-shadow: 0 -6px 20px rgba(15,23,42,.08); justify-content: space-around; align-items: center;
		padding: 6px 6px; padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
	}
	.wamda-has-tabbar { padding-bottom: 70px; }
	.wamda-has-tabbar .wamda-whatsapp { bottom: 88px; }
	.wamda-has-tabbar #wamda-scroll-top { bottom: 88px; }
}


/* ---------- App mode (PWA) standalone polish (v1.8) ---------- */
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
	/* Respect device notches / safe areas so it feels native */
	body { overscroll-behavior-y: contain; }
	.wamda-mobile-bar, .wamda-site-header { padding-top: env(safe-area-inset-top, 0px); }
	.wamda-tabbar { padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); }
	/* App-like feel: don't let UI chrome be text-selected/highlighted */
	.wamda-tabbar, .wamda-mobile-bar, .wamda-menu-toggle { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
}
/* When app mode is on, add bottom room so the fixed tab bar never covers content */
.wamda-pwa-enabled.wamda-has-tabbar #page { padding-bottom: 64px; }



/* ============================================================
   Complete mobile responsiveness (v1.9) - iPhone + Android
   ============================================================ */

/* iOS: stop Safari auto-zoom when focusing a form field (requires >= 16px) */
@media (max-width: 921px) {
	input[type=text], input[type=email], input[type=url], input[type=search],
	input[type=password], input[type=tel], input[type=number], input[type=date],
	textarea, select { font-size: 16px; }
}

/* iOS 100vh gap fix: full-height sections use small/dynamic viewport units */
@supports (height: 100svh) {
	.wamda-full-height,
	.elementor-section.elementor-height-full,
	.e-con-full.elementor-height-full { min-height: 100svh; }
}
@supports (height: 100dvh) {
	.wamda-full-height,
	.elementor-section.elementor-height-full,
	.e-con-full.elementor-height-full { min-height: 100dvh; }
}

/* Touch niceties: momentum scroll + subtle tap highlight */
body { -webkit-overflow-scrolling: touch; }
a, button, .wamda-btn, [role="button"] { -webkit-tap-highlight-color: rgba(37, 99, 235, .15); }

/* Comfortable touch targets on phones/tablets */
@media (max-width: 921px) {
	.wamda-btn, button, .wamda-mobile-nav a, .wamda-footer-menu a, .wamda-tab-item {
		min-height: 44px;
	}
	.wamda-btn { display: inline-flex; align-items: center; justify-content: center; }
}

/* Wide tables scroll horizontally instead of stretching the page */
@media (max-width: 921px) {
	.entry-content table, .wamda-container table, .wp-block-table table {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Notch / safe-area awareness for the fixed bottom tab bar in the browser too */
@media (max-width: 921px) {
	.wamda-tabbar { padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); }
}

/* Tighter, more comfortable spacing on small phones */
@media (max-width: 600px) {
	.wamda-container { padding-inline: 16px; }
	.wamda-section { padding-block: calc(var(--wamda-section-space, 60px) * 0.6); }
	.wamda-footer-widgets { padding-block: 36px; }
	.wamda-site-footer { margin-top: 40px; }
	.wamda-footer-grid { gap: 28px; }
}

/* ===== Mobile header bar icon actions (v2.0): search / language / CTA — match dark toggle ===== */
.wamda-bar-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid var(--wamda-border,#e5e7eb); border-radius:999px; background:transparent; color:var(--wamda-heading,#0f172a); cursor:pointer; text-decoration:none; transition:all .2s ease; box-sizing:border-box; }
.wamda-bar-icon:hover, .wamda-bar-icon:focus { border-color:var(--wamda-primary,#2563eb); color:var(--wamda-primary,#2563eb); }
.wamda-bar-icon .wamda-bar-ico { width:20px; height:20px; display:block; }
.wamda-bar-cta { background:var(--wamda-primary,#2563eb); border-color:var(--wamda-primary,#2563eb); color:#fff; }
.wamda-bar-cta:hover, .wamda-bar-cta:focus { background:var(--wamda-primary-hover,#1d4ed8); border-color:var(--wamda-primary-hover,#1d4ed8); color:#fff; }
.wamda-lang-box { position:relative; display:inline-flex; }
.wamda-lang-dropdown { position:absolute; inset-inline-end:0; top:calc(100% + 8px); min-width:170px; background:var(--wamda-bg,#fff); border:1px solid var(--wamda-border,#e5e7eb); border-radius:12px; box-shadow:0 14px 34px rgba(15,23,42,.16); padding:6px; z-index:1200; opacity:0; visibility:hidden; transform:translateY(-6px); transition:all .18s ease; }
.wamda-lang-dropdown.is-open { opacity:1; visibility:visible; transform:none; }
.wamda-lang-dropdown .wamda-lang-switcher { margin:0; padding:0; }
.wamda-lang-dropdown .wamda-lang-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.wamda-lang-dropdown .wamda-lang-item a { display:flex; align-items:center; gap:8px; height:auto; min-height:0; padding:9px 12px; border:0; border-radius:8px; font-size:14px; color:var(--wamda-text,#334155); text-decoration:none; }
.wamda-lang-dropdown .wamda-lang-item a:hover { background:var(--wamda-surface,#f8fafc); }
.wamda-lang-dropdown .wamda-lang-item.wamda-lang-active a { background:var(--wamda-primary,#2563eb); color:#fff; }

/* ===== v2.1 consistency (mirrors inline critical CSS) ===== */
.wamda-bar-cta{background:transparent;border-color:var(--wamda-border,#e5e7eb);color:var(--wamda-heading,#0f172a)}
.wamda-bar-cta:hover,.wamda-bar-cta:focus{background:transparent;border-color:var(--wamda-primary,#2563eb);color:var(--wamda-primary,#2563eb)}
.wamda-lang-dropdown{opacity:1;visibility:visible;transform:none}
.wamda-lang-box>.wamda-lang-dropdown{display:none}
.wamda-lang-box[open]>.wamda-lang-dropdown{display:block}
@media(max-width:921px){
.wamda-mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wamda-mobile-nav>li>a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:66px;padding:14px 10px;border:1px solid var(--wamda-border,#e5e7eb);border-radius:16px;background:var(--wamda-surface,#f8fafc);color:var(--wamda-heading,#0f172a);font-weight:700;font-size:15px;line-height:1.35;transition:all .18s ease}
.wamda-mobile-nav>li>a:hover,.wamda-mobile-nav>li.current-menu-item>a,.wamda-mobile-nav>li.current-menu-parent>a{background:var(--wamda-primary,#2563eb);border-color:var(--wamda-primary,#2563eb);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,.25)}
.wamda-mobile-nav>li.menu-item-has-children{grid-column:1 / -1}
.wamda-mobile-nav .sub-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0;padding:0}
.wamda-mobile-nav .sub-menu a{display:block;padding:10px;border:1px dashed var(--wamda-border,#e5e7eb);border-radius:12px;font-size:13px;font-weight:600;text-align:center;color:var(--wamda-text,#334155)}
}