/* ============================================
   VIP Night Mode — Black & Gold
   ============================================ */

.vip-night-mode {
    --vip-black: #0a0a0a;
    --vip-black-soft: #111111;
    --vip-black-card: #161616;
    --vip-black-surface: #1a1a1a;
    --vip-gold: #d4b96a;
    --vip-gold-light: #e8d5a0;
    --vip-gold-dim: #b59a4a;
    --vip-gold-glow: rgba(212, 185, 106, 0.15);
    --vip-text: #f0ece4;
    --vip-text-muted: #9a9590;
    --vip-border: #2a2520;
    --vip-border-accent: #3d362c;
}

/* Base overrides */
.vip-night-mode,
.vip-night-mode main {
    background-color: var(--vip-black) !important;
    color: var(--vip-text) !important;
}

/* Nav bar */
.vip-night-mode nav.sticky {
    background-color: var(--vip-black-soft) !important;
    border-color: var(--vip-border) !important;
}

.vip-night-mode nav.sticky a,
.vip-night-mode nav.sticky button,
.vip-night-mode nav.sticky span {
    color: var(--vip-text) !important;
}

.vip-night-mode nav.sticky a:hover,
.vip-night-mode nav.sticky button:hover {
    color: var(--vip-gold) !important;
}

/* Category bar */
.vip-night-mode #category-bar {
    background-color: var(--vip-black) !important;
    border-color: var(--vip-border) !important;
}

.vip-night-mode #category-bar a {
    color: var(--vip-text-muted) !important;
    border-color: transparent !important;
}

.vip-night-mode #category-bar a:hover,
.vip-night-mode #category-bar a.text-primary {
    color: var(--vip-gold) !important;
    border-color: var(--vip-gold) !important;
}

/* Search bar */
.vip-night-mode #search-bar {
    background-color: var(--vip-black-soft) !important;
    border-color: var(--vip-border) !important;
}

.vip-night-mode #search-bar input {
    color: var(--vip-text) !important;
}

/* Mobile menu */
.vip-night-mode .mobile-menu-panel {
    background-color: var(--vip-black-soft) !important;
    border-color: var(--vip-gold-dim) !important;
}

.vip-night-mode .mobile-menu-panel a {
    color: var(--vip-text) !important;
    border-color: var(--vip-border) !important;
}

.vip-night-mode .mobile-menu-panel a:hover {
    color: var(--vip-gold) !important;
    background-color: var(--vip-gold-glow) !important;
}

/* Footer */
.vip-night-mode footer {
    background-color: var(--vip-black) !important;
    border-color: var(--vip-gold-dim) !important;
}

.vip-night-mode footer a:hover {
    color: var(--vip-gold) !important;
}

/* Selection */
.vip-night-mode ::selection {
    background-color: var(--vip-gold);
    color: var(--vip-black);
}

/* VIP Gold brutal shadows */
.vip-shadow {
    box-shadow: 4px 4px 0px 0px var(--vip-gold-dim);
}

.vip-shadow-lg {
    box-shadow: 8px 8px 0px 0px var(--vip-gold-dim);
}

.vip-shadow-sm {
    box-shadow: 2px 2px 0px 0px var(--vip-gold-dim);
}

/* VIP Card hover */
.vip-card {
    background: var(--vip-black-card);
    border: 2px solid var(--vip-border-accent);
    transition: all 0.3s ease;
}

.vip-card:hover {
    border-color: var(--vip-gold-dim);
    box-shadow: 0 0 30px var(--vip-gold-glow), 8px 8px 0px 0px var(--vip-gold-dim);
    transform: translateY(-4px);
}

/* VIP Button */
.vip-btn {
    background: var(--vip-gold);
    color: var(--vip-black);
    border: 2px solid var(--vip-gold-dim);
    box-shadow: 3px 3px 0px 0px rgba(212, 185, 106, 0.4);
    transition: all 0.2s ease;
}

.vip-btn:hover {
    background: var(--vip-gold-light);
    transform: translateY(1px) translateX(1px);
    box-shadow: 1px 1px 0px 0px rgba(212, 185, 106, 0.4);
}

/* VIP Badge */
.vip-badge {
    background: var(--vip-gold);
    color: var(--vip-black);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* VIP form inputs */
.vip-night-mode .vip-form input:not([type="submit"]):not([type="hidden"]),
.vip-night-mode .vip-form textarea,
.vip-night-mode .vip-form select {
    background: var(--vip-black-soft) !important;
    border: 2px solid var(--vip-border-accent) !important;
    color: var(--vip-text) !important;
    padding: 14px 18px;
    font-size: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vip-night-mode .vip-form input:not([type="submit"]):not([type="hidden"]):focus,
.vip-night-mode .vip-form textarea:focus,
.vip-night-mode .vip-form select:focus {
    border-color: var(--vip-gold) !important;
    box-shadow: 0 0 0 3px var(--vip-gold-glow) !important;
    outline: none;
}

.vip-night-mode .vip-form input::placeholder,
.vip-night-mode .vip-form textarea::placeholder {
    color: var(--vip-text-muted) !important;
}

/* WPForms overrides inside VIP */
.vip-night-mode .vip-form .wpforms-field-label {
    color: var(--vip-gold) !important;
}

.vip-night-mode .vip-form .wpforms-submit {
    background: var(--vip-gold) !important;
    color: var(--vip-black) !important;
    border: 2px solid var(--vip-gold-dim) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 16px 40px;
    box-shadow: 3px 3px 0px 0px rgba(212, 185, 106, 0.4);
    transition: all 0.2s ease;
}

.vip-night-mode .vip-form .wpforms-submit:hover {
    background: var(--vip-gold-light) !important;
    transform: translateY(1px) translateX(1px);
    box-shadow: 1px 1px 0px 0px rgba(212, 185, 106, 0.4);
}

/* Scrollbar */
.vip-night-mode ::-webkit-scrollbar {
    width: 8px;
}

.vip-night-mode ::-webkit-scrollbar-track {
    background: var(--vip-black);
}

.vip-night-mode ::-webkit-scrollbar-thumb {
    background: var(--vip-border-accent);
    border-radius: 4px;
}

.vip-night-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--vip-gold-dim);
}