/* Wamda Ibda3 — additive front-end styles (token-driven, RTL-first via logical properties). */

:root {
	--wamda-toggle-size: 44px;
}

.wamda-no-scroll { overflow: hidden; }

/* ---------- Breadcrumbs ---------- */
.wamda-breadcrumbs { font-size: .9em; margin-block: 1rem; }
.wamda-breadcrumbs ol {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-wrap: wrap; gap: .25rem; align-items: center;
}
.wamda-breadcrumbs a { color: var(--wamda-link, #2563eb); text-decoration: none; }
.wamda-breadcrumbs a:hover { color: var(--wamda-link-hover, #1d4ed8); text-decoration: underline; }
.wamda-breadcrumbs__sep { color: var(--wamda-border, #94a3b8); }

/* ---------- Container helpers ---------- */
.wamda-container { max-width: var(--wamda-container, 1200px); margin-inline: auto; padding-inline: 1rem; }
.wamda-container--narrow { max-width: var(--wamda-content, 800px); }

/* ---------- Floating light/dark toggle ---------- */
.wamda-dark-toggle {
	position: fixed; inset-block-end: 1.25rem; inset-inline-end: 1.25rem;
	width: var(--wamda-toggle-size); height: var(--wamda-toggle-size);
	border: 1px solid var(--wamda-border, #e2e8f0); border-radius: 50%;
	background: var(--wamda-surface, #f8fafc); color: var(--wamda-heading, #0f172a);
	cursor: pointer; z-index: 9998; display: inline-flex; align-items: center; justify-content: center;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .18);
}
.wamda-dark-toggle:hover { border-color: var(--wamda-primary, #2563eb); }
.wamda-dark-toggle__icon {
	width: 18px; height: 18px; border-radius: 50%;
	background: linear-gradient(45deg, var(--wamda-primary, #2563eb), var(--wamda-primary-hover, #1d4ed8)); display: block;
}

/* ---------- Scroll-to-top ---------- */
.wamda-scroll-top {
	position: fixed; inset-block-end: 1.25rem; inset-inline-start: 1.25rem;
	width: var(--wamda-toggle-size); height: var(--wamda-toggle-size); border: none; border-radius: 50%;
	background: var(--wamda-primary, #2563eb); color: #fff; cursor: pointer; z-index: 9998;
	display: inline-flex; align-items: center; justify-content: center;
	opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease, visibility .25s;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .25);
}
.wamda-scroll-top.is-visible { opacity: 1; visibility: visible; transform: none; }

/* ---------- Floating WhatsApp ---------- */
.wamda-whatsapp {
	position: fixed; inset-block-end: 5.25rem; inset-inline-end: 1.25rem;
	width: 52px; height: 52px; border-radius: 50%; background: #25d366; color: #fff; z-index: 9998;
	display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(37, 211, 102, .45);
}
.wamda-whatsapp svg { width: 28px; height: 28px; fill: currentColor; }

/* ---------- Preloader ---------- */
.wamda-preloader {
	position: fixed; inset: 0; background: var(--wamda-bg, #fff); z-index: 99999;
	display: flex; align-items: center; justify-content: center; transition: opacity .5s ease;
}
.wamda-preloader.is-hidden { opacity: 0; pointer-events: none; }
.wamda-pl-inner { display: inline-flex; gap: 8px; }
.wamda-pl-inner span {
	width: 12px; height: 12px; border-radius: 50%; background: var(--wamda-primary, #2563eb);
	animation: wamda-bounce 1s infinite ease-in-out both;
}
.wamda-pl-inner span:nth-child(1) { animation-delay: -0.32s; }
.wamda-pl-inner span:nth-child(2) { animation-delay: -0.16s; }
@keyframes wamda-bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }

/* ---------- Scroll reveal ---------- */
.wamda-reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.wamda-reveal.is-visible { opacity: 1; transform: none; }

/* ---------- Social icons ---------- */
.wamda-social { display: inline-flex; flex-wrap: wrap; gap: .5rem; }
.wamda-social__link {
	width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	background: var(--wamda-surface, #f8fafc); color: var(--wamda-heading, #0f172a); border: 1px solid var(--wamda-border, #e2e8f0);
	transition: background-color .2s ease, color .2s ease;
}
.wamda-social__link:hover { background: var(--wamda-primary, #2563eb); color: #fff; border-color: transparent; }

/* ---------- Mobile bottom tab bar (rebuilt 5.0.26) ---------- */
.wamda-tabbar{
	--wtb-h: 64px; --wtb-radius: 22px; --wtb-maxw: 520px;
	--wtb-icon: 24px; --wtb-fs: 11px;
	--wtb-bg: var(--wamda-tabbar-bg, #fff);
	--wtb-color: var(--wamda-tabbar-color, #64748b);
	--wtb-active: var(--wamda-tabbar-active, #2563eb);
	--wtb-badge: var(--wamda-tabbar-badge, #ef4444);
	--wtb-fab-bg: var(--wamda-tabbar-fab-bg, #2563eb);
	--wtb-fab-color: var(--wamda-tabbar-fab-color, #fff);
	display: none;
}
@media (max-width: 768px) {
	.wamda-tabbar {
		position: fixed; z-index: 9997; inset-inline: 0; inset-block-end: 0;
		display: flex; align-items: stretch; justify-content: space-around;
		height: calc(var(--wtb-h) + env(safe-area-inset-bottom));
		padding-block-end: env(safe-area-inset-bottom);
		background: var(--wtb-bg);
		transition: transform .35s cubic-bezier(.4, 0, .2, 1);
	}
	.wamda-tabbar--full { border-top: 1px solid var(--wamda-border, #e2e8f0); box-shadow: 0 -4px 20px rgba(15, 23, 42, .07); }
	.wamda-tabbar--floating, .wamda-tabbar--glass {
		inset-inline: auto; left: 50%; transform: translateX(-50%);
		inset-block-end: calc(14px + env(safe-area-inset-bottom));
		width: min(var(--wtb-maxw), calc(100% - 24px));
		height: var(--wtb-h); border-radius: var(--wtb-radius);
		padding-block-end: 0; box-shadow: 0 10px 30px rgba(15, 23, 42, .16);
	}
	.wamda-tabbar--glass {
		background: color-mix(in srgb, var(--wtb-bg) 72%, transparent);
		-webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px);
		border: 1px solid color-mix(in srgb, var(--wtb-color) 18%, transparent);
		box-shadow: 0 10px 34px rgba(15, 23, 42, .18);
	}
	.wamda-tabbar--full.wamda-tabbar--hidden { transform: translateY(100%); }
	.wamda-tabbar--floating.wamda-tabbar--hidden, .wamda-tabbar--glass.wamda-tabbar--hidden { transform: translate(-50%, 160%); }
	.wamda-has-tabbar { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	.wamda-has-tabbar--floating, .wamda-has-tabbar--glass { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
}
.wamda-tabbar__item {
	position: relative; z-index: 1; flex: 1; min-width: 0;
	display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
	padding: 6px 4px; border: 0; background: none; cursor: pointer;
	color: var(--wtb-color); font: inherit; font-size: 11px; line-height: 1.1; text-decoration: none;
	-webkit-tap-highlight-color: transparent; transition: color .2s ease, transform .15s ease;
}
/* Neutralise theme/Elementor global <button> styling so the bar background is
   controlled ONLY by the tabbar settings (items stay transparent). */
.wamda-tabbar button.wamda-tabbar__item,
.wamda-tabbar a.wamda-tabbar__item {
	background: none; background-color: transparent; border: 0; box-shadow: none;
	border-radius: 0; color: var(--wtb-color); font-family: inherit;
	text-transform: none; letter-spacing: normal; text-shadow: none; outline: 0;
}
.wamda-tabbar button.wamda-tabbar__item:hover,
.wamda-tabbar button.wamda-tabbar__item:focus,
.wamda-tabbar button.wamda-tabbar__item:focus-visible,
.wamda-tabbar a.wamda-tabbar__item:hover,
.wamda-tabbar a.wamda-tabbar__item:focus,
.wamda-tabbar a.wamda-tabbar__item:focus-visible {
	background: none; background-color: transparent; box-shadow: none; color: var(--wtb-active);
}
.wamda-tabbar__item:hover, .wamda-tabbar__item:focus-visible { color: var(--wtb-active); }
.wamda-tabbar__item:active { transform: scale(.92); }
.wamda-tabbar__item.is-active { color: var(--wtb-active); }
.wamda-tabbar__ico { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.wamda-tabbar__ico svg { width: var(--wtb-icon); height: var(--wtb-icon); }
.wamda-tabbar__img { width: var(--wtb-icon); height: var(--wtb-icon); object-fit: contain; display: block; }
.wamda-tabbar__lbl { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: var(--wtb-fs); line-height: 1.2; }

/* Active state: clean colour tint only (no background shading) */
.wamda-tabbar__pill { display: none; }
.wamda-tabbar__item.is-active .wamda-tabbar__ico,
.wamda-tabbar__item.is-active .wamda-tabbar__lbl { color: var(--wtb-active); }
.wamda-tabbar__item.is-active .wamda-tabbar__lbl { font-weight: 700; }

/* Notification badge */
.wamda-tabbar__badge {
	position: absolute; inset-block-start: -6px; inset-inline-end: -8px;
	min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
	background: var(--wtb-badge); color: #fff; font-size: 10px; font-weight: 700; line-height: 16px; text-align: center;
}

/* Elevated centre button (FAB) */
.wamda-tabbar__item--fab { flex: 1; justify-content: center; }
.wamda-tabbar__item--fab .wamda-tabbar__ico {
	width: 58px; height: 58px; margin-top: -26px; border-radius: 50%;
	background: var(--wtb-fab-bg); color: var(--wtb-fab-color); border: 4px solid var(--wtb-bg);
	box-shadow: 0 8px 20px color-mix(in srgb, var(--wtb-fab-bg) 45%, transparent);
}
.wamda-tabbar__item--fab .wamda-tabbar__ico svg { width: calc(var(--wtb-icon) + 2px); height: calc(var(--wtb-icon) + 2px); }
.wamda-tabbar__item--fab .wamda-tabbar__ico .wamda-tabbar__img { width: calc(var(--wtb-icon) + 2px); height: calc(var(--wtb-icon) + 2px); }

/* ---------- Search overlay ---------- */
.wamda-search-overlay[hidden] { display: none !important; }
.wamda-search-overlay {
	position: fixed; inset: 0; z-index: 99998; background: rgba(15, 23, 42, .6);
	display: flex; align-items: flex-start; justify-content: center; padding: 12vh 1rem 0;
}
.wamda-search-overlay__inner { position: relative; width: min(640px, 100%); background: var(--wamda-bg, #fff); border-radius: var(--wamda-radius, 10px); padding: 1.5rem; }
.wamda-search-overlay__close { position: absolute; inset-block-start: .5rem; inset-inline-end: .75rem; background: none; border: none; font-size: 1.8rem; line-height: 1; cursor: pointer; color: var(--wamda-heading, #0f172a); }

/* ---------- Off-canvas mobile menu ---------- */
.wamda-menu-toggle { display: none; }
@media (max-width: 768px) {
	.wamda-menu-toggle {
		position: fixed; inset-block-start: .75rem; inset-inline-end: .75rem; z-index: 9997;
		width: 42px; height: 42px; border-radius: 8px; border: 1px solid var(--wamda-header-border, #e2e8f0);
		background: var(--wamda-header-bg, #fff); cursor: pointer; flex-direction: column; gap: 4px;
		display: inline-flex; align-items: center; justify-content: center;
	}
	.wamda-menu-toggle span { width: 20px; height: 2px; background: var(--wamda-header-text, #0f172a); display: block; }
}
.wamda-mobile-menu {
	position: fixed; inset-block: 0; inset-inline-end: 0; width: min(320px, 85vw); z-index: 99998;
	background: var(--wamda-mpanel-bg, #fff); color: var(--wamda-mpanel-text, #0f172a);
	padding: 3rem 1.25rem 1.25rem; overflow-y: auto; box-shadow: -8px 0 24px rgba(15, 23, 42, .18);
}
.wamda-mobile-menu__close { position: absolute; inset-block-start: .5rem; inset-inline-end: .75rem; background: none; border: none; font-size: 1.8rem; cursor: pointer; color: inherit; }
.wamda-mobile-menu__list { list-style: none; margin: 0; padding: 0; }
.wamda-mobile-menu__list a { display: block; padding: .75rem 0; color: inherit; text-decoration: none; border-bottom: 1px solid var(--wamda-border, #e2e8f0); }
.wamda-mobile-menu__list a:hover { color: var(--wamda-mpanel-accent, #2563eb); }

/* ---------- News ticker (legacy fallback only; see wamda/assets/css/menu.css) ---------- */
.wamda-ticker--legacy { background: var(--wamda-ticker-bg, #0f172a); color: var(--wamda-ticker-text, #fff); overflow: hidden; }
.wamda-ticker--legacy .wamda-ticker__track { display: inline-flex; gap: 2.5rem; white-space: nowrap; padding-block: .5rem; animation: wamda-ticker 30s linear infinite; }
.wamda-ticker--legacy a { color: inherit; text-decoration: none; }
@keyframes wamda-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }