/* ... (Existing color variables remain the same) ... */
:root {
    --halloween-orange: #FF570A;   /* Bright Pumpkin Orange (Main Accent) */
    --halloween-purple: #4B0082; /* Deep Indigo/Purple (Main Background/Footer) */
    --halloween-lime: #CCFF00;  /* Spooky Lime Green (Highlight/Accent) */
    --halloween-black: #1A1A1A; /* Black (Background/Text) */
    --halloween-cream: #FFFDF5; /* Off-White/Cream (Text for Contrast) */
    --halloween-link: #FF570A;  /* Orange for links */
}

body {
    background-color: var(--halloween-black);
    font-family: 'Arial', sans-serif;
    color: var(--halloween-cream); /* Default body text color */
}

/* Header Styling (Purple Background, Lime/Cream Text) */
#halloween-header { /* RENAMED ID: christmas-header -> halloween-header */
    background-color: var(--halloween-purple);
    color: var(--halloween-cream);
    border-bottom: 5px solid var(--halloween-lime);
}

#halloween-header .display-4 {
    color: var(--halloween-lime);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    font-size: 3rem;
}

/* Shop Card Styling */
.shop-card {
    border: 1px solid var(--halloween-orange);
    transition: transform 0.2s, box-shadow 0.2s;
    background-color: #333333; /* Darker Card Background */
}

/* FIX: Make Shop Listing Descriptions Cream/White for visibility */
.shop-card .card-text {
    color: var(--halloween-cream) !important; 
}

.shop-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(255, 87, 10, 0.4);
}

/* Buttons and Alerts for Halloween Theme */
/* Orange for Success/Primary actions (Visit Shop, Search) */
.btn-success {
    background-color: var(--halloween-orange);
    border-color: var(--halloween-orange);
}
.btn-success:hover {
    background-color: #E84D09; /* Slightly darker orange */
    border-color: #E84D09;
}

/* Purple for Danger/Accent (Favorite/Submission) */
.btn-danger {
    background-color: var(--halloween-purple);
    border-color: var(--halloween-purple);
}

/* FIX: Ensure the Shop Filters button (btn-outline-danger) text is Cream/White on dark background */
.btn-outline-danger {
    color: var(--halloween-cream); 
    border-color: var(--halloween-cream);
}
.btn-outline-danger:hover {
    background-color: var(--halloween-purple);
    color: var(--halloween-cream);
}

/* Lime Green for Warnings/Highlights (Affiliate Banner, Price Tags) */
.btn-warning {
    background-color: var(--halloween-lime);
    border-color: var(--halloween-lime);
    color: var(--halloween-black);
    font-weight: bold;
}

.bg-warning {
    background-color: var(--halloween-lime) !important;
}

/* Filter Card Styling */
#card-filters {
    border: 2px dashed var(--halloween-orange);
}

/* Card Header Colors */
#card-submission .card-header {
    background-color: var(--halloween-orange) !important;
}
#card-favorites .card-header {
    background-color: var(--halloween-purple) !important;
}

/* Footer Styling (Purple Background, Cream Text) */
#halloween-footer {
    background-color: var(--halloween-purple);
    color: var(--halloween-cream);
    border-top: 5px solid var(--halloween-lime);
}

/* FIX: Override Bootstrap's text-muted class inside the footer for visibility */
#halloween-footer .text-muted {
    color: var(--halloween-cream) !important; /* Forces off-white color with high priority */
}
/* End FIX */

#halloween-footer a {
    color: var(--halloween-cream);
}

#halloween-footer a:hover {
    color: var(--halloween-lime);
}

/* Shop Card Title (Orange Text) */
.shop-card .card-title a {
    color: var(--halloween-orange) !important;
    font-size: 24px
}

/* New: Search Bar Focus Outline (Orange) */
#search-input:focus {
    border-color: var(--halloween-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 87, 10, 0.25); /* Subtle orange glow */
}

/* Pagination Styling (Orange & Purple Theme) */
.pagination .page-item .page-link {
    color: var(--halloween-orange); /* Default link color: Orange */
    border: 1px solid var(--halloween-orange);
    background-color: var(--halloween-black);
    transition: all 0.2s;
}

.pagination .page-item .page-link:hover {
    color: var(--halloween-black);
    background-color: var(--halloween-orange);
    border-color: var(--halloween-orange);
}

/* Active Page (Purple background) */
.pagination .page-item.active .page-link {
    z-index: 3;
    color: var(--halloween-cream);
    background-color: var(--halloween-purple);
    border-color: var(--halloween-purple);
}

/* Disabled/Previous/Next Buttons (Subtle Orange) */
.pagination .page-item.disabled .page-link {
    color: rgba(255, 87, 10, 0.5); /* Faded Orange */
    background-color: var(--halloween-black);
    border-color: rgba(255, 87, 10, 0.3);
}

/* Shop Card Title Emoji Icon */
.shop-title-icon {
    margin-right: 5px;
}

/* Ensure the Affiliate badge (bg-danger) is clearly Purple */
.badge.bg-danger {
    background-color: var(--halloween-purple) !important;
    color: var(--halloween-cream);
    font-weight: bold;
}

/* New Badge Color for Sponsored Listings (Darker Orange) */
.badge.bg-success-dark {
    background-color: #C34300 !important; /* A deep, distinct burnt orange */
    color: var(--halloween-cream);
    font-weight: bold;
}

/* Responsive Adjustments (Mobile Friendly) */
@media (max-width: 991.98px) {
    /* Stack the sidebar content above the main listings on small screens */
    .order-lg-2 { order: 2 !important; }
    .order-lg-1 { order: 1 !important; }
    
}