/**
 * Elementor Compatibility Styles
 * Стили для совместимости темы с Elementor
 */

/* Elementor Canvas Template Support */
.elementor-template-canvas {
    margin: 0;
    padding: 0;
}

.elementor-template-canvas .site-header,
.elementor-template-canvas .site-footer {
    display: none;
}

/* Elementor Header & Footer Builder */
.elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
}

.elementor-location-footer {
    width: 100%;
}

/* Preserve theme header styles for Elementor */
.elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    transition: opacity 0.3s;
}

.elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu a:hover {
    opacity: 0.8;
}

/* Preserve theme footer styles for Elementor */
.elementor-location-footer {
    background: #03162e;
}

.elementor-location-footer .elementor-widget-nav-menu a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Fix Elementor section padding */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1920px;
}

/* Ensure proper spacing when Elementor header is used */
body.elementor-page:not(.elementor-template-canvas) .elementor-location-header + .site-main,
body.elementor-page:not(.elementor-template-canvas) .elementor-location-header + main {
    margin-top: 0;
}

/* Theme color variables for Elementor */
:root {
    --ablesheet-primary: #04316a;
    --ablesheet-secondary: #03162e;
    --ablesheet-accent: #FF0000;
    --ablesheet-light: #f1f1f1;
    --ablesheet-white: #ffffff;
}

/* Elementor widget compatibility */
.elementor-widget-heading .elementor-heading-title {
    font-family: 'Gotham Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

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

/* Mobile menu compatibility */
@media (max-width: 768px) {
    .elementor-location-header .elementor-nav-menu--dropdown {
        background: #04316a;
    }
    
    .elementor-location-header .elementor-nav-menu--dropdown a {
        color: #fff;
    }
}