/* Theme: Saudi KSA green palette with modern, clean UI */
:root {
	--ksa: #0a7a42;
	--ksa-700: #066235;
	--ksa-soft: #e5f4ec;
	--ink: #0f172a;
	--muted: #6b7280;
	--bg: #fafafa;
}

body {
	font-family: 'Poppins', 'Tajawal', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: var(--ink);
	background: var(--bg);
}

.text-ksa {
	color: var(--ksa) !important;
}
.bg-ksa-soft {
	background: var(--ksa-soft) !important;
}
.btn-ksa {
	background: var(--ksa);
	color: #fff;
	border-color: var(--ksa);
}
.btn-ksa:hover {
	background: var(--ksa-700);
	border-color: var(--ksa-700);
}
.btn-outline-ksa {
	color: var(--ksa);
	border-color: var(--ksa);
	background: transparent;
}
.btn-outline-ksa:hover {
	background: var(--ksa);
	color: #fff;
}

.logo-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: var(--ksa);
	display: inline-block;
}

/* Hero */
.hero-section {
	position: relative;
	background: #0b3b24;
	color: #fff;
	padding-top: 88px;
}
.hero-bg {
	position: absolute;
	inset: 0;
	background-image: url('../img/hero.jpg');
	background-size: cover;
	background-position: center;
	filter: brightness(0.6) saturate(0.9);
	z-index: 0;
}
.hero-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(1000px 400px at 20% 20%, rgba(10, 122, 66, 0.45), rgba(0,0,0,0.65));
	backdrop-filter: blur(1px);
	z-index: 1;
}
.hero-section .container { position: relative; z-index: 2; }
.hero-card .icon-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--ksa-soft);
	color: var(--ksa);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}

/* Categories */
.category-tile {
	display: block;
	text-align: center;
	padding: 20px 10px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid #eef2f7;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease;
}
.category-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}
.category-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	margin: 0 auto 10px;
	background: var(--ksa-soft);
	color: var(--ksa);
	display: grid;
	place-items: center;
	font-size: 22px;
}
.category-label { font-weight: 600; color: var(--ink); }

/* Deals */
.deal-card {
	border: 0;
	box-shadow: 0 10px 25px rgba(0,0,0,0.06);
	border-radius: 16px;
}
.deal-card .card-img-top { border-top-left-radius: 16px; border-top-right-radius: 16px; }

/* Gradient section */
.bg-gradient-ksa {
	background: linear-gradient(135deg, var(--ksa) 0%, #0e8d4b 50%, #14a164 100%);
}

/* Navbar tweaks */
.navbar .nav-link { font-weight: 500; }
.navbar .nav-link:hover { color: var(--ksa); }

/* Utilities */
.min-vh-75 { min-height: 75vh; }

@media (max-width: 575.98px) {
	.hero-section { padding-top: 76px; }
}