/**
 * Elementor Compatibility Styles
 * ChampionClaw Theme
 */

/* Elementor Full Width Support */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1400px;
}

/* Remove default padding for Elementor pages */
.elementor-page .site-main {
    padding: 0;
}

/* Elementor Section Spacing */
.elementor-section {
    position: relative;
}

/* Ensure Elementor widgets use theme colors */
.elementor-widget-heading .elementor-heading-title {
    font-family: 'Syne', sans-serif;
}

.elementor-widget-text-editor {
    font-family: 'DM Sans', sans-serif;
}

/* Elementor Button Styling */
.elementor-button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.elementor-button-primary {
    background: var(--gradient-1, linear-gradient(135deg, #FF3D00 0%, #FF6B35 100%));
}

.elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 61, 0, 0.3);
}

/* Elementor Preview Mode */
.elementor-preview-mode .main-navigation {
    display: none;
}

/* Elementor Editor Mode */
.elementor-editor-active body {
    padding-top: 0 !important;
}

/* Fix for Elementor's default section margins */
.elementor-section.elementor-section-height-full {
    min-height: calc(100vh - 80px);
}

/* Ensure proper spacing on mobile */
@media (max-width: 768px) {
    .elementor-column {
        margin-bottom: 30px;
    }
    
    .elementor-column:last-child {
        margin-bottom: 0;
    }
}

/* Theme color variables for Elementor */
:root {
    --e-global-color-primary: #FF3D00;
    --e-global-color-secondary: #1A1A2E;
    --e-global-color-text: #666666;
    --e-global-color-accent: #FFB800;
    
    --e-global-typography-primary-font-family: 'Syne';
    --e-global-typography-secondary-font-family: 'DM Sans';
    --e-global-typography-text-font-family: 'DM Sans';
}

/* Elementor Kit Compatibility */
.elementor-kit-6 {
    --e-global-color-primary: #FF3D00;
    --e-global-color-secondary: #1A1A2E;
}

/* Fix Elementor widget spacing */
.elementor-widget-wrap {
    align-items: stretch;
}

/* Elementor Navigator Improvements */
.elementor-navigator {
    font-family: 'DM Sans', sans-serif;
}

/* Smooth animations for Elementor elements */
.elementor-invisible {
    visibility: hidden;
}

.elementor-invisible.elementor-widget {
    animation-duration: 0.6s;
}

/* Custom Elementor container max-width */
.e-con {
    max-width: 1400px;
}

/* Elementor Form Styling */
.elementor-field-group input,
.elementor-field-group textarea,
.elementor-field-group select {
    border-radius: 10px;
    border: 2px solid #ddd;
    padding: 1rem;
    font-family: 'DM Sans', sans-serif;
    transition: border-color 0.3s;
}

.elementor-field-group input:focus,
.elementor-field-group textarea:focus,
.elementor-field-group select:focus {
    border-color: var(--primary);
    outline: none;
}

.elementor-button.elementor-size-md {
    padding: 1.2rem 3rem;
    font-size: 1.1rem;
}

/* Elementor Icon Styling */
.elementor-icon {
    transition: all 0.3s ease;
}

.elementor-icon:hover {
    transform: scale(1.1);
}

/* Elementor Counter Widget */
.elementor-counter-number {
    font-family: 'Syne', sans-serif;
    font-weight: 800;
}

/* Elementor Progress Bar */
.elementor-progress-bar {
    background: var(--gradient-1);
}

/* Elementor Tabs */
.elementor-tab-title.elementor-active {
    color: var(--primary);
}

/* Elementor Accordion */
.elementor-accordion .elementor-tab-title.elementor-active {
    color: var(--primary);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
}