/* WrsTrend design system v6: unified dark brand identity with WRS Economy premium accents (Blue/Gold/Indigo). */
:root {
    --wrs-brand-bg: #070b13;
    --wrs-brand-bg-2: #0b132b;
    --wrs-brand-header: #050a12;
    --wrs-brand-footer: #0b132b;
    --wrs-brand-surface: #0f1c3f;
    --wrs-brand-surface-2: #1c2541;
    --wrs-brand-elevated: #293250;
    --wrs-brand-line: rgba(255, 255, 255, 0.12);
    --wrs-brand-line-strong: rgba(251, 191, 36, 0.22);
    --wrs-brand-text: #f8fafc;
    --wrs-brand-text-2: #d1d5db;
    --wrs-brand-muted: #a7b0c5;
    --wrs-brand-soft: #1d35cc;   /* Royal Blue Dark (matching logo #233dff) */
    --wrs-brand-accent: #233dff; /* Pure Blue Logo Color */
    --wrs-brand-accent-2: #4f46e5; /* Indigo */
    --wrs-brand-warning: #fbbf24;  /* Gold */
    --wrs-brand-radius: 8px;
    --wrs-brand-radius-sm: 6px;
    --wrs-brand-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.18);
    --wrs-brand-font: Inter, Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --wrs-brand-success: #10b981;
    --wrs-brand-success-hover: #059669;
    --wrs-brand-danger: #ef4444;
    --wrs-brand-danger-hover: #dc2626;
    --wrs-brand-warning-hover: #d97706;
    
    --rtcl-primary-color: var(--wrs-brand-accent);
    --rtcl-link-color: var(--wrs-brand-accent);
    --rtcl-link-hover-color: var(--wrs-brand-warning);
    --rtcl-button-bg-color: var(--wrs-brand-soft);
    --rtcl-button-bg-hover-color: var(--wrs-brand-accent);
    --rtcl-button-text-color: #fff;
}

html,
body,
.site,
#page,
.site-content,
#content,
.content-area,
.main-content,
.rtcl,
.rtcl-page {
    background: var(--wrs-brand-bg) !important;
    color: var(--wrs-brand-text-2) !important;
}

body,
button,
input,
select,
textarea,
.rtcl,
.wrs-wallet,
.wrs-widget,
.wrs-auth-card {
    font-family: var(--wrs-brand-font) !important;
    letter-spacing: 0 !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.section-title,
.rtcl .rtcl-title,
.rtcl .listing-title,
.rtcl .listing-title a,
.wrs-wallet h1,
.wrs-wallet h2,
.wrs-wallet h3,
.wrs-wallet h4,
.wrs-wallet strong,
.wrs-auth-card h1,
.wrs-auth-card h2,
.wrs-auth-card h3 {
    color: var(--wrs-brand-text) !important;
    letter-spacing: 0 !important;
}

p, small, label,
.rtcl p,
.rtcl small,
.rtcl label,
.rtcl .rtcl-meta,
.rtcl .listing-meta,
.rtcl .rtcl-excerpt,
.wrs-wallet p,
.wrs-wallet small,
.wrs-wallet label,
.wrs-auth-card p,
.wrs-auth-card label {
    color: var(--wrs-brand-muted) !important;
    letter-spacing: 0 !important;
}

a,
.rtcl a,
.wrs-wallet a { color: var(--wrs-brand-accent) !important; }
a:hover,
.rtcl a:hover,
.wrs-wallet a:hover { color: var(--wrs-brand-warning) !important; }

/* Core content surfaces: deliberately excludes generic .widget and footer widgets. */
.rtcl-user-content-inner,
.rtcl-listing-count-inner,
.membership-statistic-report-wrap,
.rtcl .listing-item,
.rtcl .rtcl-grid-view .listing-item,
.rtcl .rtcl-list-view .listing-item,
.rtcl .rtcl-widget-listings .listing-item,
.rtcl .rtcl-payment-receipt,
.rtcl .rtcl-checkout-form,
.rtcl .rtcl-membership-pricing-options .rtcl-pricing-option,
.rtcl .rtcl-form-page,
.rtcl .rtcl-store-item,
.rtcl .rtcl-account-sub-content,
.rtcl .rtcl-MyAccount-navigation,
body.rtcl-account .rtcl-MyAccount-navigation,
.wrs-wallet .wrs-panel-sidebar,
.wrs-wallet .wrs-panel-content,
.wrs-wallet .wrs-wallet-card,
.wrs-wallet .wrs-panel-section .wrs-earn-card,
.wrs-wallet .wrs-panel-section .wrs-db-card,
.wrs-wallet .wrs-panel-section .wrs-history-panel,
.wrs-wallet .wrs-panel-section .wrs-withdraw-panel,
.wrs-wallet .wrs-panel-section .wrs-promote-panel .wrs-promo-cta,
.wrs-widget,
.wrs-auth-card,
.wrs-card,
.wrs-membership-card {
    background: linear-gradient(145deg, rgba(21, 27, 38, 0.98), rgba(15, 23, 42, 0.94)) !important;
    border: 1px solid var(--wrs-brand-line) !important;
    border-radius: var(--wrs-brand-radius) !important;
    box-shadow: var(--wrs-brand-shadow-soft) !important;
    color: var(--wrs-brand-text-2) !important;
}

.btn,
.button,
button[type="submit"],
input[type="submit"],
.rdtheme-button-1,
.rtcl .btn,
.rtcl .button,
.rtcl button[type="submit"],
.rtcl .rtcl-button,
.wrs-submit-btn,
.wrs-custom-google-btn,
.wrs-wallet .wrs-btn,
.wrs-wallet .wrs-w-submit-btn,
.wrs-wallet .wrs-earn-visit-btn,
.wrs-wallet .wrs-ptc-v2-btn:not(.wrs-ptc-v2-btn--done),
.wrs-wallet .wrs-h-filter.active,
.wrs-wallet .wrs-earn-filter-btn.active,
.wrs-wallet .wrs-tab-nav__btn--active {
    background: linear-gradient(135deg, var(--wrs-brand-soft), var(--wrs-brand-accent)) !important; /* Blue gradient */
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
    border-radius: var(--wrs-brand-radius) !important;
    box-shadow: 0 10px 24px rgba(35, 61, 255, 0.24) !important;
    letter-spacing: 0 !important;
}

.btn:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.rdtheme-button-1:hover,
.rtcl .btn:hover,
.rtcl .button:hover,
.rtcl .rtcl-button:hover,
.wrs-submit-btn:hover,
.wrs-wallet .wrs-btn:hover {
    background: linear-gradient(135deg, var(--wrs-brand-soft), var(--wrs-brand-accent-2)) !important; /* Blue to Indigo */
    color: #fff !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select,
textarea,
.rtcl input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.rtcl select,
.rtcl textarea,
.wrs-wallet input,
.wrs-wallet select,
.wrs-wallet textarea,
.wrs-input,
.wrs-w-input,
.wrs-w-select {
    background: rgba(15, 23, 42, 0.74) !important;
    border: 1px solid var(--wrs-brand-line) !important;
    color: var(--wrs-brand-text) !important;
    border-radius: var(--wrs-brand-radius-sm) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

input:focus,
select:focus,
textarea:focus,
.rtcl input:focus,
.rtcl select:focus,
.rtcl textarea:focus,
.wrs-wallet input:focus,
.wrs-wallet select:focus,
.wrs-wallet textarea:focus {
    border-color: var(--wrs-brand-line-strong) !important;
    box-shadow: 0 0 0 3px rgba(35, 61, 255, 0.12) !important;
    outline: 0 !important;
}

::placeholder { color: #6b7280 !important; }

.rtcl-badge,
.rtcl .badge,
.rtcl .rtcl-label,
.rtcl .featured,
.rtcl .new,
.rtcl .popular,
.rtcl .top,
.wrs-widget__tier-badge,
.wrs-wallet .wrs-tier-badge,
.wrs-wallet .wrs-db-streak-badge,
.wrs-wallet .wrs-ptc-count-badge {
    background: linear-gradient(135deg, var(--wrs-brand-soft), var(--wrs-brand-accent-2)) !important; /* Blue to Indigo */
    border: 1px solid var(--wrs-brand-line) !important;
    color: #fff !important;
    border-radius: var(--wrs-brand-radius-sm) !important;
}

/* Restores WRS Wallet native premium colors using Blue Logo Accents */
.wrs-wallet {
    --wrs-primary: #233dff !important; /* Blue logo color */
    --wrs-primary-hover: #4f46e5 !important; /* Indigo */
    --wrs-primary-light: rgba(35, 61, 255, 0.12) !important;
    --wrs-bg: var(--wrs-brand-bg) !important;
    --wrs-surface: rgba(11, 19, 43, 0.96) !important;
    --wrs-border: var(--wrs-brand-line) !important;
    --wrs-text: var(--wrs-brand-text) !important;
    --wrs-text-secondary: var(--wrs-brand-text-2) !important;
    --wrs-text-muted: var(--wrs-brand-muted) !important;
    --wrs-radius: var(--wrs-brand-radius) !important;
    --wrs-radius-sm: var(--wrs-brand-radius-sm) !important;
    
    --wrs-premium-ink: var(--wrs-brand-text) !important;
    --wrs-premium-muted: var(--wrs-brand-muted) !important;
    --wrs-premium-soft: var(--wrs-brand-text-2) !important;
    --wrs-premium-line: var(--wrs-brand-line) !important;
    --wrs-premium-line-strong: rgba(251,191,36,.30) !important;
    --wrs-premium-gold: #fbbf24 !important;
    --wrs-premium-gold-2: #fde68a !important;
    --wrs-premium-rose: #233dff !important; /* Blue */
    --wrs-premium-cherry: #1d35cc !important; /* Royal Blue */
    --wrs-premium-violet: #4f46e5 !important; /* Indigo */
    --wrs-premium-violet-2: #6366f1 !important; /* Indigo light */
}

.wrs-widget__amount,
.wrs-wallet .wrs-balance-value,
.wrs-wallet .wrs-available-value,
.wrs-wallet .wrs-h-summary-value.credit,
.wrs-wallet .wrs-earn-item-reward,
.wrs-wallet .wrs-w-bal-value,
.wrs-wallet .wrs-w-bal-unit,
.wrs-wallet .wrs-db-ring-bonus,
.wrs-wallet .wrs-db-cd-val {
    color: var(--wrs-brand-warning) !important; /* Gold */
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: 0 0 15px rgba(251,191,36,0.18) !important;
}
