/* Aakar Events — theme extras on top of the compiled utility CSS.
   (Navbar states, marquee, image trail, lightbox, WhatsApp ping.) */

/* ---- Navbar states (JS toggles .is-transparent / scroll) ---------- */
#aakar-nav {
	background: rgba(253, 246, 236, 0.92);
	-webkit-backdrop-filter: saturate(1.5) blur(12px);
	backdrop-filter: saturate(1.5) blur(12px);
	border-bottom: 1px solid rgba(184, 134, 11, 0.14);
}
#aakar-nav .aakar-nav-scrim { display: none; }
#aakar-nav .aakar-logo-main,
#aakar-nav .aakar-nav-label { color: #1a1612; }
#aakar-nav .aakar-nav-num { color: rgba(26, 22, 18, 0.45); }

#aakar-nav.is-transparent {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-bottom-color: transparent;
}
#aakar-nav.is-transparent .aakar-nav-scrim {
	display: block;
	background: linear-gradient(180deg, rgba(26, 22, 18, 0.55) 0%, rgba(26, 22, 18, 0) 100%);
}
#aakar-nav.is-transparent .aakar-logo-main,
#aakar-nav.is-transparent .aakar-nav-label { color: #fdf6ec; }
#aakar-nav.is-transparent .aakar-nav-num { color: rgba(253, 246, 236, 0.55); }
#aakar-nav.is-transparent .aakar-nav-hairline { display: none; }

#aakar-nav .aakar-nav-link .aakar-nav-underline { transform: scaleX(0); }
#aakar-nav .aakar-nav-link.is-active .aakar-nav-underline { transform: scaleX(1); }
#aakar-nav .aakar-nav-link.is-active .aakar-nav-num,
#aakar-nav .aakar-nav-link.is-active .aakar-nav-label { color: #b8860b; }

/* Mobile menu open state */
#aakar-mobile-menu.is-open { opacity: 1; pointer-events: auto; }
#aakar-mobile-menu .aakar-mobile-link,
#aakar-mobile-menu .aakar-mobile-foot {
	transform: translateY(20px);
	opacity: 0;
	transition: all 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
#aakar-mobile-menu.is-open .aakar-mobile-link,
#aakar-mobile-menu.is-open .aakar-mobile-foot {
	transform: translateY(0);
	opacity: 1;
}
#aakar-mobile-menu .aakar-mobile-foot { transition-delay: 0.5s; }
body.aakar-menu-open { overflow: hidden; }

/* ---- WordPress admin bar offsets (logged-in view only) ------------ */
body.admin-bar #aakar-nav,
body.admin-bar #aakar-mobile-menu { top: 32px; }
body.admin-bar .aakar-hero { height: calc(100svh - 32px); }
@media screen and (max-width: 782px) {
	body.admin-bar #aakar-nav,
	body.admin-bar #aakar-mobile-menu { top: 46px; }
	body.admin-bar .aakar-hero { height: calc(100svh - 46px); }
}

/* ---- Marquee (replaces react-fast-marquee) ------------------------ */
.aakar-marquee { overflow: hidden; }
.aakar-marquee-track {
	display: flex;
	width: max-content;
	animation: aakar-marquee var(--aakar-marquee-duration, 30s) linear infinite;
}
.aakar-marquee:hover .aakar-marquee-track { animation-play-state: paused; }
.aakar-marquee-group { display: flex; align-items: flex-start; }
@keyframes aakar-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.aakar-marquee-track { animation: none; }
}

/* ---- Image trail (hero, desktop only) ----------------------------- */
.aakar-trail-item {
	position: absolute;
	transform: translate(-50%, -50%) scale(0.82) rotate(var(--rot, 0deg));
	opacity: 0;
	pointer-events: none;
	will-change: transform, opacity;
	transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.65);
	overflow: hidden;
}
.aakar-trail-item.in { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(var(--rot, 0deg)); }
.aakar-trail-item.out { opacity: 0; transform: translate(-50%, -50%) scale(1.05) rotate(var(--rot, 0deg)); }
.aakar-trail-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---- Portfolio filters -------------------------------------------- */
.aakar-filter {
	background: transparent;
	color: #1a1612;
	border-color: rgba(26, 22, 18, 0.2);
}
.aakar-filter:hover { border-color: #b8860b; color: #b8860b; }
.aakar-filter.is-active {
	background: #1a1612;
	color: #fdf6ec;
	border-color: #1a1612;
}
.aakar-pf-cell.is-hidden { display: none; }

/* ---- Lightbox ------------------------------------------------------ */
#aakar-lightbox.is-open { display: flex; }

/* ---- WhatsApp ping -------------------------------------------------- */
.aakar-wa-ping { animation: aakarPing 2.2s cubic-bezier(0, 0, 0.2, 1) infinite; }
@keyframes aakarPing {
	0% { transform: scale(1); opacity: 0.4; }
	80%, 100% { transform: scale(1.7); opacity: 0; }
}

/* ---- Images that used SmartImage's object-fit ---------------------- */
.aakar-hero-overlay { pointer-events: none; }