/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
@media (max-width: 768px) {
  .section-module-1 .heading-background__image,
  .section-module-1 .section-main:before {
    background-attachment: scroll !important;
  }
  .team-feature__image {
    background-attachment: scroll !important;
  }
  .about-image__fix {
    background-attachment: scroll !important;
  }
  .box-background-image{
    background-attachment: scroll !important;
  }
  .about-feature__image{
    background-attachment: scroll !important;
  }
  .blog-feature__image{
    background-attachment: scroll !important;
  }
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* ============================================================
@media only screen and (max-width: 992px) {

            .custom-drag-drop-area,
            .body-container-wrapper,
            .main-content,
            .post-body,
            .blog-post__body,
            [data-widget-type="blog_content"],
            div[id*="hs_cos_wrapper_post_body"] {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
                height: auto !important;
                min-height: 100px !important;
            }

            /* 防止父層容器隱藏 */
            .row-fluid,
            .container-fluid {
                display: block !important;
            }

            /* 修正 flex 佈局問題 - 讓內容在小螢幕上垂直排列 */
            .single-body.entry-content.flex-box {
                flex-direction: column !important;
            }

            /* 修正社群分享欄位寬度 */
            .share-box-column {
                width: 100% !important;
                max-width: 100% !important;
                flex: 0 0 auto !important;
                order: 2 !important;
            }

            /* 修正主內容區域寬度 */
            .single-body>.flex-item-auto,
            .entry-content>.flex-item-auto {
                width: 100% !important;
                min-width: 100% !important;
                flex: 1 1 100% !important;
                order: 1 !important;
            }

            /* 確保社群按鈕水平排列 */
            .share-box-column .social-list {
                display: flex !important;
                flex-direction: row !important;
                justify-content: center !important;
                gap: 15px !important;
            }

            /* 確保 iframe (地圖) 響應式 */
iframe[src*="google.com/maps"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 確保地圖容器響應式 */
.hs-embed-wrapper,
.hs-embed-content-wrapper,
.hs-embed-wrapper>div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 額外修正：確保包含地圖的 section/row 也是滿版 */
@media (max-width: 768px) {
    /* 針對地圖所在的區塊 */
    .row-fluid:has(iframe[src*="google.com/maps"]),
    .span12:has(iframe[src*="google.com/maps"]) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 確保 body 和主容器沒有額外的 padding */
    body {
        overflow-x: hidden !important;
    }
}

            /* 確保地圖容器響應式 */
            .hs-embed-wrapper,
            .hs-embed-content-wrapper,
            .hs-embed-wrapper>div {
                width: 100% !important;
                max-width: 100% !important;
            }

            /* 下載按鈕置中 */
            [id^="hs_cos_wrapper_widget_"]:has(.hs-button) {
                padding-left: 0 !important;
                padding-right: 0 !important;
                text-align: center !important;
                display: block !important;
            }
        }