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

/* ── CSS Custom Properties ─────────────────────────────────── */
:root {
  --primary:       #004d40;
  --primary-light: #115e51;
  --primary-dark:  #003e31;
  --gold:          #ff7043;
  --gold-light:    #ff8255;
  --gold-dark:     #eb5c2f;
  --dark-bg:       #001a17;
  --primary-rgb:   0,77,64;
  --accent-rgb:    255,112,67;
  --dark-rgb:      0,26,23;
}

/* ── Landing Page ──────────────────────────────────────────── */
.landing-body {
  background: #001a17 !important;
}
.landing-nav.scrolled {
  background: rgba(0,26,23,.95) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,.4) !important;
}
.hero-badge {
  background: rgba(255,112,67,.15) !important;
  border-color: rgba(255,112,67,.4) !important;
}
.stats-section {
  background: linear-gradient(135deg, #003e31 0%, #004d40 100%) !important;
}
.features-section {
  background: linear-gradient(180deg, #001a17 0%, #0a2421 100%) !important;
}
.cek-section {
  background: linear-gradient(135deg, #0a2421 0%, #16302d 100%) !important;
}
.cek-glow {
  background: radial-gradient(circle, rgba(255,112,67,.12) 0%, transparent 70%) !important;
}
.cek-card-main {
  border-color: rgba(255,112,67,.2) !important;
}
.cek-card-main::before {
  background: linear-gradient(90deg, transparent, #ff7043, #ff8255, #ff7043, transparent) !important;
}
.landing-footer {
  background: #00120f !important;
}
.footer-brand { color: #ff7043 !important; }
.footer-links a:hover { color: #ff7043 !important; }

/* ── Login Page ────────────────────────────────────────────── */
.login-body {
  background: linear-gradient(135deg, #001a17, #0a2421, #16302d) !important;
}
.login-bg-shape.s1 {
  background: radial-gradient(circle, rgba(0,77,64,.4), transparent 70%) !important;
}
.login-bg-shape.s2 {
  background: radial-gradient(circle, rgba(255,112,67,.15), transparent 70%) !important;
}
.login-btn:hover {
  box-shadow: 0 10px 30px rgba(0,77,64,.4) !important;
}
.login-footer-link a { color: var(--primary) !important; }

/* ── Cek Kelulusan Page ────────────────────────────────────── */
.cek-body {
  background: linear-gradient(135deg, #001a17, #0a2421, #004d40) !important;
}
.search-card-header {
  background: linear-gradient(135deg, #004d40, #115e51) !important;
}
.cek-body::before {
  background-image:
    radial-gradient(circle at 20% 80%, rgba(255,112,67,.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(0,77,64,.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, #004d40 0%, #003e31 100%) !important;
}
.sidebar-link.active {
  background: linear-gradient(135deg, rgba(255,112,67,.25), rgba(255,112,67,.12)) !important;
  color: #ff7043 !important;
  border-color: rgba(255,112,67,.2) !important;
}
.sidebar-link.active::before {
  background: #ff7043 !important;
}
.sidebar-link.active .link-icon {
  background: rgba(255,112,67,.2) !important;
}
.sidebar-brand .brand-icon {
  background: linear-gradient(135deg, #ff7043, #eb5c2f) !important;
  box-shadow: 0 4px 15px rgba(255,112,67,.4) !important;
}
.user-avatar {
  background: linear-gradient(135deg, #ff7043, #eb5c2f) !important;
}

/* ── Topbar ─────────────────────────────────────────────────── */
.topbar-btn:hover {
  background: #004d40 !important;
  border-color: #004d40 !important;
  color: #fff !important;
}
.user-chip .chip-avatar {
  background: linear-gradient(135deg, #004d40, #115e51) !important;
}

/* ── Buttons ────────────────────────────────────────────────── */
.btn-primary-custom {
  background: linear-gradient(135deg, #004d40, #115e51) !important;
}
.btn-primary-custom:hover {
  box-shadow: 0 8px 25px rgba(0,77,64,.35) !important;
}
.btn-gold-custom {
  background: linear-gradient(135deg, #ff7043, #eb5c2f) !important;
}
.btn-gold-custom:hover {
  box-shadow: 0 8px 25px rgba(255,112,67,.4) !important;
}

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

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

/* ── Forms ──────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #004d40 !important;
  box-shadow: 0 0 0 3px rgba(0,77,64,.12) !important;
}
.form-check-input:checked {
  background-color: #004d40 !important;
  border-color: #004d40 !important;
}
.form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(0,77,64,.2) !important;
}
.form-switch .form-check-input:checked {
  background-color: #004d40 !important;
}
.nisn-input-big:focus {
  border-color: #ff7043 !important;
  box-shadow: 0 0 0 4px rgba(255,112,67,.25) !important;
}

/* ── Dashboard stat cards (blue = primary) ──────────────────── */
.stat-card.blue::before {
  background: linear-gradient(90deg, #004d40, #115e51) !important;
}
.stat-card.blue .card-icon {
  background: rgba(0,77,64,.1) !important;
  color: #004d40 !important;
}

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