/**
 * Lemonx Compatibility Styles for Frontend
 *
 * 核心原则：代码块内容必须原样显示在实际 URL，不允许任何样式覆盖或影响。
 * 因此 .lemonx-visual-root 内的 h1/h2/p/a/button/img/svg 等均由用户代码完全控制，
 * compat 不再对内容区施加任何重置或覆盖。
 *
 * 仅保留：全宽壳层（移除主题容器约束）、Lemonx 自有 .lemonx-btn 组件。
 */

/* Lemonx 自有 UI 按钮（用户代码中若使用 .lemonx-btn 类则生效） */
.lemonx-visual-root .lemonx-btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #10b981;
    color: white;
    transition: background-color 0.2s ease;
}

.lemonx-visual-root .lemonx-btn:hover {
    background-color: #059669;
}

/* ========================================
   全宽页面壳层：移除主题常见容器带来的白边/boxed 布局
   仅在 Lemonx 页面生效（body 类由 PHP body_class 添加）
   ======================================== */

html body.lemonx-edge-to-edge-page,
body.lemonx-edge-to-edge-page,
body.lemonx-edge-to-edge-page #page,
body.lemonx-edge-to-edge-page .site,
body.lemonx-edge-to-edge-page .site-inner,
body.lemonx-edge-to-edge-page .site-content,
body.lemonx-edge-to-edge-page .content-area,
body.lemonx-edge-to-edge-page .site-content .ast-container,
body.lemonx-edge-to-edge-page .site-main,
body.lemonx-edge-to-edge-page #content,
body.lemonx-edge-to-edge-page #primary,
body.lemonx-edge-to-edge-page #main,
body.lemonx-edge-to-edge-page .site-content-contain,
body.lemonx-edge-to-edge-page .content-wrapper,
body.lemonx-edge-to-edge-page .hentry,
body.lemonx-edge-to-edge-page .page-content,
body.lemonx-edge-to-edge-page .post-content,
body.lemonx-edge-to-edge-page .inside-article,
body.lemonx-edge-to-edge-page .entry-content,
body.lemonx-edge-to-edge-page .entry,
body.lemonx-edge-to-edge-page article,
body.lemonx-edge-to-edge-page main,
body.lemonx-edge-to-edge-page .page,
body.lemonx-edge-to-edge-page .post,
body.lemonx-edge-to-edge-page .elementor,
body.lemonx-edge-to-edge-page .elementor-location-single,
body.lemonx-edge-to-edge-page .elementor-widget-theme-post-content,
body.lemonx-edge-to-edge-page .e-con,
body.lemonx-edge-to-edge-page .fl-builder-content,
body.lemonx-edge-to-edge-page .lemonx-visual-root {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 主题 .container/.wrap 仅作用于主内容区，避免影响 header/footer */
body.lemonx-edge-to-edge-page main .container,
body.lemonx-edge-to-edge-page main .container-fluid,
body.lemonx-edge-to-edge-page main .wrap,
body.lemonx-edge-to-edge-page .site-content .container,
body.lemonx-edge-to-edge-page .site-content .container-fluid,
body.lemonx-edge-to-edge-page .site-content .wrap,
body.lemonx-edge-to-edge-page #content .container,
body.lemonx-edge-to-edge-page #content .container-fluid,
body.lemonx-edge-to-edge-page #content .wrap,
body.lemonx-edge-to-edge-page .content-area .container,
body.lemonx-edge-to-edge-page .content-area .container-fluid,
body.lemonx-edge-to-edge-page .content-area .wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.lemonx-edge-to-edge-page {
    margin: 0 !important;
}

body.lemonx-edge-to-edge-page .lemonx-visual-root {
    min-height: 100vh;
}

/* 注意：不再对 .lemonx-visual-root 内的 [class$="-container"] 等做激进覆盖，
   以免破坏用户设计的 .frp-container、.cs-container 等内容块布局。*/