/*
Theme Name:   Slots Fever
Theme URI:    https://slotscentral.net
Description:  Slots Fever — vibrant purple/neon child theme for slotscentral.net based on Mercury
Author:       DixonIT
Author URI:   https://dixonit.com
Template:     mercury
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  slots-fever
Tags:         gambling, slots, affiliate, dark, purple, neon
*/

/* =============================================
   Slots Fever — DixMox Phase 11.5
   Vibrant purple/neon scheme for slotscentral.net
   ============================================= */

:root {
    --sf-primary:       #9B30F0;   /* Vibrant purple */
    --sf-primary-dark:  #7820C8;   /* Deep purple */
    --sf-neon:          #D84BFF;   /* Neon accent */
    --sf-neon-green:    #00E676;   /* Neon green highlight */
    --sf-bg:            #080A12;   /* Near-black with blue tint */
    --sf-bg-card:       #0F1020;   /* Dark card background */
    --sf-bg-elevated:   #141628;   /* Elevated panel */
    --sf-bg-header:     #0A0B18;   /* Header background */
    --sf-text:          #F0EFFF;   /* Slightly lavender-white */
    --sf-text-muted:    #8A88A0;   /* Muted text */
    --sf-border:        #1E1E38;   /* Border color */
    --sf-success:       #00E676;   /* Neon green for positive */
    --sf-danger:        #FF5252;   /* Neon red for warnings */
    --sf-disclaimer:    #100820;   /* Disclaimer bg (dark purple) */
}

body {
    background-color: var(--sf-bg);
    color: var(--sf-text);
}

/* =============================================
   Compliance bar
   ============================================= */
.sf-compliance-bar {
    background-color: var(--sf-disclaimer);
    border-top: 2px solid var(--sf-primary);
    padding: 16px 24px;
    font-size: 0.78rem;
    color: var(--sf-text-muted);
    line-height: 1.6;
    text-align: center;
}

.sf-compliance-bar a {
    color: var(--sf-primary);
    text-decoration: underline;
}

.sf-compliance-bar .sf-18plus {
    display: inline-block;
    border: 2px solid var(--sf-danger);
    color: var(--sf-danger);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 2px 6px;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

/* Responsible gambling badge */
.sf-rg-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--sf-text-muted);
    font-size: 0.78rem;
}

/* =============================================
   Typography
   ============================================= */
h1, h2, h3 {
    color: var(--sf-text);
}

.entry-title a,
.entry-title a:visited {
    color: var(--sf-text);
}

.entry-title a:hover,
.site-title a:hover {
    color: var(--sf-primary);
}

/* =============================================
   CTA buttons
   ============================================= */
.sf-cta-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--sf-primary), var(--sf-neon));
    color: #fff;
    font-weight: 700;
    padding: 12px 28px;
    border-radius: 4px;
    text-decoration: none;
    transition: opacity 0.2s ease;
    box-shadow: 0 0 16px rgba(155, 48, 240, 0.4);
}

.sf-cta-btn:hover {
    opacity: 0.88;
    color: #fff;
    box-shadow: 0 0 24px rgba(216, 75, 255, 0.6);
}

/* =============================================
   Mercury dark-mode.css overrides
   ============================================= */
body.dark-mode,
.dark-mode .space-wrap,
.dark-mode .space-content-area,
.dark-mode .space-sidebar,
.dark-mode #page {
    background-color: var(--sf-bg) !important;
}

.dark-mode .space-main-nav-area,
.dark-mode .space-header-area,
#masthead,
.space-main-nav-area {
    background-color: var(--sf-bg-header) !important;
}

.dark-mode .space-post-item,
.dark-mode .space-widget-area,
.dark-mode .widget,
.dark-mode .space-single-post-wrap {
    background-color: var(--sf-bg-card) !important;
    border-color: var(--sf-border) !important;
}

.dark-mode .space-archive-title-box,
.space-archive-title-box {
    background-color: var(--sf-bg-header) !important;
    border-color: var(--sf-border) !important;
}

.dark-mode .space-archive-title,
.dark-mode .page-title,
.dark-mode .entry-title {
    color: var(--sf-text) !important;
}

.dark-mode .space-footer-area,
footer,
.space-footer-area {
    background-color: var(--sf-bg-header) !important;
    border-top-color: var(--sf-border) !important;
}

/* =============================================
   Header / Navigation
   ============================================= */
.space-main-nav-area,
#masthead {
    background-color: var(--sf-bg-header) !important;
    border-bottom: 1px solid var(--sf-border);
}

.space-main-nav > ul > li > a {
    color: var(--sf-text) !important;
    font-weight: 500;
}

.space-main-nav > ul > li > a:hover,
.space-main-nav > ul > li.current-menu-item > a {
    color: var(--sf-primary) !important;
}

.space-main-nav ul ul {
    background-color: var(--sf-bg-elevated) !important;
    border: 1px solid var(--sf-border);
    border-top: 2px solid var(--sf-primary);
}

.space-main-nav ul ul li a {
    color: var(--sf-text-muted) !important;
}

.space-main-nav ul ul li a:hover {
    color: var(--sf-primary) !important;
    background-color: var(--sf-bg-card) !important;
}

/* Site title / logo */
.space-site-name a,
.text-logo {
    color: var(--sf-text) !important;
}

.space-site-name a:hover {
    color: var(--sf-primary) !important;
}

/* =============================================
   Archive / Blog list
   ============================================= */
.space-archive-title-box {
    background-color: var(--sf-bg-header) !important;
    color: var(--sf-text) !important;
}

.space-post-item {
    background-color: var(--sf-bg-card);
    border: 1px solid var(--sf-border);
    border-radius: 6px;
}

.space-post-item:hover {
    border-color: var(--sf-primary);
}

.space-post-item .entry-title a {
    color: var(--sf-text) !important;
}

.space-post-item .entry-title a:hover {
    color: var(--sf-primary) !important;
}

.space-post-item .entry-meta,
.space-post-item .entry-meta a,
.space-post-item .space-post-excerpt {
    color: var(--sf-text-muted) !important;
}

/* =============================================
   Single post / article
   ============================================= */
.single .entry-content,
.single .entry-content p {
    color: var(--sf-text);
    line-height: 1.8;
}

.single .entry-content h2,
.single .entry-content h3 {
    color: var(--sf-text);
    border-bottom: 1px solid var(--sf-border);
    padding-bottom: 8px;
    margin-top: 32px;
}

.single .entry-content a {
    color: var(--sf-primary);
}

.single .entry-content a:hover {
    color: var(--sf-neon);
}

/* Reading time notice */
.sf-reading-time {
    color: var(--sf-text-muted);
    font-size: 0.85rem;
    margin-bottom: 16px;
    padding: 6px 12px;
    background: var(--sf-bg-elevated);
    border-left: 3px solid var(--sf-primary);
    border-radius: 2px;
    display: inline-block;
}

/* =============================================
   Section headings with neon underline
   ============================================= */
.space-section-title,
.space-section-block-title {
    color: var(--sf-text) !important;
}

.space-section-title::after,
.space-section-block-title::after {
    background-color: var(--sf-primary) !important;
}

/* =============================================
   Aces casino/game cards (CPT shortcodes)
   ============================================= */

/* Casino listing cards */
.space-casinos-archive-item,
.space-casino-item {
    background-color: var(--sf-bg-card) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: 6px;
}

.space-casinos-archive-item:hover,
.space-casino-item:hover {
    border-color: var(--sf-primary) !important;
    box-shadow: 0 0 12px rgba(155, 48, 240, 0.25);
}

.space-casinos-archive-item .space-casino-name a,
.space-casino-item .space-casino-name a {
    color: var(--sf-text) !important;
}

.space-casinos-archive-item .space-casino-name a:hover {
    color: var(--sf-primary) !important;
}

/* Rating stars */
.space-rating-stars .fa-star,
.space-stars-rating i {
    color: var(--sf-primary) !important;
}

/* Casino CTA button */
.space-casino-button a,
.space-visit-casino-btn {
    background: linear-gradient(135deg, var(--sf-primary), var(--sf-neon)) !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    box-shadow: 0 0 10px rgba(155, 48, 240, 0.3);
}

.space-casino-button a:hover {
    opacity: 0.9 !important;
}

/* Game/slot cards */
.space-units-archive-item {
    background-color: var(--sf-bg-card) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: 6px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.space-units-archive-item:hover {
    border-color: var(--sf-primary) !important;
    box-shadow: 0 0 14px rgba(155, 48, 240, 0.3);
}

.space-units-archive-item .space-units-archive-item-title a {
    color: var(--sf-text) !important;
    font-weight: 700;
}

.space-units-archive-item .space-units-archive-item-title a:hover {
    color: var(--sf-primary) !important;
}

.space-units-archive-item .space-units-archive-item-short-desc {
    color: var(--sf-text-muted) !important;
}

.space-units-archive-item .space-units-archive-item-button a {
    background: linear-gradient(135deg, var(--sf-primary), var(--sf-neon)) !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-weight: 600;
}

/* Pros/cons */
.space-pros-list li::before {
    color: var(--sf-success) !important;
}

.space-cons-list li::before {
    color: var(--sf-danger) !important;
}

/* =============================================
   Sidebar widgets
   ============================================= */
.widget {
    background-color: var(--sf-bg-card);
    border: 1px solid var(--sf-border);
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 24px;
}

.widget-title {
    color: var(--sf-text) !important;
    border-bottom: 2px solid var(--sf-primary);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.widget a {
    color: var(--sf-text-muted);
}

.widget a:hover {
    color: var(--sf-primary);
}

/* =============================================
   Footer
   ============================================= */
.space-footer-area,
footer {
    background-color: var(--sf-bg-header) !important;
    border-top: 1px solid var(--sf-border);
    color: var(--sf-text-muted);
}

.space-footer-area a,
footer a {
    color: var(--sf-text-muted);
}

.space-footer-area a:hover,
footer a:hover {
    color: var(--sf-primary);
}

.space-footer-copyright {
    color: var(--sf-text-muted);
    font-size: 0.85rem;
}

/* =============================================
   Forms / Search
   ============================================= */
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
    background-color: var(--sf-bg-card) !important;
    border: 1px solid var(--sf-border) !important;
    color: var(--sf-text) !important;
    border-radius: 4px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: var(--sf-primary) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(155, 48, 240, 0.25);
}

/* =============================================
   Pagination
   ============================================= */
.pagination .page-numbers {
    background-color: var(--sf-bg-card);
    color: var(--sf-text-muted);
    border: 1px solid var(--sf-border);
    border-radius: 4px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background: linear-gradient(135deg, var(--sf-primary), var(--sf-neon));
    color: #fff;
    border-color: var(--sf-primary);
}

/* =============================================
   Homepage hero (Slots Fever style)
   ============================================= */
.sf-hero-section {
    background: linear-gradient(135deg, #080A12 0%, #10082A 50%, #080A12 100%);
    border-bottom: 2px solid var(--sf-primary);
    position: relative;
    overflow: hidden;
}

.sf-hero-section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(ellipse at center, rgba(155, 48, 240, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

/* =============================================
   Slot review specific (RTP badge, volatility)
   ============================================= */
.sf-rtp-badge {
    display: inline-block;
    background: rgba(155, 48, 240, 0.15);
    border: 1px solid var(--sf-primary);
    color: var(--sf-primary);
    font-size: 0.8rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 12px;
}

.sf-volatility-high   { color: var(--sf-danger); font-weight: 700; }
.sf-volatility-medium { color: #FFB74D; font-weight: 700; }
.sf-volatility-low    { color: var(--sf-success); font-weight: 700; }

/* =============================================
   Mobile responsive
   ============================================= */
@media (max-width: 768px) {
    .sf-hero-section {
        padding: 40px 20px !important;
    }

    .sf-hero-section h1 {
        font-size: 1.6rem !important;
    }

    .sf-hero-cta-wrap {
        flex-direction: column;
        align-items: center;
    }

    .space-main-nav-area {
        background-color: var(--sf-bg-header) !important;
    }

    .space-casinos-archive-items,
    .space-units-archive-items {
        grid-template-columns: 1fr !important;
    }
}