/* ============================================================
   SIK Dynamic Theme – generated by theme.php
   ============================================================ */

/* ── CSS Custom Properties ─────────────────────────────────── */
:root {
  --primary:       #1a237e;
  --primary-light: #2b348f;
  --primary-dark:  #0b146f;
  --gold:          #f5a623;
  --gold-light:    #ffb835;
  --gold-dark:     #e1920f;
  --dark-bg:       #0f2027;
  --primary-rgb:   26,35,126;
  --accent-rgb:    245,166,35;
  --dark-rgb:      15,32,39;
}

/* ── Landing Page ──────────────────────────────────────────── */
.landing-body {
  background: #0f2027 !important;
}
.landing-nav.scrolled {
  background: rgba(15,32,39,.95) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,.4) !important;
}
.hero-badge {
  background: rgba(245,166,35,.15) !important;
  border-color: rgba(245,166,35,.4) !important;
}
.stats-section {
  background: linear-gradient(135deg, #0b146f 0%, #1a237e 100%) !important;
}
.features-section {
  background: linear-gradient(180deg, #0f2027 0%, #192a31 100%) !important;
}
.cek-section {
  background: linear-gradient(135deg, #192a31 0%, #25363d 100%) !important;
}
.cek-glow {
  background: radial-gradient(circle, rgba(245,166,35,.12) 0%, transparent 70%) !important;
}
.cek-card-main {
  border-color: rgba(245,166,35,.2) !important;
}
.cek-card-main::before {
  background: linear-gradient(90deg, transparent, #f5a623, #ffb835, #f5a623, transparent) !important;
}
.landing-footer {
  background: #07181f !important;
}
.footer-brand { color: #f5a623 !important; }
.footer-links a:hover { color: #f5a623 !important; }

/* ── Login Page ────────────────────────────────────────────── */
.login-body {
  background: linear-gradient(135deg, #0f2027, #192a31, #25363d) !important;
}
.login-bg-shape.s1 {
  background: radial-gradient(circle, rgba(26,35,126,.4), transparent 70%) !important;
}
.login-bg-shape.s2 {
  background: radial-gradient(circle, rgba(245,166,35,.15), transparent 70%) !important;
}
.login-btn:hover {
  box-shadow: 0 10px 30px rgba(26,35,126,.4) !important;
}
.login-footer-link a { color: var(--primary) !important; }

/* ── Cek Kelulusan Page ────────────────────────────────────── */
.cek-body {
  background: linear-gradient(135deg, #0f2027, #192a31, #1a237e) !important;
}
.search-card-header {
  background: linear-gradient(135deg, #1a237e, #2b348f) !important;
}
.cek-body::before {
  background-image:
    radial-gradient(circle at 20% 80%, rgba(245,166,35,.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(26,35,126,.3) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%) !important;
}

/* ── Sidebar ────────────────────────────────────────────────── */
.sidebar {
  background: linear-gradient(180deg, #1a237e 0%, #0b146f 100%) !important;
}
.sidebar-link.active {
  background: linear-gradient(135deg, rgba(245,166,35,.25), rgba(245,166,35,.12)) !important;
  color: #f5a623 !important;
  border-color: rgba(245,166,35,.2) !important;
}
.sidebar-link.active::before {
  background: #f5a623 !important;
}
.sidebar-link.active .link-icon {
  background: rgba(245,166,35,.2) !important;
}
.sidebar-brand .brand-icon {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
  box-shadow: 0 4px 15px rgba(245,166,35,.4) !important;
}
.user-avatar {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
}

/* ── Topbar ─────────────────────────────────────────────────── */
.topbar-btn:hover {
  background: #1a237e !important;
  border-color: #1a237e !important;
  color: #fff !important;
}
.user-chip .chip-avatar {
  background: linear-gradient(135deg, #1a237e, #2b348f) !important;
}

/* ── Buttons ────────────────────────────────────────────────── */
.btn-primary-custom {
  background: linear-gradient(135deg, #1a237e, #2b348f) !important;
}
.btn-primary-custom:hover {
  box-shadow: 0 8px 25px rgba(26,35,126,.35) !important;
}
.btn-gold-custom {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
}
.btn-gold-custom:hover {
  box-shadow: 0 8px 25px rgba(245,166,35,.4) !important;
}

/* Landing CTA buttons */
.btn-cek {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
  box-shadow: 0 8px 30px rgba(245,166,35,.4) !important;
}
.btn-cek:hover {
  box-shadow: 0 15px 40px rgba(245,166,35,.5) !important;
}
.btn-cek-big {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
  box-shadow: 0 10px 40px rgba(245,166,35,.45) !important;
}
.btn-cek-big:hover {
  box-shadow: 0 20px 60px rgba(245,166,35,.55) !important;
}
.btn-outline-gold:hover {
  border-color: #f5a623 !important;
  color: #f5a623 !important;
  background: rgba(245,166,35,.1) !important;
}

/* Landing step numbers + progress bar */
.step-num {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
}
.progress-bar-fill {
  background: linear-gradient(90deg, #f5a623, #ffb835) !important;
}
.hero-card-float .year-badge {
  background: linear-gradient(135deg, #f5a623, #e1920f) !important;
  box-shadow: 0 6px 20px rgba(245,166,35,.5) !important;
}
.feature-card:hover {
  border-color: rgba(245,166,35,.3) !important;
}
.feature-card::before {
  background: linear-gradient(90deg, transparent, #f5a623, transparent) !important;
}

/* ── Forms ──────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #1a237e !important;
  box-shadow: 0 0 0 3px rgba(26,35,126,.12) !important;
}
.form-check-input:checked {
  background-color: #1a237e !important;
  border-color: #1a237e !important;
}
.form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(26,35,126,.2) !important;
}
.form-switch .form-check-input:checked {
  background-color: #1a237e !important;
}
.nisn-input-big:focus {
  border-color: #f5a623 !important;
  box-shadow: 0 0 0 4px rgba(245,166,35,.25) !important;
}

/* ── Dashboard stat cards (blue = primary) ──────────────────── */
.stat-card.blue::before {
  background: linear-gradient(90deg, #1a237e, #2b348f) !important;
}
.stat-card.blue .card-icon {
  background: rgba(26,35,126,.1) !important;
  color: #1a237e !important;
}

/* Progress bar section label */
.section-label { color: #f5a623 !important; }
.stat-box .number { color: #f5a623 !important; }
.nav-brand span  { color: #f5a623 !important; -webkit-text-fill-color: #f5a623 !important; }