/* ═══════════════════════════════════════════════════════════════
   SUNSET THEME — Orange-Red Warm Tones
   ═══════════════════════════════════════════════════════════════ */

/* ── Login / Register Page Overrides ── */
body {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 30%, #fed7aa 60%, #fdba74 100%) !important;
}
.bg-shape.shape-1 {
    background: radial-gradient(circle, #ea580c, #f97316) !important;
}
.bg-shape.shape-2 {
    background: radial-gradient(circle, #dc2626, #ef4444) !important;
}
.bg-shape.shape-3 {
    background: radial-gradient(circle, #f59e0b, #fbbf24) !important;
}
.login-card {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
    box-shadow: 0 30px 70px -10px rgba(234, 88, 12, 0.20),
                inset 0 1px 1px rgba(255,255,255,0.6) !important;
}
.login-card:hover {
    box-shadow: 0 40px 80px -12px rgba(234, 88, 12, 0.30) !important;
}
.login-card h3 {
    color: #7c2d12 !important;
}
.login-card .sub-text {
    color: #c2410c !important;
    border-left-color: #f97316 !important;
}
.form-control {
    background: rgba(255, 255, 255, 0.65) !important;
    border-color: rgba(249, 115, 22, 0.2) !important;
}
.form-control:focus {
    border-color: #f97316 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.12) !important;
}
.input-icon i {
    color: #fdba74 !important;
}
.input-icon .form-control:focus + i {
    color: #ea580c !important;
}
.btn-login {
    background: linear-gradient(135deg, #ea580c, #f97316) !important;
    box-shadow: 0 10px 24px -8px rgba(234, 88, 12, 0.40) !important;
}
.btn-login:hover {
    background: linear-gradient(135deg, #c2410c, #ea580c) !important;
    box-shadow: 0 16px 32px -8px rgba(234, 88, 12, 0.55) !important;
}
.login-tabs {
    background: rgba(254, 215, 170, 0.4) !important;
}
.login-tabs button {
    color: #c2410c !important;
}
.login-tabs button.active {
    background: linear-gradient(135deg, #ea580c, #f97316) !important;
    box-shadow: 0 8px 18px -6px rgba(234, 88, 12, 0.40) !important;
}
.register-link {
    color: #ea580c !important;
}
.register-link:hover {
    color: #7c2d12 !important;
    border-bottom-color: #ea580c !important;
}
.alert {
    background: rgba(254, 243, 199, 0.8) !important;
    color: #92400e !important;
}
.alert-danger {
    background: rgba(254, 226, 226, 0.8) !important;
    color: #991b1b !important;
}
.alert-info-soft {
    background: rgba(254, 243, 199, 0.8) !important;
    color: #92400e !important;
}
.footer-lock {
    color: #fdba74 !important;
    border-top-color: rgba(249, 115, 22, 0.2) !important;
}
.footer-lock a {
    color: #c2410c !important;
}
.footer-lock a:hover {
    color: #ea580c !important;
}
.brand-icon {
    background: linear-gradient(135deg, #ea580c, #f97316) !important;
    box-shadow: 0 12px 24px -8px rgba(234, 88, 12, 0.35) !important;
}

/* ── Register Page Overrides ── */
.marquee-bar {
    background: linear-gradient(90deg, #7c2d12, #ea580c) !important;
    border-bottom-color: #fbbf24 !important;
}
.left-panel {
    background: linear-gradient(145deg, #7c2d12, #c2410c) !important;
}
.left-panel h1 span {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
.left-panel .feature-list i {
    color: #fbbf24 !important;
}
.form-card {
    background: #ffffff !important;
    border-color: rgba(249, 115, 22, 0.1) !important;
}
.form-card h2 {
    color: #7c2d12 !important;
}
.form-card .subhead {
    color: #c2410c !important;
    border-left-color: #f97316 !important;
}
.form-label {
    color: #9a3412 !important;
}
.form-control, .form-select {
    background: #fff7ed !important;
    border-color: rgba(249, 115, 22, 0.2) !important;
}
.form-control:focus, .form-select:focus {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.10) !important;
    background: #ffffff !important;
}
.btn-main {
    background: linear-gradient(135deg, #ea580c, #f97316) !important;
    box-shadow: 0 8px 20px -6px rgba(234, 88, 12, 0.30) !important;
}
.btn-main:hover {
    background: linear-gradient(135deg, #c2410c, #ea580c) !important;
}
.right-panel {
    background: #fff7ed !important;
}
.auth-wrap {
    background: #fff7ed !important;
}
.badge-soft {
    background: rgba(234, 88, 12, 0.1) !important;
    color: #ea580c !important;
}
.login-link {
    color: #ea580c !important;
}
.login-link:hover {
    color: #7c2d12 !important;
}

/* ── Dashboard Overrides ── */
body { background: #fff7ed !important; color: #9a3412 !important; }
.sidebar {
    background: linear-gradient(180deg, #ea580c, #c2410c) !important;
    box-shadow: 8px 0 30px rgba(234, 88, 12, 0.20) !important;
}
.nav-menu a::before {
    background: #fbbf24 !important;
}
.nav-menu a.active {
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.22), rgba(251, 191, 36, 0.06)) !important;
    box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.35) !important;
}
.topbar {
    background: #ffffff !important;
    border-bottom-color: rgba(249, 115, 22, 0.12) !important;
}
.welcome h5 { color: #7c2d12 !important; }
.welcome small { color: #c2410c !important; }
.card {
    background: #ffffff !important;
    border: 1px solid rgba(249, 115, 22, 0.08) !important;
    box-shadow: 0 4px 20px rgba(234, 88, 12, 0.06) !important;
}
.marquee-wrap {
    background: linear-gradient(90deg, #c2410c, #ea580c) !important;
}
.wallet-pill {
    background: #ffedd5 !important;
    color: #9a3412 !important;
    border-color: #fdba74 !important;
}
.add-balance-btn {
    background: linear-gradient(135deg, #ea580c, #f97316) !important;
    border-color: #ea580c !important;
}