/* ==========================================================================
   EGXHUB - "Royal Gold" Light Theme (data-theme="gold")
   Executive ivory surfaces, dark-gold accents, subtle pinstripe texture.
   Loaded after egxhub-terminal.css + egxhub-responsive.css.
   ========================================================================== */

[data-theme="gold"] {
    /* Warm ivory surfaces */
    --bg-base: #f5f1e8;
    --bg-surface: #fffdf6;
    --bg-card: #ffffff;
    --bg-card-hover: #faf5e9;
    --bg-input: #f2ecdd;
    --bg-glass: rgba(255, 253, 246, 0.92);

    /* Champagne borders */
    --border-color: #e4d9bd;
    --border-highlight: #cfbd8d;
    --border-glow: rgba(125, 97, 22, 0.28);

    /* Ink text */
    --text-primary: #241d10;
    --text-secondary: #6f6350;
    --text-muted: #a2967c;
    --text-highlight: #100d07;

    /* Market colors tuned for light backgrounds */
    --bullish-green: #047857;
    --bullish-bg: rgba(4, 120, 87, 0.09);
    --bullish-border: rgba(4, 120, 87, 0.32);
    --bullish-glow: 0 0 14px rgba(4, 120, 87, 0.18);

    --bearish-red: #b91c1c;
    --bearish-bg: rgba(185, 28, 28, 0.08);
    --bearish-border: rgba(185, 28, 28, 0.3);
    --bearish-glow: 0 0 14px rgba(185, 28, 28, 0.16);

    /* Dark gold identity */
    --gold-accent: #7d6116;
    --gold-bg: rgba(125, 97, 22, 0.1);
    --gold-border: rgba(125, 97, 22, 0.38);
    --gold-glow: 0 0 14px rgba(125, 97, 22, 0.22);

    /* Deep teal secondary (replaces neon cyan on light) */
    --cyan-accent: #0e7490;
    --cyan-bg: rgba(14, 116, 144, 0.09);
    --cyan-border: rgba(14, 116, 144, 0.32);

    --purple-accent: #7c3aed;

    --shadow-sm: 0 1px 3px rgba(84, 70, 35, 0.1);
    --shadow-md: 0 6px 18px rgba(84, 70, 35, 0.12);
    --shadow-lg: 0 14px 34px rgba(84, 70, 35, 0.16);
    --shadow-glow: 0 0 22px rgba(125, 97, 22, 0.14);
}

/* ---------- Interlaced pinstripe texture ---------- */
[data-theme="gold"] body {
    background-color: var(--bg-base);
    background-image:
        radial-gradient(ellipse 90% 42% at 50% -8%, rgba(176, 141, 42, 0.1), transparent 70%),
        repeating-linear-gradient(135deg, rgba(125, 97, 22, 0.028) 0 1px, transparent 1px 9px);
    background-attachment: fixed;
}

/* ---------- Ticker tape: ivory + gold rule ---------- */
[data-theme="gold"] .ticker-bar-wrapper {
    background: linear-gradient(180deg, #fffdf6, #f7f1e2);
    border-bottom: 2px solid var(--gold-accent);
}

[data-theme="gold"] .ticker-pulse-label {
    background: linear-gradient(135deg, #fffdf6, #f3ead3);
    color: var(--gold-accent);
    border-left: 1px solid var(--border-color);
}

[data-theme="gold"] .ticker-item {
    background: rgba(125, 97, 22, 0.06);
    border: 1px solid rgba(125, 97, 22, 0.18);
}

[data-theme="gold"] .ticker-item .name {
    color: var(--text-secondary);
}

/* ---------- Navbar: white + gold hairline ---------- */
[data-theme="gold"] .main-navbar {
    background: rgba(255, 253, 246, 0.96);
    border-bottom: 1px solid var(--gold-border);
    box-shadow: 0 2px 14px rgba(84, 70, 35, 0.08);
}

[data-theme="gold"] .brand-title {
    color: var(--text-highlight);
}

[data-theme="gold"] .brand-logo-glow {
    background: linear-gradient(135deg, #8a6d1b, #c49a2e);
    box-shadow: 0 0 14px rgba(125, 97, 22, 0.4);
}

[data-theme="gold"] .nav-item-link:hover,
[data-theme="gold"] .nav-item-link.active {
    background: var(--gold-bg);
}

[data-theme="gold"] .nav-item-link.active {
    color: var(--gold-accent);
    border-bottom: 2px solid var(--gold-accent);
}

[data-theme="gold"] .nav-dropdown-menu {
    background: rgba(255, 253, 246, 0.98);
    box-shadow: 0 16px 36px rgba(84, 70, 35, 0.18), 0 0 0 1px rgba(125, 97, 22, 0.12);
}

/* ---------- Cards: gold top rule ---------- */
[data-theme="gold"] .terminal-card::before,
[data-theme="gold"] .post-creation-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--gold-accent) 18%, var(--gold-accent) 82%, transparent);
    opacity: 0.55;
    pointer-events: none;
}

[data-theme="gold"] .terminal-card,
[data-theme="gold"] .post-creation-card {
    box-shadow: var(--shadow-sm);
}

[data-theme="gold"] .card-title {
    color: var(--text-highlight);
}

/* ---------- Buttons: deep-gold primary ---------- */
[data-theme="gold"] .btn-primary-glow {
    background: linear-gradient(135deg, #6d5413, #a98524);
    box-shadow: 0 4px 14px rgba(125, 97, 22, 0.35);
    border: 1px solid rgba(125, 97, 22, 0.5);
}

[data-theme="gold"] .btn-primary-glow:hover {
    box-shadow: 0 6px 20px rgba(125, 97, 22, 0.5);
}

[data-theme="gold"] .theme-toggle-btn:hover {
    color: var(--gold-accent);
    border-color: var(--gold-border);
}

[data-theme="gold"] .follow-btn-chip {
    border-color: rgba(14, 116, 144, 0.4);
    background: rgba(14, 116, 144, 0.07);
}

/* ---------- Feed controls ---------- */
[data-theme="gold"] .feed-tab-btn.active {
    color: var(--gold-accent);
}

[data-theme="gold"] .index-tab-btn.active {
    background: linear-gradient(135deg, rgba(125, 97, 22, 0.12), rgba(125, 97, 22, 0.05));
    border-color: var(--gold-accent);
    color: var(--gold-accent);
    box-shadow: 0 0 14px rgba(125, 97, 22, 0.18);
}

[data-theme="gold"] .index-tab-btn.active .index-tab-count {
    background: var(--gold-accent);
    color: #fffdf6;
}

[data-theme="gold"] .index-tab-count {
    background: rgba(125, 97, 22, 0.1);
}

/* ---------- Prediction showcase on light ---------- */
[data-theme="gold"] .prediction-box {
    background: linear-gradient(135deg, #fffdf6, #faf5e9);
}

[data-theme="gold"] .prediction-box.bullish {
    background: linear-gradient(135deg, rgba(4, 120, 87, 0.07), #fffdf6);
}

[data-theme="gold"] .prediction-box.bearish {
    background: linear-gradient(135deg, rgba(185, 28, 28, 0.06), #fffdf6);
}

/* ---------- Tables ---------- */
[data-theme="gold"] .terminal-table th {
    color: var(--gold-accent);
    border-bottom: 1px solid var(--gold-border);
}

/* ---------- Floating toast ---------- */
[data-theme="gold"] .live-notif-toast {
    background: rgba(255, 253, 246, 0.97);
    border-color: var(--gold-accent);
    box-shadow: 0 10px 32px rgba(84, 70, 35, 0.25);
    color: var(--text-primary);
}

/* ---------- Notification dropdown polish ---------- */
[data-theme="gold"] .notif-dropdown-menu {
    box-shadow: 0 15px 35px rgba(84, 70, 35, 0.22), 0 0 18px rgba(125, 97, 22, 0.1);
}

[data-theme="gold"] .notif-dropdown-item.unread {
    background: rgba(125, 97, 22, 0.08);
}

/* ---------- Mobile drawer + dock ---------- */
[data-theme="gold"] .nav-drawer {
    background: var(--bg-surface);
    box-shadow: -20px 0 50px rgba(84, 70, 35, 0.25);
}

[data-theme="gold"] .nav-scrim {
    background: rgba(60, 50, 25, 0.45);
}

@media (max-width: 768px) {
    [data-theme="gold"] .mobile-bottom-dock {
        background: rgba(255, 253, 246, 0.96);
        border-top: 2px solid var(--gold-accent);
        box-shadow: 0 -8px 26px rgba(84, 70, 35, 0.18);
    }

    [data-theme="gold"] .mobile-bottom-dock .dock-item.active,
    [data-theme="gold"] .mobile-bottom-dock .dock-item:hover {
        color: var(--gold-accent);
    }

    [data-theme="gold"] .mobile-bottom-dock .dock-item.active i {
        color: var(--gold-accent);
        text-shadow: 0 0 12px rgba(125, 97, 22, 0.5);
    }

    [data-theme="gold"] .mobile-bottom-dock .dock-item.active::after {
        background: var(--gold-accent);
        box-shadow: 0 2px 8px rgba(125, 97, 22, 0.7);
    }
}

/* ---------- Universal search card ---------- */
[data-theme="gold"] .universal-search-card {
    background: linear-gradient(135deg, #fffdf6, #faf3e3);
    border-color: var(--gold-border);
    box-shadow: var(--shadow-md), 0 0 18px rgba(125, 97, 22, 0.1);
}

[data-theme="gold"] .universal-search-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--gold-accent) 18%, var(--gold-accent) 82%, transparent);
    opacity: 0.55;
    pointer-events: none;
}

[data-theme="gold"] .universal-search-card:focus-within {
    border-color: var(--gold-accent);
    box-shadow: var(--shadow-md), 0 0 24px rgba(125, 97, 22, 0.2);
}

[data-theme="gold"] .search-icon-badge {
    background: linear-gradient(135deg, #8a6d1b, #c49a2e);
    border-color: rgba(125, 97, 22, 0.5);
    color: #fffdf6;
    box-shadow: 0 0 14px rgba(125, 97, 22, 0.35);
}

[data-theme="gold"] .home-search-input {
    background: var(--bg-input);
}

[data-theme="gold"] .home-search-input:focus {
    border-color: var(--gold-accent);
    background: #fffdf6;
    box-shadow: 0 0 0 4px rgba(125, 97, 22, 0.14);
}

[data-theme="gold"] .universal-search-card:focus-within .input-search-icon {
    color: var(--gold-accent);
}

[data-theme="gold"] .search-pill-btn {
    background: rgba(125, 97, 22, 0.06);
}

[data-theme="gold"] .search-pill-btn:hover {
    background: rgba(125, 97, 22, 0.12);
    border-color: var(--gold-border);
}

[data-theme="gold"] .search-pill-btn.active {
    background: rgba(125, 97, 22, 0.14);
    border-color: var(--gold-accent);
    color: var(--gold-accent);
    box-shadow: 0 0 10px rgba(125, 97, 22, 0.2);
}

[data-theme="gold"] .quick-tag-chip.sharia-chip {
    color: var(--purple-accent);
}

[data-theme="gold"] .quick-tag-chip.sharia-chip:hover {
    border-color: var(--purple-accent);
}

[data-theme="gold"] .home-search-dropdown {
    background: rgba(255, 253, 246, 0.98);
    border-color: var(--gold-accent);
    box-shadow: 0 16px 45px rgba(84, 70, 35, 0.25), 0 0 22px rgba(125, 97, 22, 0.14);
}

[data-theme="gold"] .search-result-row:hover {
    background: rgba(125, 97, 22, 0.07);
    border-color: rgba(125, 97, 22, 0.35);
}

[data-theme="gold"] .search-clear-btn {
    background: rgba(125, 97, 22, 0.1);
}

/* ---------- Modal ---------- */
[data-theme="gold"] .terminal-modal-content {
    box-shadow: 0 20px 55px rgba(84, 70, 35, 0.3);
}

/* ---------- Misc hard-coded dark bits ---------- */
[data-theme="gold"] .sentiment-pill {
    background: var(--bg-surface);
}

[data-theme="gold"] .stock-ticker-chip:hover {
    color: #fffdf6;
    background: var(--gold-accent);
    border-color: var(--gold-accent);
}

[data-theme="gold"] .accuracy-stat-chip {
    background: rgba(4, 120, 87, 0.1);
}

[data-theme="gold"] ::selection {
    background: rgba(125, 97, 22, 0.25);
}

[data-theme="gold"] ::-webkit-scrollbar-thumb {
    background: rgba(125, 97, 22, 0.35);
}

[data-theme="gold"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(125, 97, 22, 0.55);
}