/**
 * Elementor specific styles for Prozess Theme
 */

/* Ensure Elementor content integrates well */
.elementor-container {
    max-width: 100%;
}

.elementor-widget-container {
    margin-bottom: 1.5rem;
}

/* Button styling in Elementor */
.elementor-button {
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.elementor-button:hover {
    transform: translateY(-2px);
}

/* Typography in Elementor */
.elementor-heading-title {
    font-family: var(--proth-font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    color: var(--proth-color-primary, #000000);
}

/* Forms in Elementor */
.elementor-form input,
.elementor-form textarea,
.elementor-form select {
    border-color: #e5e7eb;
    border-radius: 0.375rem;
}

.elementor-form input:focus,
.elementor-form textarea:focus,
.elementor-form select:focus {
    border-color: var(--proth-color-primary, #000000);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Images in Elementor */
.elementor-image img {
    border-radius: 0.5rem;
}

/* Video wrapper */
.elementor-video-wrapper {
    border-radius: 0.5rem;
    overflow: hidden;
}

/* Column gaps */
.elementor-row {
    gap: 2rem;
}

/* Ensure theme colors work with Elementor */
:root {
    --e-primary-color: var(--proth-color-primary, #000000);
    --e-secondary-color: var(--proth-color-secondary, #666666);
    --e-accent-color: var(--proth-color-accent, #FF6B6B);
    --e-text-color: var(--proth-color-text, #1a1a1a);
    --e-bg-color: var(--proth-color-bg, #ffffff);
}

/* Performance: remove unnecessary Elementor defaults */
.elementor {
    --e-swiper-container-padding: 0;
}

/* Make Elementor sections full width when needed */
.elementor-section-full_width {
    padding-left: 0;
    padding-right: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .elementor-row {
        gap: 1rem;
    }

    .elementor-column {
        margin-bottom: 1.5rem;
    }
}