/*
 * WPEDU Brand Theme Override for ODUP Document Portal
 * Replaces blue/purple palette with WPEDU amber (#fbbf24) + emerald (#34d399)
 * Injected last in <head> so :root overrides inline <style> blocks.
 */

/* ── CSS Variable overrides ─────────────────────────────────────────────────── */
:root {
    --primary:            #fbbf24;
    --primary-dark:       #d97706;
    --primary-light:      #fde68a;
    --primary-glow:       rgba(251,191,36,0.30);
    --primary-gradient:   linear-gradient(135deg, #fbbf24 0%, #f97316 100%);

    --accent:             #34d399;
    --accent-dark:        #059669;
    --gold-accent:        #fbbf24;
    --gold-gradient:      linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
    --secondary-gradient: linear-gradient(135deg, #34d399 0%, #059669 100%);

    --dark-bg:    #05070f;
    --card-bg:    rgba(15,23,42,0.62);
    --glass-border: rgba(255,255,255,0.08);
    --border-bright: rgba(251,191,36,0.45);

    --success: #34d399;
    --danger:  #f87171;
}

/* ── Body background ────────────────────────────────────────────────────────── */
body { background: #05070f !important; }

/* ── Animated background orbs ───────────────────────────────────────────────── */
.orb-1 { background: linear-gradient(135deg, #fbbf24 0%, #f97316 100%) !important; }
.orb-2 { background: linear-gradient(135deg, #34d399 0%, #0d9488 100%) !important; }
.orb-3 { background: linear-gradient(135deg, #fbbf24 0%, #34d399 100%) !important; opacity: 0.12 !important; }

/* Override hardcoded radial-gradient in .animated-bg (index.php) */
.animated-bg {
    background:
        radial-gradient(ellipse 60% 50% at 10%  0%,  rgba(251,191,36,0.14) 0%, transparent 70%),
        radial-gradient(ellipse 50% 40% at 90% 100%, rgba(52,211,153,0.10) 0%, transparent 70%),
        radial-gradient(ellipse 40% 35% at 50%  50%, rgba(249,115,22,0.06) 0%, transparent 70%)
        !important;
}

/* Override hardcoded blue grid lines */
.grid-overlay {
    background-image:
        linear-gradient(rgba(251,191,36,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(251,191,36,0.04) 1px, transparent 1px) !important;
}

/* ── Navbar ─────────────────────────────────────────────────────────────────── */
.navbar-luxury {
    background: rgba(5,7,15,0.80) !important;
}
.navbar-brand-luxury {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.nav-link-luxury.active { color: #34d399 !important; }
.nav-link-luxury:hover  { background: rgba(251,191,36,0.06) !important; color: #fde68a !important; }

.btn-nav-login {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #05070f !important;
}
.btn-nav-login:hover { color: #05070f !important; box-shadow: 0 0 18px rgba(251,191,36,0.45) !important; }

/* ── Hero section ───────────────────────────────────────────────────────────── */
.hero-eyebrow { border-color: rgba(251,191,36,0.35) !important; color: #fbbf24 !important; }
.hero-eyebrow i { color: #fbbf24 !important; }

.highlight {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hero-search:focus {
    border-color: rgba(251,191,36,0.55) !important;
    box-shadow: 0 0 0 3px rgba(251,191,36,0.12) !important;
}
.hero-search-icon { color: rgba(251,191,36,0.45) !important; }

.stat-num {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ── Filter buttons ─────────────────────────────────────────────────────────── */
.filter-btn.active {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    border-color: transparent !important;
    color: #05070f !important;
}
.filter-btn:hover:not(.active) { border-color: rgba(251,191,36,0.4) !important; color: #fbbf24 !important; }

/* ── Document cards ─────────────────────────────────────────────────────────── */
.doc-card:hover {
    border-color: rgba(251,191,36,0.30) !important;
    box-shadow: 0 8px 40px rgba(251,191,36,0.12) !important;
}

.btn-luxury-action {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #05070f !important;
}
.btn-luxury-action:hover {
    box-shadow: 0 0 20px rgba(251,191,36,0.4) !important;
    color: #05070f !important;
}

.btn-share-trigger:hover { border-color: rgba(251,191,36,0.4) !important; color: #fbbf24 !important; }
.btn-share-trigger.active { background: rgba(251,191,36,0.10) !important; color: #fbbf24 !important; }

.share-copy-row:hover { background: rgba(251,191,36,0.08) !important; border-color: rgba(251,191,36,0.35) !important; }
.share-copy-row i { color: #fbbf24 !important; }
.share-copy-btn { color: #fbbf24 !important; }

/* ── Footer ─────────────────────────────────────────────────────────────────── */
.footer-luxury { border-top-color: rgba(251,191,36,0.15) !important; }
.footer-title {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.footer-link:hover { color: #fbbf24 !important; }

/* ── Welcome page ───────────────────────────────────────────────────────────── */
.welcome-logo {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
}
.welcome-title {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.btn-primary-luxury {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #05070f !important;
    box-shadow: 0 10px 30px rgba(251,191,36,0.35) !important;
}
.btn-primary-luxury:hover { color: #05070f !important; box-shadow: 0 15px 40px rgba(251,191,36,0.5) !important; }
.btn-outline-luxury { border-color: #34d399 !important; color: #34d399 !important; }
.btn-outline-luxury:hover {
    background: #34d399 !important;
    color: #05070f !important;
    box-shadow: 0 10px 30px rgba(52,211,153,0.35) !important;
}
.feature-item i { color: #34d399 !important; }

/* ── Login / Register card ──────────────────────────────────────────────────── */
.login-card, .register-card {
    background: rgba(15,23,42,0.72) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
.login-logo, .register-logo {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #05070f !important;
}
.login-logo i, .register-logo i { color: #05070f !important; }
.login-title, .register-title { color: #fde68a !important; }
.login-footer a { color: #34d399 !important; }
.login-footer a:hover { color: #6ee7b7 !important; }

.btn-luxury-login {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #05070f !important;
}
.btn-luxury-login:hover { box-shadow: 0 10px 30px rgba(251,191,36,0.4) !important; color: #05070f !important; }

.input-group-text {
    background: rgba(251,191,36,0.08) !important;
    border-color: rgba(251,191,36,0.18) !important;
    color: #fbbf24 !important;
}
.form-control-luxury:focus {
    border-color: rgba(251,191,36,0.5) !important;
    box-shadow: 0 0 0 3px rgba(251,191,36,0.10) !important;
}

/* ── Dashboard ──────────────────────────────────────────────────────────────── */
.dashboard-header {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
}
.dashboard-header,
.dashboard-header * { color: #05070f !important; }
.dashboard-header p { color: rgba(5,7,15,0.70) !important; }

.stat-card-luxury .stat-icon {
    background: rgba(251,191,36,0.12) !important;
    color: #fbbf24 !important;
}
.stat-card-luxury:hover { border-color: rgba(251,191,36,0.30) !important; }

.upload-btn {
    background: linear-gradient(135deg, #fbbf24, #f97316) !important;
    color: #05070f !important;
}
.upload-btn:hover { box-shadow: 0 0 20px rgba(251,191,36,0.40) !important; color: #05070f !important; }

.upload-area:hover,
.upload-area.drag-over {
    border-color: rgba(251,191,36,0.55) !important;
    background: rgba(251,191,36,0.04) !important;
}
.upload-icon { color: rgba(251,191,36,0.35) !important; }

.btn-edit-doc { color: #34d399 !important; }
.btn-edit-doc:hover { background: rgba(52,211,153,0.10) !important; }
.btn-delete-doc { color: #f87171 !important; }

/* ── Back-to-portal topbar (injected by config.php) ────────────────────────── */
.wpedu-topbar-odup {
    background: rgba(5,7,15,0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(251,191,36,0.18);
    padding: 0.32rem 1rem;
    font-size: 0.71rem;
    text-align: center;
    position: sticky; top: 0; z-index: 2000;
    letter-spacing: 0.05em;
    font-family: 'Montserrat', sans-serif;
}
.wpedu-topbar-odup a {
    color: rgba(251,191,36,0.70);
    text-decoration: none;
    display: inline-flex; align-items: center; gap: 0.5rem;
    transition: color 0.2s;
}
.wpedu-topbar-odup a:hover { color: #fbbf24; }
.wpedu-topbar-odup .topbar-sep {
    display: inline-block; margin: 0 0.6rem;
    color: rgba(255,255,255,0.15);
}

/* ── Toast override ─────────────────────────────────────────────────────────── */
.toast-luxury { border-color: rgba(251,191,36,0.35) !important; }
