/**
 * Blocksy Theme Overrides
 * Forces dark theme over Blocksy's default light theme
 *
 * @package WealthFromAI
 * @version 1.0.0
 */

/* ===========================
   BLOCKSY CSS VARIABLE OVERRIDES
   =========================== */

:root {
    /* Override Blocksy palette colors */
    --theme-palette-color-1: #00D4AA !important;  /* Primary - Mint */
    --theme-palette-color-2: #00a88a !important;  /* Primary Hover */
    --theme-palette-color-3: #E8E8E8 !important;  /* Text */
    --theme-palette-color-4: #0A0F14 !important;  /* Headings - use light on dark */
    --theme-palette-color-5: #252B3B !important;  /* Border */
    --theme-palette-color-6: #111827 !important;  /* Surface Light */
    --theme-palette-color-7: #0A0F14 !important;  /* Background */
    --theme-palette-color-8: #0D1B2A !important;  /* Surface */

    /* Blocksy specific variables */
    --theme-text-color: #E8E8E8 !important;
    --theme-headings-color: #F9FAFB !important;
    --theme-link-initial-color: #00D4AA !important;
    --theme-link-hover-color: #33debb !important;
    --theme-button-background-initial-color: #00D4AA !important;
    --theme-button-background-hover-color: #00a88a !important;
    --theme-button-text-initial-color: #0A0F14 !important;
    --theme-button-text-hover-color: #0A0F14 !important;
    --theme-border-color: rgba(255, 255, 255, 0.08) !important;

    /* Form colors */
    --theme-form-text-initial-color: #E8E8E8 !important;
    --theme-form-text-focus-color: #F9FAFB !important;
    --theme-form-field-background-initial-color: #111827 !important;
    --theme-form-field-background-focus-color: #1f2937 !important;
    --theme-form-field-border-initial-color: rgba(255, 255, 255, 0.1) !important;
    --theme-form-field-border-focus-color: #00D4AA !important;
}

/* ===========================
   GLOBAL DARK THEME
   =========================== */

html,
body {
    background-color: #0A0F14 !important;
    color: #E8E8E8 !important;
}

body {
    background: #0A0F14 !important;
}

/* Main site wrapper */
[data-prefix],
.site-main,
.content-area,
#main,
main {
    background-color: #0A0F14 !important;
}

/* ===========================
   HEADER OVERRIDES
   =========================== */

header[data-id="type-1"],
.ct-header,
[data-id="type-1"] {
    background: rgba(13, 27, 42, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.ct-header .site-title,
.ct-header .site-title a,
header .site-branding a {
    color: #F9FAFB !important;
}

/* Navigation */
.ct-header nav a,
.ct-header .ct-menu > li > a,
[data-menu] > li > a {
    color: #E8E8E8 !important;
}

.ct-header nav a:hover,
.ct-header .ct-menu > li > a:hover,
[data-menu] > li > a:hover {
    color: #00D4AA !important;
}

/* Sticky header */
[data-sticky] header,
header.ct-header[data-sticky] {
    background: rgba(10, 15, 20, 0.98) !important;
}

/* ===========================
   FOOTER OVERRIDES
   =========================== */

footer,
.ct-footer,
[data-footer] {
    background: #0D1B2A !important;
    color: #E8E8E8 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.ct-footer a,
footer a {
    color: #9CA3AF !important;
}

.ct-footer a:hover,
footer a:hover {
    color: #00D4AA !important;
}

/* ===========================
   CONTENT AREAS
   =========================== */

/* Cards and entries */
.ct-container,
.entry-card,
article,
.ct-posts-container article {
    background: transparent !important;
}

article .entry-content,
.entry-content {
    color: #E8E8E8 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
article h2 a {
    color: #F9FAFB !important;
}

article h2 a:hover,
.entry-title a:hover {
    color: #00D4AA !important;
}

/* Paragraphs and text */
p, li, span, div {
    color: inherit;
}

.entry-excerpt,
.entry-meta,
.post-meta {
    color: #9CA3AF !important;
}

/* Links */
a {
    color: #00D4AA;
}

a:hover {
    color: #33debb;
}

.entry-content a {
    color: #00D4AA !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.entry-content a:hover {
    color: #33debb !important;
}

/* ===========================
   SIDEBAR & WIDGETS
   =========================== */

.ct-sidebar,
aside,
.widget-area {
    background: transparent !important;
}

.widget,
.ct-widget {
    background: rgba(17, 24, 39, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

.widget-title,
.ct-widget .widget-title {
    color: #F9FAFB !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 1rem !important;
}

/* ===========================
   BUTTONS
   =========================== */

.ct-button,
.wp-block-button__link,
button,
input[type="submit"],
.button,
a.button {
    background: linear-gradient(135deg, #00D4AA 0%, #00a88a 100%) !important;
    color: #0A0F14 !important;
    border: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.ct-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover {
    background: linear-gradient(135deg, #33debb 0%, #00D4AA 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 212, 170, 0.3) !important;
}

/* Outline buttons */
.ct-button-ghost,
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    border: 2px solid #00D4AA !important;
    color: #00D4AA !important;
}

.ct-button-ghost:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: rgba(0, 212, 170, 0.1) !important;
    color: #00D4AA !important;
}

/* ===========================
   FORMS
   =========================== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #E8E8E8 !important;
    border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #00D4AA !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.1) !important;
}

input::placeholder,
textarea::placeholder {
    color: #6B7280 !important;
}

/* ===========================
   BLOCKSY SPECIFIC COMPONENTS
   =========================== */

/* Archive/Blog cards */
.ct-posts-container {
    background: transparent !important;
}

[data-cards="boxed"] article {
    background: rgba(17, 24, 39, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
}

[data-cards="boxed"] article:hover {
    border-color: rgba(0, 212, 170, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* Pagination */
.ct-pagination,
.navigation.pagination {
    background: transparent !important;
}

.ct-pagination a,
.page-numbers {
    background: #111827 !important;
    color: #E8E8E8 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ct-pagination a:hover,
.page-numbers:hover {
    background: #1f2937 !important;
    border-color: #00D4AA !important;
    color: #00D4AA !important;
}

.ct-pagination .current,
.page-numbers.current {
    background: #00D4AA !important;
    color: #0A0F14 !important;
    border-color: #00D4AA !important;
}

/* Breadcrumbs */
.ct-breadcrumbs,
.breadcrumbs {
    color: #9CA3AF !important;
}

.ct-breadcrumbs a,
.breadcrumbs a {
    color: #9CA3AF !important;
}

.ct-breadcrumbs a:hover,
.breadcrumbs a:hover {
    color: #00D4AA !important;
}

/* Search form */
.ct-search-form,
.search-form {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

/* ===========================
   COMMENTS
   =========================== */

.ct-comments,
#comments {
    background: transparent !important;
}

.comment,
.ct-comment {
    background: rgba(17, 24, 39, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

.comment-author,
.comment-meta {
    color: #9CA3AF !important;
}

.comment-content {
    color: #E8E8E8 !important;
}

/* ===========================
   BLOCKSY HERO SECTION
   =========================== */

[data-hero-section],
.ct-hero-section {
    background: linear-gradient(135deg, #0D2137 0%, #0A0F14 100%) !important;
}

/* ===========================
   PAGE BUILDER OVERRIDES
   =========================== */

/* Elementor sections */
.elementor-section {
    background-color: transparent !important;
}

.elementor-section[data-settings*="background_background"] {
    /* Allow Elementor backgrounds */
}

.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
    color: inherit !important;
}

/* ===========================
   SCROLLBAR STYLING
   =========================== */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0A0F14;
}

::-webkit-scrollbar-thumb {
    background: #252B3B;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #374151;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #252B3B #0A0F14;
}

/* ===========================
   SELECTION HIGHLIGHT
   =========================== */

::selection {
    background: rgba(0, 212, 170, 0.3);
    color: #F9FAFB;
}

::-moz-selection {
    background: rgba(0, 212, 170, 0.3);
    color: #F9FAFB;
}

/* ===========================
   MOBILE MENU DARK THEME
   =========================== */

[data-mobile-menu],
.ct-mobile-menu,
.ct-panel[data-behaviour] {
    background: #0D1B2A !important;
}

[data-mobile-menu] a,
.ct-mobile-menu a {
    color: #E8E8E8 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

[data-mobile-menu] a:hover,
.ct-mobile-menu a:hover {
    color: #00D4AA !important;
}

/* Close button */
.ct-toggle-close {
    color: #E8E8E8 !important;
}

.ct-toggle-close:hover {
    color: #00D4AA !important;
}

/* ===========================
   WP BLOCKS DARK THEME
   =========================== */

/* Quote blocks */
.wp-block-quote,
blockquote {
    background: rgba(17, 24, 39, 0.5) !important;
    border-left: 4px solid #00D4AA !important;
    color: #E8E8E8 !important;
    padding: 1.5rem !important;
    border-radius: 0 12px 12px 0 !important;
}

.wp-block-quote cite,
blockquote cite {
    color: #9CA3AF !important;
}

/* Code blocks */
.wp-block-code,
pre,
code {
    background: #111827 !important;
    color: #00D4AA !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

/* Tables */
table,
.wp-block-table {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

th {
    background: #111827 !important;
    color: #F9FAFB !important;
}

td {
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #E8E8E8 !important;
}

tr:nth-child(even) {
    background: rgba(17, 24, 39, 0.3) !important;
}

/* Separator */
hr,
.wp-block-separator {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ===========================
   GOLD ACCENT ELEMENTS
   =========================== */

.wfai-badge-gold,
.gold-accent,
[data-premium] {
    background: linear-gradient(135deg, #C9A962 0%, #b08a42 100%) !important;
    color: #0A0F14 !important;
}