/* BOSS Charitable Trust - basic theme */
:root {
	--boss-navy: #0b2545;
	--boss-saffron: #d97706;
	--boss-teal: #0e7490;
    --boss-teal-2: #0a9396;
    --boss-bg: #f8fafc;
}

body { color: #1f2937; }
.navbar-light .navbar-brand { color: var(--boss-navy); }
.btn-primary { background-color: var(--boss-teal); border-color: var(--boss-teal); }
.btn-primary:hover { background-color: #0b5f73; border-color: #0b5f73; }
.btn-success { background-color: var(--boss-saffron); border-color: var(--boss-saffron); }
.btn-success:hover { background-color: #b86505; border-color: #b86505; }
.border-bottom { border-bottom: 1px solid #e5e7eb !important; }
.ratio { background-position: center; background-size: cover; }

/* Focus styles for accessibility */
a:focus, button:focus, .form-control:focus, .form-select:focus { box-shadow: 0 0 0 .2rem rgba(14,116,144,.25) !important; }

/* Gradients */
.hero-gradient {
	background: linear-gradient(135deg, rgba(11,37,69,0.9), rgba(14,116,144,0.85)), url('../img/hero.jpg') center/cover no-repeat;
	color: #fff;
}

/* Header top bar */
.topbar { background: linear-gradient(90deg, var(--boss-teal), var(--boss-teal-2)); color: #fff; }
.topbar a { color: #fff; text-decoration: none; }
.midbar { background: linear-gradient(135deg, var(--boss-navy), #123b6b); color: #fff; }
.midbar .brand-title { color: #fff; letter-spacing: .5px; }
.brand-tagline { color: #c7d7ea; font-size: .95rem; }
.donate-btn { background: linear-gradient(90deg, var(--boss-saffron), #ff8a00); border: none; box-shadow: 0 6px 16px rgba(217, 119, 6, .35); }
.donate-btn:hover { filter: brightness(.95); }

/* Footer */
.site-footer { background: #0a1a2b; color: #a9bacf; }
.site-footer a { color: #d1e3ff; text-decoration: none; }
.site-footer h5 { color: #fff; }

/* Sticky header and nav styling */
.site-header { position: sticky; top: 0; z-index: 1030; box-shadow: 0 4px 20px rgba(0,0,0,.06); }
.nav-pillbar { background: #ffffff; border-radius: 999px; padding: .25rem .75rem; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.navbar-light .nav-link { color: #26364a; font-weight: 500; }
.navbar-light .nav-link:hover { color: var(--boss-teal); }
.navbar-light .nav-link.active { color: var(--boss-teal); }

/* Lightbox customizations */
.lb-data .lb-close {
	background: rgba(0, 0, 0, 0.8) !important;
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	text-align: center !important;
	font-size: 24px !important;
	font-weight: bold !important;
	color: white !important;
	text-decoration: none !important;
	position: fixed !important;
	top: 20px !important;
	right: 20px !important;
	z-index: 9999 !important;
	transition: all 0.3s ease !important;
}

.lb-data .lb-close:hover {
	background: rgba(0, 0, 0, 0.9) !important;
	transform: scale(1.1) !important;
	color: #ff6b6b !important;
}

.lb-data .lb-close:before {
	content: "×" !important;
	font-size: 28px !important;
	line-height: 1 !important;
}

/* Lightbox navigation arrows */
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
	background: rgba(0, 0, 0, 0.7) !important;
	border-radius: 50% !important;
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	text-align: center !important;
	font-size: 20px !important;
	color: white !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
}

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {
	background: rgba(0, 0, 0, 0.9) !important;
	transform: scale(1.1) !important;
}

/* Lightbox counter */
.lb-data .lb-number {
	background: rgba(0, 0, 0, 0.7) !important;
	color: white !important;
	padding: 8px 15px !important;
	border-radius: 20px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

/* Lightbox caption */
.lb-data .lb-caption {
	background: rgba(0, 0, 0, 0.8) !important;
	color: white !important;
	padding: 15px 20px !important;
	border-radius: 8px !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	max-width: 80% !important;
	margin: 0 auto !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
	.topbar .container { flex-wrap: wrap; gap: .5rem 1rem; justify-content: center !important; }
	.midbar .container { flex-direction: column; text-align: center; gap: .5rem; }
	.midbar .brand-title { font-size: 1.25rem; }
	.brand-tagline { font-size: .9rem; }
	.donate-btn { width: 100%; max-width: 260px; }
	.nav-pillbar { border-radius: .5rem; padding: .5rem; box-shadow: none; width: 100%; justify-content: space-between; }
}
@media (max-width: 575.98px) {
	.topbar { font-size: .9rem; }
	.navbar-toggler { border: none; }
	.navbar-light .navbar-toggler-icon { filter: invert(40%); }
	
	/* Mobile lightbox adjustments */
	.lb-data .lb-close {
		top: 10px !important;
		right: 10px !important;
		width: 35px !important;
		height: 35px !important;
		line-height: 35px !important;
		font-size: 20px !important;
	}
	
	.lb-nav a.lb-prev,
	.lb-nav a.lb-next {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 16px !important;
	}
}