/**
 * Cryptahub — Elementor Compatibility CSS
 */

/* Override Elementor defaults for dark theme */
.elementor-section,
.elementor-column,
.e-con {
    --e-global-color-primary: #00e5c3;
    --e-global-color-secondary: #ff3d71;
    --e-global-color-accent: #ffd60a;
    --e-global-color-text: #eeeeff;
    --e-global-typography-primary-font-family: 'Syne';
    --e-global-typography-secondary-font-family: 'JetBrains Mono';
}

/* Full-width Elementor pages */
.ch-elementor-page .elementor {
    width: 100%;
}
.ch-elementor-page .elementor-section-boxed > .elementor-container {
    max-width: 1400px;
}

/* Elementor Headings → Syne font */
.elementor-heading-title {
    font-family: 'Syne', sans-serif !important;
    font-weight: 800 !important;
}

/* Elementor text → match theme */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
    color: #9090b0;
    line-height: 1.75;
}

/* Elementor buttons → Cryptahub style */
.elementor-button {
    font-family: 'Syne', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    letter-spacing: 0.04em !important;
}
.elementor-button.elementor-button-link,
.elementor-button[href] {
    background-color: #00e5c3 !important;
    color: #04040a !important;
    box-shadow: 0 0 20px rgba(0,229,195,0.3) !important;
}
.elementor-button.elementor-button-link:hover {
    background-color: #00b89c !important;
}

/* Elementor divider → theme color */
.elementor-divider-separator {
    border-color: rgba(255,255,255,0.07) !important;
}

/* Elementor sections on dark bg */
.elementor-section {
    background-color: transparent;
}
.elementor-section.has-dark-bg .elementor-column-wrap {
    background: var(--surface, #0d0d1a);
    border: 1px solid var(--border, rgba(255,255,255,0.07));
    border-radius: 12px;
}

/* Widget borders */
.elementor-widget-wrap {
    position: relative;
}

/* Elementor image boxes */
.elementor-image-box-wrapper {
    background: var(--surface, #0d0d1a);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    padding: 24px;
    transition: border-color 0.25s;
}
.elementor-image-box-wrapper:hover {
    border-color: rgba(255,255,255,0.13);
}
.elementor-image-box-title {
    color: #eeeeff !important;
    font-family: 'Syne', sans-serif !important;
}
.elementor-image-box-description {
    color: #9090b0 !important;
}

/* Elementor icon boxes */
.elementor-icon-box-wrapper {
    background: var(--surface, #0d0d1a);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    padding: 24px;
    transition: all 0.25s;
}
.elementor-icon-box-wrapper:hover {
    border-color: rgba(0,229,195,0.3);
    background: rgba(0,229,195,0.03);
}
.elementor-icon { color: #00e5c3 !important; }
.elementor-icon-box-title { color: #eeeeff !important; }
.elementor-icon-box-description { color: #9090b0 !important; }

/* Elementor testimonials */
.elementor-testimonial-wrapper {
    background: var(--surface, #0d0d1a);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    padding: 24px;
}

/* Elementor counter */
.elementor-counter-number-wrapper {
    font-family: 'JetBrains Mono', monospace !important;
    color: #00e5c3 !important;
}
.elementor-counter-suffix,
.elementor-counter-prefix {
    color: #9090b0 !important;
}

/* Elementor form */
.elementor-form .elementor-field-group input,
.elementor-form .elementor-field-group textarea,
.elementor-form .elementor-field-group select {
    background: var(--surface2, #111122) !important;
    border-color: rgba(255,255,255,0.07) !important;
    color: #eeeeff !important;
    border-radius: 8px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
}
.elementor-form .elementor-field-group input:focus,
.elementor-form .elementor-field-group textarea:focus {
    border-color: rgba(0,229,195,0.4) !important;
    outline: none !important;
    box-shadow: none !important;
}
.elementor-form .elementor-field-label {
    color: #9090b0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 10px !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}

/* Elementor accordion */
.elementor-accordion .elementor-tab-title {
    color: #eeeeff !important;
    border-color: rgba(255,255,255,0.07) !important;
    background: var(--surface, #0d0d1a) !important;
    font-family: 'Syne', sans-serif !important;
}
.elementor-accordion .elementor-tab-title.elementor-active {
    color: #00e5c3 !important;
    border-color: rgba(0,229,195,0.3) !important;
}
.elementor-accordion .elementor-tab-content {
    border-color: rgba(255,255,255,0.07) !important;
    color: #9090b0 !important;
}

/* Elementor tabs */
.elementor-tabs .elementor-tab-title {
    color: #9090b0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    border-bottom-color: rgba(255,255,255,0.07) !important;
}
.elementor-tabs .elementor-tab-title.elementor-active {
    color: #00e5c3 !important;
    border-bottom-color: #00e5c3 !important;
}

/* Shortcode widget container */
.elementor-widget-shortcode .ch-market-table-wrap,
.elementor-widget-shortcode .ch-swap-widget {
    margin: 0;
}