.elementor-2827 .elementor-element.elementor-element-45e048b0{--display:flex;}/* Start custom CSS *//* Style the SliceWP warning/notice boxes */
.slicewp-user-notice,
.slicewp-warning,
div.slicewp-user-notice.slicewp-warning {
    background-color: #1a1a1a !important; /* Dark background */
    border: 2px solid #00ff87 !important; /* Green border */
    border-left: 5px solid #00ff87 !important; /* Thicker left border accent */
    color: #ffffff !important; /* White text */
    padding: 20px !important;
    border-radius: 8px !important;
}

/* Style the text inside the notice */
.slicewp-user-notice p,
.slicewp-warning p {
    color: #ffffff !important; /* White text */
    margin: 0 !important;
}

/* If there are links inside */
.slicewp-user-notice a,
.slicewp-warning a {
    color: #00ff87 !important; /* Green links */
    text-decoration: underline !important;
}

.slicewp-user-notice a:hover,
.slicewp-warning a:hover {
    color: #00cc6f !important;
}

/* ============================================
   SLICEWP AFFILIATE DASHBOARD CUSTOMIZATION
   ============================================ */

/* Main dashboard background - already black, but ensuring consistency */
.slicewp-affiliate-account,
.slicewp-dashboard {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Dashboard stat cards (the white boxes showing visits, commissions, payouts) */
.slicewp-card,
.slicewp-dashboard .slicewp-card {
    background-color: #1a1a1a !important; /* Dark gray instead of white */
    border: 2px solid #00ff87 !important; /* Green border */
    border-radius: 8px !important;
    color: #ffffff !important;
}

/* Card titles and numbers */
.slicewp-card h3,
.slicewp-card .slicewp-card-title {
    color: #00ff87 !important; /* Green headings */
}

.slicewp-card .slicewp-card-value,
.slicewp-card-inner h2 {
    color: #ffffff !important; /* White numbers */
}

/* Navigation menu items - make them more vibrant */
.slicewp-nav-menu a {
    color: #00ff87 !important;
    font-weight: 600 !important;
}

.slicewp-nav-menu a:hover,
.slicewp-nav-menu a.active {
    color: #00ff87 !important;
    text-shadow: 0 0 10px rgba(0, 255, 135, 0.5) !important; /* Glow effect */
}

/* Chart/Graph background */
.slicewp-chart-container,
.slicewp-dashboard-chart {
    background-color: #1a1a1a !important;
    border: 2px solid #00ff87 !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Table styling (for visits, commissions lists) */
.slicewp-table,
.slicewp-dashboard table {
    background-color: #1a1a1a !important;
    border: 2px solid #00ff87 !important;
    border-radius: 8px !important;
}

.slicewp-table th {
    background-color: #00ff87 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.slicewp-table td {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-bottom: 1px solid #333333 !important;
}

.slicewp-table tr:hover td {
    background-color: #2a2a2a !important;
}

/* Buttons */
.slicewp-button,
.slicewp-dashboard .button,
.slicewp-dashboard button {
    background-color: #00ff87 !important;
    color: #000000 !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

.slicewp-button:hover,
.slicewp-dashboard .button:hover {
    background-color: #00cc6f !important;
    box-shadow: 0 0 15px rgba(0, 255, 135, 0.5) !important;
}

/* Links within dashboard */
.slicewp-dashboard a {
    color: #00ff87 !important;
}

.slicewp-dashboard a:hover {
    color: #00cc6f !important;
    text-decoration: underline !important;
}

/* Date picker / dropdown styling */
.slicewp-date-picker,
.slicewp-dashboard select,
.slicewp-dashboard input[type="text"] {
    background-color: #2a2a2a !important;
    border: 1px solid #00ff87 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 8px !important;
}

/* "View all" links styling */
.slicewp-view-all,
a[href*="view-all"] {
    color: #00ff87 !important;
    font-weight: 600 !important;
}

/* Chart legend colors - make them match brand */
.slicewp-chart-legend span {
    background-color: #00ff87 !important;
}

/* Empty state messages */
.slicewp-empty-state {
    color: #999999 !important;
}

/* Stats icons if present */
.slicewp-card-icon,
.slicewp-icon {
    color: #00ff87 !important;
}/* End custom CSS */