/* ============================================
   SVARNO - Elementor Overrides
   ============================================ */

/* Global Elementor styles to match SVARNO dark theme */

/* Section backgrounds */
.elementor-section {
    background-color: var(--svarno-bg);
}

/* Headings */
.elementor-widget-heading .elementor-heading-title {
    color: var(--svarno-fg);
    font-family: var(--svarno-font-sans);
}

/* Text */
.elementor-widget-text-editor {
    color: var(--svarno-text-secondary);
    font-family: var(--svarno-font-sans);
}

/* Buttons */
.elementor-button {
    font-family: var(--svarno-font-sans) !important;
    font-weight: 600 !important;
    border-radius: var(--svarno-radius) !important;
    transition: all var(--svarno-transition) !important;
}

/* Icon Boxes */
.elementor-widget-icon-box .elementor-icon {
    color: var(--svarno-orange);
}

.elementor-widget-icon-box .elementor-icon-box-title {
    color: var(--svarno-fg);
    font-family: var(--svarno-font-sans);
}

.elementor-widget-icon-box .elementor-icon-box-description {
    color: var(--svarno-text-secondary);
}

/* Image boxes */
.elementor-widget-image-box .elementor-image-box-title {
    color: var(--svarno-fg);
}

.elementor-widget-image-box .elementor-image-box-description {
    color: var(--svarno-text-secondary);
}

/* Counter */
.elementor-widget-counter .elementor-counter-number-wrapper {
    color: var(--svarno-orange);
    font-family: var(--svarno-font-sans);
}

.elementor-widget-counter .elementor-counter-title {
    color: var(--svarno-fg);
}

/* Tabs */
.elementor-widget-tabs .elementor-tab-title {
    color: var(--svarno-text-secondary) !important;
    font-family: var(--svarno-font-sans);
}
.elementor-widget-tabs .elementor-tab-title.elementor-active {
    color: var(--svarno-orange) !important;
}

/* Accordion */
.elementor-widget-accordion .elementor-accordion-item {
    background: var(--svarno-card);
    border-color: var(--svarno-border) !important;
    border-radius: var(--svarno-radius-lg) !important;
    margin-bottom: 0.5rem;
}

.elementor-widget-accordion .elementor-tab-title {
    color: var(--svarno-fg) !important;
    font-family: var(--svarno-font-sans);
    padding: 1rem 1.5rem !important;
}

.elementor-widget-accordion .elementor-tab-content {
    color: var(--svarno-text-secondary);
    border-top-color: var(--svarno-border) !important;
    padding: 1rem 1.5rem !important;
}

/* Toggle */
.elementor-widget-toggle .elementor-toggle-item {
    background: var(--svarno-card);
    border-color: var(--svarno-border) !important;
    border-radius: var(--svarno-radius-lg) !important;
    margin-bottom: 0.5rem;
}

/* Testimonial */
.elementor-widget-testimonial .elementor-testimonial-content {
    color: var(--svarno-fg);
}
.elementor-widget-testimonial .elementor-testimonial-name {
    color: var(--svarno-fg);
    font-weight: 600;
}
.elementor-widget-testimonial .elementor-testimonial-job {
    color: var(--svarno-text-secondary);
}

/* Social icons */
.elementor-widget-social-icons .elementor-social-icon {
    background: var(--svarno-secondary);
    transition: background var(--svarno-transition);
}
.elementor-widget-social-icons .elementor-social-icon:hover {
    background: var(--svarno-orange);
}

/* Forms (Elementor Pro) */
.elementor-widget-form .elementor-field-group .elementor-field {
    background: var(--svarno-secondary) !important;
    border: 1px solid var(--svarno-border) !important;
    border-radius: var(--svarno-radius) !important;
    color: var(--svarno-fg) !important;
    font-family: var(--svarno-font-sans);
    padding: 0.75rem 1rem !important;
}
.elementor-widget-form .elementor-field-group .elementor-field:focus {
    border-color: var(--svarno-orange) !important;
}

.elementor-widget-form .elementor-field-label {
    color: var(--svarno-fg) !important;
    font-family: var(--svarno-font-sans);
}

.elementor-widget-form .elementor-button {
    background: var(--svarno-orange) !important;
}
.elementor-widget-form .elementor-button:hover {
    background: var(--svarno-orange-hover) !important;
}

/* Dividers */
.elementor-widget-divider .elementor-divider-separator {
    border-top-color: var(--svarno-border);
}

/* Progress bars */
.elementor-widget-progress .elementor-progress-wrapper {
    background: var(--svarno-secondary);
    border-radius: var(--svarno-radius);
}
.elementor-widget-progress .elementor-progress-bar {
    background: var(--svarno-orange);
}

/* Pricing table */
.elementor-widget-price-table {
    background: var(--svarno-card);
    border: 1px solid var(--svarno-border);
    border-radius: var(--svarno-radius-xl);
}

/* Nav menu */
.elementor-widget-nav-menu .elementor-nav-menu a {
    color: var(--svarno-fg) !important;
}

/* Alerts */
.elementor-widget-alert .elementor-alert {
    border-radius: var(--svarno-radius) !important;
}

/* Spacer fix for dark bg */
.elementor-section[data-settings*="background_background"] {
    /* Elementor sections with custom backgrounds work normally */
}

/* Custom SVARNO Elementor color classes */
.svarno-el-bg-card {
    background-color: var(--svarno-card) !important;
}
.svarno-el-bg-surface {
    background-color: var(--svarno-surface-2) !important;
}
.svarno-el-bg-dark {
    background-color: var(--svarno-bg) !important;
}
.svarno-el-bg-orange-light {
    background-color: var(--svarno-orange-light) !important;
}
.svarno-el-text-orange {
    color: var(--svarno-orange) !important;
}
.svarno-el-border {
    border: 1px solid var(--svarno-border) !important;
}
.svarno-el-border-orange {
    border: 1px solid var(--svarno-orange-border) !important;
}
.svarno-el-rounded {
    border-radius: var(--svarno-radius-lg) !important;
}
.svarno-el-rounded-xl {
    border-radius: var(--svarno-radius-xl) !important;
}