/**
 * 007AJ Auction Theme — Dark Mode Overrides
 * Applied when body.ajau-dark-mode is active
 */

body.ajau-dark-mode {
    --ajau-bg: #0f172a;
    --ajau-bg-alt: #1e293b;
    --ajau-bg-card: #1e293b;
    --ajau-bg-input: #334155;
    --ajau-text: #e2e8f0;
    --ajau-text-muted: #94a3b8;
    --ajau-text-heading: #f1f5f9;
    --ajau-border: #334155;
    --ajau-border-light: #1e293b;
    --ajau-shadow: 0 1px 3px rgba(0,0,0,.4);
    --ajau-shadow-lg: 0 10px 40px rgba(0,0,0,.5);
    --ajau-shadow-hover: 0 8px 25px rgba(0,0,0,.4);
    --ajau-overlay: rgba(0,0,0,.7);
}

/* ── Header ─────────────────────────────────────── */
body.ajau-dark-mode .ajau-header {
    background: rgba(15, 23, 42, .92);
    border-bottom-color: var(--ajau-border);
}

body.ajau-dark-mode .ajau-nav a {
    color: #cbd5e1;
}
body.ajau-dark-mode .ajau-nav a:hover,
body.ajau-dark-mode .ajau-nav .current-menu-item > a {
    color: var(--ajau-primary);
}

body.ajau-dark-mode .ajau-dropdown {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-dropdown a {
    color: var(--ajau-text);
}
body.ajau-dark-mode .ajau-dropdown a:hover {
    background: var(--ajau-bg-input);
}

body.ajau-dark-mode .ajau-user-dropdown {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-user-dropdown a {
    color: var(--ajau-text);
}
body.ajau-dark-mode .ajau-user-dropdown a:hover {
    background: var(--ajau-bg-input);
}

/* ── Buttons ────────────────────────────────────── */
body.ajau-dark-mode .ajau-btn-outline {
    border-color: #475569;
    color: #cbd5e1;
}
body.ajau-dark-mode .ajau-btn-outline:hover {
    background: #334155;
    border-color: #64748b;
    color: #f1f5f9;
}

/* ── Forms ──────────────────────────────────────── */
body.ajau-dark-mode input,
body.ajau-dark-mode select,
body.ajau-dark-mode textarea {
    background: var(--ajau-bg-input);
    border-color: var(--ajau-border);
    color: var(--ajau-text);
}
body.ajau-dark-mode input::placeholder,
body.ajau-dark-mode textarea::placeholder {
    color: #64748b;
}
body.ajau-dark-mode input:focus,
body.ajau-dark-mode select:focus,
body.ajau-dark-mode textarea:focus {
    border-color: var(--ajau-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .25);
}
body.ajau-dark-mode .ajau-input-prefix {
    background: #1e293b;
    color: #94a3b8;
    border-color: var(--ajau-border);
}

/* ── Hero Section ───────────────────────────────── */
body.ajau-dark-mode .ajau-hero {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}
body.ajau-dark-mode .ajau-hero-search input {
    background: rgba(30, 41, 59, .9);
    color: #e2e8f0;
}
body.ajau-dark-mode .ajau-stat-item {
    color: #cbd5e1;
}

/* ── Cards ──────────────────────────────────────── */
body.ajau-dark-mode .ajau-auction-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-auction-card:hover {
    border-color: #475569;
}
body.ajau-dark-mode .ajau-card-title a {
    color: var(--ajau-text-heading);
}
body.ajau-dark-mode .ajau-card-category {
    color: var(--ajau-primary-light, #60a5fa);
}

/* ── Sections ───────────────────────────────────── */
body.ajau-dark-mode .ajau-section-alt {
    background: var(--ajau-bg-alt);
}

/* ── Category Grid ──────────────────────────────── */
body.ajau-dark-mode .ajau-cat-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-cat-card:hover {
    border-color: var(--ajau-primary);
}
body.ajau-dark-mode .ajau-cat-icon {
    background: rgba(37, 99, 235, .15);
    color: #60a5fa;
}

/* ── How It Works ───────────────────────────────── */
body.ajau-dark-mode .ajau-step {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}

/* ── Single Auction ─────────────────────────────── */
body.ajau-dark-mode .ajau-breadcrumbs a {
    color: var(--ajau-text-muted);
}
body.ajau-dark-mode .ajau-gallery-thumbs img {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-gallery-thumbs img.active {
    border-color: var(--ajau-primary);
}
body.ajau-dark-mode .ajau-auction-timer {
    background: #1a1a2e;
}
body.ajau-dark-mode .ajau-time-segment {
    background: var(--ajau-bg-input);
}
body.ajau-dark-mode .ajau-bid-section {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-quick-info {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-seller-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-auction-tabs .ajau-tab {
    color: var(--ajau-text-muted);
    border-bottom-color: transparent;
}
body.ajau-dark-mode .ajau-auction-tabs .ajau-tab.active {
    color: var(--ajau-primary);
    border-bottom-color: var(--ajau-primary);
}
body.ajau-dark-mode .ajau-tab-content {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-details-table th {
    background: var(--ajau-bg-alt);
    color: var(--ajau-text-muted);
}
body.ajau-dark-mode .ajau-details-table td {
    background: var(--ajau-bg-card);
}
body.ajau-dark-mode .ajau-details-table tr {
    border-color: var(--ajau-border);
}

/* ── Bid History ────────────────────────────────── */
body.ajau-dark-mode .ajau-bid-table {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-bid-table th {
    background: var(--ajau-bg-alt);
    color: var(--ajau-text-muted);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-bid-table td {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-bid-highest {
    background: rgba(37, 99, 235, .1);
}

/* ── Archive / Filters ──────────────────────────── */
body.ajau-dark-mode .ajau-filters-bar {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-view-toggle button {
    background: var(--ajau-bg-input);
    color: var(--ajau-text-muted);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-view-toggle button.active {
    background: var(--ajau-primary);
    color: #fff;
}
body.ajau-dark-mode .ajau-pagination a {
    background: var(--ajau-bg-card);
    color: var(--ajau-text);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-pagination .current {
    background: var(--ajau-primary);
    color: #fff;
}

/* ── Auth Pages ─────────────────────────────────── */
body.ajau-dark-mode .ajau-auth-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-role-option {
    background: var(--ajau-bg-input);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-role-option.selected {
    border-color: var(--ajau-primary);
    background: rgba(37, 99, 235, .1);
}

/* ── Dashboard ──────────────────────────────────── */
body.ajau-dark-mode .ajau-dash-header {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-dash-tabs a {
    color: var(--ajau-text-muted);
}
body.ajau-dark-mode .ajau-dash-tabs a.active {
    color: var(--ajau-primary);
    border-bottom-color: var(--ajau-primary);
}
body.ajau-dark-mode .ajau-stat-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-dash-table th {
    background: var(--ajau-bg-alt);
    color: var(--ajau-text-muted);
}
body.ajau-dark-mode .ajau-dash-table td {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-empty-state {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}

/* ── Submit Auction ─────────────────────────────── */
body.ajau-dark-mode .ajau-form-section {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-image-upload-grid .ajau-upload-slot {
    background: var(--ajau-bg-input);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-fee-notice {
    background: rgba(37, 99, 235, .1);
    border-color: rgba(37, 99, 235, .3);
    color: #93c5fd;
}

/* ── Checkout ───────────────────────────────────── */
body.ajau-dark-mode .ajau-checkout-card,
body.ajau-dark-mode .ajau-payment-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-price-breakdown {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-price-breakdown .ajau-total {
    border-top-color: var(--ajau-border);
}

/* ── Reviews ────────────────────────────────────── */
body.ajau-dark-mode .ajau-review-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-review-footer a {
    color: var(--ajau-text-muted);
}

/* ── Seller Profile ─────────────────────────────── */
body.ajau-dark-mode .ajau-seller-profile-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}

/* ── Alerts ─────────────────────────────────────── */
body.ajau-dark-mode .ajau-alert-error {
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .3);
    color: #fca5a5;
}
body.ajau-dark-mode .ajau-alert-success {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(34, 197, 94, .3);
    color: #86efac;
}
body.ajau-dark-mode .ajau-alert-warning {
    background: rgba(234, 179, 8, .12);
    border-color: rgba(234, 179, 8, .3);
    color: #fde047;
}

/* ── CTA Section ────────────────────────────────── */
body.ajau-dark-mode .ajau-cta {
    background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%);
}

/* ── Footer ─────────────────────────────────────── */
body.ajau-dark-mode .ajau-footer {
    background: #020617;
    border-top-color: #1e293b;
}
body.ajau-dark-mode .ajau-footer a {
    color: #94a3b8;
}
body.ajau-dark-mode .ajau-footer a:hover {
    color: #e2e8f0;
}
body.ajau-dark-mode .ajau-footer-bottom {
    border-top-color: #1e293b;
}

/* ── Mobile Nav ─────────────────────────────────── */
body.ajau-dark-mode .ajau-mobile-nav {
    background: var(--ajau-bg);
}
body.ajau-dark-mode .ajau-mobile-nav a {
    color: var(--ajau-text);
    border-bottom-color: var(--ajau-border);
}

/* ── Scrollbar ──────────────────────────────────── */
body.ajau-dark-mode ::-webkit-scrollbar {
    width: 8px;
}
body.ajau-dark-mode ::-webkit-scrollbar-track {
    background: var(--ajau-bg);
}
body.ajau-dark-mode ::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 4px;
}
body.ajau-dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* ── Misc ───────────────────────────────────────── */
body.ajau-dark-mode hr {
    border-color: var(--ajau-border);
}
body.ajau-dark-mode ::selection {
    background: rgba(37, 99, 235, .3);
    color: #f1f5f9;
}
body.ajau-dark-mode .ajau-no-results,
body.ajau-dark-mode .ajau-no-bids {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}

/* ── Dark Mode Toggle Button ────────────────────── */
body.ajau-dark-mode .ajau-dark-toggle {
    background: #334155;
}
body.ajau-dark-mode .ajau-dark-toggle svg {
    stroke: #fbbf24;
}

/* ── Post cards (blog) ──────────────────────────── */
body.ajau-dark-mode .ajau-post-card {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-post-card h2 a {
    color: var(--ajau-text-heading);
}

/* ── Taxonomy breadcrumbs ───────────────────────── */
body.ajau-dark-mode .ajau-subcat-grid a {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
    color: var(--ajau-text);
}
body.ajau-dark-mode .ajau-subcat-grid a:hover {
    border-color: var(--ajau-primary);
    color: var(--ajau-primary);
}

/* ── Search Typeahead ───────────────────────────── */
body.ajau-dark-mode .ajau-search-suggestions {
    background: var(--ajau-bg-card);
    border-color: var(--ajau-border);
}
body.ajau-dark-mode .ajau-search-suggestions li:hover,
body.ajau-dark-mode .ajau-search-suggestions li.active {
    background: var(--ajau-bg-input);
}

/* ── Proxy Bid Badge ────────────────────────────── */
body.ajau-dark-mode .ajau-proxy-badge {
    background: rgba(139, 92, 246, .15);
    color: #a78bfa;
}
body.ajau-dark-mode .ajau-highest-badge {
    background: rgba(34, 197, 94, .15);
    color: #86efac;
}