/**
 * Elementor Frontend Styles
 * 为 Elementor 前端页面的补充样式
 */

/* ========================================
   Elementor 前端容器
   ======================================== */

.elementor-container {
    padding-left: var(--lx-space-md);
    padding-right: var(--lx-space-md);
}

.elementor-section {
    padding: var(--lx-space-2xl) 0;
}

.elementor-section.no-padding {
    padding: 0;
}

/* ========================================
   Elementor 前端排版
   ======================================== */

.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6 {
    margin-top: 0;
}

.elementor p {
    margin-top: 0;
}

/* ========================================
   Elementor 按钮
   ======================================== */

.elementor-button {
    border-radius: var(--lx-radius-md);
    transition: var(--lx-transition);
}

.elementor-button:not(:hover) {
    color: inherit;
}

/* ========================================
   Elementor 图像
   ======================================== */

.elementor-image img {
    border-radius: var(--lx-radius-lg);
}

/* ========================================
   Elementor 间距优化
   ======================================== */

.elementor-section > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget {
    margin-bottom: var(--lx-space-lg);
}

.elementor-widget:last-child {
    margin-bottom: 0;
}

/* ========================================
   Elementor 响应式
   ======================================== */

@media (max-width: 768px) {
    .elementor-container {
        padding-left: var(--lx-space-sm);
        padding-right: var(--lx-space-sm);
    }
    
    .elementor-section {
        padding: var(--lx-space-lg) 0;
    }
}