/*
Theme Name: AeroCore Child
Theme URI: https://aerocore.lovestu.com/
Template: AeroCoreFree
Version: 2.0.0
Author: Developer
Author URI: https://example.com
Description: AeroCore子主题 - 文章分类列表页
Text Domain: aerocore-child
Tags: AeroCore, Child Theme
*/

/* 页面容器宽度覆盖 */
body .page-container {
  max-width: 1200px !important;
}

/* 响应式调整：当屏幕宽度在 1440px 以下时，添加左右 padding */
@media (max-width: 1240px) {
  body .page-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  /* 同时隐藏弧角装饰 */
  .page-container::before,
  .page-container::after {
    display: none !important;
  }
}

/* 自定义菜单字体大小 - 使用更高优先级选择器 */
.site-header .site-nav .nav-list li a,
.site-header--classic .site-header__top-inner .site-nav--inline .nav-list li a {
    font-size: 16px !important;
}

/* 覆盖 Elementor 为建筑配色页面添加的背景色，使其支持夜间模式 */
body.elementor-page-64,
body.elementor-page-building-color,
body[class*="elementor-page-"] {
    background-color: var(--bg-body, #f7f9fa) !important;
}

/* ============================================
   建筑配色页面手机端布局优化 - 增加卡片宽度
   ============================================ */
@media (max-width: 768px) {
    /* 页面容器 - 完全移除留白 */
    body.elementor-page-64 .page-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        max-width: calc(100% + 32px) !important;
        width: calc(100% + 32px) !important;
        border: 0 !important;
    }
    
    /* 网格容器 - 完全移除留白 */
    body.elementor-page-64 .bcp-grid-container,
    body.elementor-page-64 .bcp-grid-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border: 0 !important;
        background: transparent !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 筛选容器 */
    body.elementor-page-64 .bcp-filter-container,
    body.elementor-page-64 .bcp-filter-form-simple {
        padding-left: 8px !important;
        padding-right: 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 文章网格 - 占满整个宽度 */
    body.elementor-page-64 .bcp-posts-grid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        gap: 4px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 文章卡片 - 完全移除margin，占满宽度 */
    body.elementor-page-64 .bcp-post-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 卡片内容也占满宽度 */
    body.elementor-page-64 .bcp-post-card .bcp-card-link,
    body.elementor-page-64 .bcp-post-card .bcp-card-image-wrap {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* 页面容器 - 完全移除留白 */
    body.elementor-page-64 .page-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        max-width: calc(100% + 32px) !important;
        width: calc(100% + 32px) !important;
    }
    
    /* 网格容器 */
    body.elementor-page-64 .bcp-grid-container,
    body.elementor-page-64 .bcp-grid-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 筛选容器 */
    body.elementor-page-64 .bcp-filter-container,
    body.elementor-page-64 .bcp-filter-form-simple {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    
    /* 文章卡片 - 完全移除margin */
    body.elementor-page-64 .bcp-post-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ============================================
   建筑配色详情页手机端布局优化 - 去除两侧白边
   ============================================ */
@media (max-width: 768px) {
    /* 详情页页面容器 - 正常宽度，不超出 */
    body.single-building_project .page-container,
    body.single.single-building_project .page-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        border: 0 !important;
    }
    
    /* 详情页文章容器 - 保留内容区宽度 */
    body.single-building_project .single-article,
    body.single.single-building_project .single-article {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 4px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 详情页头部 - 减小留白 */
    body.single-building_project .single-article__header,
    body.single.single-building_project .single-article__header {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    /* BCP交互容器 - 占满文章内容区宽度 */
    body.single-building_project .bcp-container,
    body.single.single-building_project .bcp-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 交互区域 - 占满文章内容区宽度 */
    body.single-building_project .bcp-interaction-area,
    body.single.single-building_project .bcp-interaction-area {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 图片区域 - 占满文章内容区宽度 */
    body.single-building_project .bcp-image-area,
    body.single.single-building_project .bcp-image-area {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* 详情页页面容器 - 正常宽度 */
    body.single-building_project .page-container,
    body.single.single-building_project .page-container {
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 详情页头部 - 减小留白 */
    body.single-building_project .single-article__header,
    body.single.single-building_project .single-article__header {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* ============================================
   筛选菜单房型图标样式
   ============================================ */
.aero-filter-house-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    line-height: 1;
}

.aero-filter-house-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}