/* ============================================================
   CJPSL Main Stylesheet
   ============================================================ */

:root {
  --navy:   #003893;
  --maroon: #8D153A;
  --gold:   #FFB81C;
  --green:  #006A4E;
}

/* Global */
body { font-family: 'Segoe UI', Arial, sans-serif; color: #333; background: #fff; }
img  { max-width: 100%; }

/* Nav active */
.navbar .nav-link:hover, .navbar .nav-link.active {
  color: var(--gold) !important;
  border-bottom: 2px solid var(--gold);
}

/* Section divider */
.section-divider {
  width: 60px; height: 4px;
  background: linear-gradient(90deg, var(--navy), var(--gold));
  border-radius: 2px; margin-bottom: 20px;
}

/* Cards */
.card { border-radius: 8px; }
.card:hover .card-hover-lift { transform: translateY(-3px); }

/* Admin table */
.admin-table th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }

/* Member card */
.member-card { transition: all .2s; }
.member-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,56,147,.12) !important; }

/* Status badges */
.badge { font-weight: 600; }

/* Verify result box */
.verify-result { border-radius: 8px; border: 2px solid; }
.verify-result.found    { border-color: #27ae60; background: #f0fff4; }
.verify-result.notfound { border-color: #e74c3c; background: #fff5f5; }

/* Admin layout */
.admin-sidebar a { transition: background 0.15s; }
.admin-sidebar a:hover { background: rgba(255,255,255,0.12); }

/* Membership card print */
@media print {
  nav, footer, .wa-float, .print-btn { display: none !important; }
}

/* Responsive hero text */
@media (max-width: 768px) {
  .hero h1 { font-size: 22px; }
}

/* DataTable overrides */
.dataTables_wrapper .dataTables_filter input { border-radius: 6px; border: 1px solid #cdd5e0; padding: 5px 10px; }
.dataTables_wrapper .dataTables_length select { border-radius: 6px; border: 1px solid #cdd5e0; }