/* Model Colony Sümi Community — supplementary styles (Tailwind handles most utility classes) */

.nav-link {
  color: rgba(11, 61, 46, 0.8);
  transition: color .2s ease;
  position: relative;
  padding-bottom: .25rem;
}
.dark .nav-link { color: rgba(255,255,255,0.8); }
.nav-link:hover { color: #C9A227; }
.nav-active {
  color: #C9A227;
  font-weight: 600;
}
.nav-active::after {
  content: '';
  position: absolute;
  left: 0; bottom: -2px;
  width: 100%; height: 2px;
  background: #C9A227;
  border-radius: 2px;
}

.btn-gold {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: linear-gradient(135deg, #C9A227, #E4C55E);
  color: #0B3D2E;
  font-weight: 600;
  padding: .6rem 1.4rem;
  border-radius: 9999px;
  box-shadow: 0 4px 14px rgba(201,162,39,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(201,162,39,.45); }

.btn-outline-gold {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border: 1.5px solid #C9A227;
  color: #C9A227;
  font-weight: 600;
  padding: .55rem 1.35rem;
  border-radius: 9999px;
  transition: all .2s ease;
}
.btn-outline-gold:hover { background: #C9A227; color: #0B3D2E; }

.social-icon {
  width: 2.25rem; height: 2.25rem;
  border-radius: 9999px;
  background: rgba(255,255,255,0.1);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.8);
  transition: background .2s ease, color .2s ease;
}
.social-icon:hover { background: #C9A227; color: #0B3D2E; }

/* Glassmorphism card */
.glass-card {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(201,162,39,0.25);
}
.dark .glass-card {
  background: rgba(20,77,59,0.45);
  border: 1px solid rgba(201,162,39,0.25);
}

/* Stat / dashboard card */
.stat-card {
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 10px 25px rgba(11,61,46,0.08);
  border: 1px solid rgba(201,162,39,0.2);
  background: #ffffff;
  transition: transform .3s ease, box-shadow .3s ease;
}
.dark .stat-card { background: rgba(20,77,59,0.4); }
.stat-card:hover { transform: translateY(-4px); box-shadow: 0 20px 35px rgba(11,61,46,0.15); }

/* Fade-up scroll animation */
.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}
.fade-up.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Hero pattern overlay */
.hero-pattern {
  background-image: radial-gradient(rgba(201,162,39,0.15) 1.5px, transparent 1.5px);
  background-size: 22px 22px;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #C9A227; border-radius: 999px; }

/* DataTables minor theming overrides */
table.dataTable thead th { color: #0B3D2E; font-weight: 600; }
.dark table.dataTable thead th { color: #E4C55E; }