/* Zad Zaman - front component styles (complements Tailwind CDN) */

:root {
	--zad-bg: #F5E6CA;
	--zad-accent: #800020;
	--zad-gold: #C69C31;
	--zad-olive: #556B2F;
}

/* Make shortcodes self-contained: ensure RTL + font where the theme might not set it. */
.zad-header, .zad-footer, .zad-floating, .zad-home, .zad-menu, .zad-links {
	font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.zad-header, .zad-footer, .zad-menu, .zad-links, .zad-home {
	box-sizing: border-box;
}
.zad-header *, .zad-footer *, .zad-menu *, .zad-links *, .zad-home *, .zad-floating * {
	box-sizing: border-box;
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Hero overlay gradient */
.bg-overlay {
	background: linear-gradient(0deg, rgba(128,0,32,0.8) 0%, rgba(128,0,32,0) 100%);
}

/* Glass nav */
.nav-glass, .zad-nav-glass {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background: rgba(245,230,202,0.9);
}

/* Bento card hover */
.bento-card {
	transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1);
}
.bento-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 32px -8px rgba(198,156,49,0.2);
}

/* Menu active tab */
.active-tab {
	background-color: #800020;
	color: #ffffff;
	border-bottom: 2px solid #C69C31;
}

/* Category tabs wrapper with scroll arrows */
.zad-menu-tabs-wrap {
	position: sticky;
	top: 4rem;
	z-index: 40;
	display: flex;
	align-items: center;
	gap: 12px;
}
.zad-menu-tabs {
	flex: 1 1 auto;
	scroll-behavior: smooth;
	margin-bottom: 0;
}
.zad-tab-arrow {
	flex: 0 0 auto;
	position: relative;
	z-index: 50;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: transparent;
	border: none;
	color: rgb(78, 70, 54);
	cursor: pointer;
	padding: 0;
	pointer-events: auto;
	transition: background-color .3s cubic-bezier(0.4,0,0.2,1), color .3s cubic-bezier(0.4,0,0.2,1), transform .2s ease, opacity .2s ease;
}
.zad-tab-arrow .material-symbols-outlined {
	font-size: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.zad-tab-arrow:not(.zad-tab-arrow--disabled) {
	animation: zad-pulse 2s infinite;
}
.zad-tab-arrow:not(.zad-tab-arrow--disabled):hover {
	background-color: rgb(78, 70, 54);
	color: #ffffff;
	transform: translateY(-2px);
}
.zad-tab-arrow--disabled {
	opacity: 0.15;
	pointer-events: none;
	animation: none;
}
@keyframes zad-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(78,70,54,0.40); }
	70%  { box-shadow: 0 0 0 10px rgba(78,70,54,0); }
	100% { box-shadow: 0 0 0 0 rgba(78,70,54,0); }
}
@media (max-width: 640px) {
	.zad-tab-arrow { width: 42px; height: 42px; }
	.zad-tab-arrow .material-symbols-outlined { font-size: 26px; width: 26px; height: 26px; line-height: 26px; }
}
.item-card {
	transition: transform 0.2s cubic-bezier(0.4,0,0.2,1), box-shadow 0.2s ease-in-out;
}
.item-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 15px -3px rgba(128,0,32,0.1);
}

/* Link tree hover */
.btn-hover-effect {
	transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.btn-hover-effect:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(128,0,32,0.15);
}

/* Hide scrollbars on chip rows / tabs */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Mission strip */
@keyframes zad-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* Line clamp helpers (Tailwind CDN fallback) */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.zad-marquee {
	width: max-content;
	animation: zad-scroll 40s linear infinite;
}

/* RTL tweaks for utility classes used in templates */
[dir="rtl"] .ml-auto { margin-right: auto; margin-left: 0; }
[dir="rtl"] .mr-auto { margin-left: auto; margin-right: 0; }

/* Constrain full plugin blocks within the page wrapper if needed */
.zad-home img { max-width: 100%; }

/* Drawer interaction (no JS dependency for simple toggle) */
.zad-drawer { transition: opacity .3s ease; opacity: 0; pointer-events: none; }
.zad-drawer.is-open { opacity: 1; pointer-events: auto; }
.zad-drawer.is-open > div { transform: translateX(0); }
.zad-drawer > div { transform: translateX(100%); transition: transform .3s ease; }