/* ============================================ */
/* 全站響應式修正 (適用於所有頁面)             */
/* ============================================ */

/* === 1. 首頁 Our Services 6 張卡片：4:5 直式 + 移除浮動 + 高優先級 === */
html body .wp-block-uagb-container.uagb-block-4a8e1942 .wp-block-uagb-image,
html body .wp-block-uagb-container.uagb-block-8dd4ba78 .wp-block-uagb-image,
html body .wp-block-uagb-container .wp-block-uagb-image.alignleft,
html body .wp-block-uagb-container .wp-block-uagb-image.alignright {
  float: none !important;
  clear: both !important;
  margin: 0 0 16px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-align: left !important;
}
html body .wp-block-uagb-container.uagb-block-4a8e1942 .wp-block-uagb-image__figure,
html body .wp-block-uagb-container.uagb-block-8dd4ba78 .wp-block-uagb-image__figure {
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 4px;
  background: #111;
  display: block !important;
}
html body .wp-block-uagb-container.uagb-block-4a8e1942 .wp-block-uagb-image__figure img,
html body .wp-block-uagb-container.uagb-block-8dd4ba78 .wp-block-uagb-image__figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
}

/* === 2. 首頁 Our Services 6 張卡片，平板/手機自動排版 === */
@media (max-width: 1024px) {
  /* 兩列以 flex 顯示為 grid 3 欄 */
  .wp-block-uagb-container.uagb-block-4a8e1942,
  .wp-block-uagb-container.uagb-block-8dd4ba78 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
  }
}
@media (max-width: 768px) {
  .wp-block-uagb-container.uagb-block-4a8e1942,
  .wp-block-uagb-container.uagb-block-8dd4ba78 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}
@media (max-width: 540px) {
  .wp-block-uagb-container.uagb-block-4a8e1942,
  .wp-block-uagb-container.uagb-block-8dd4ba78 {
    grid-template-columns: 1fr !important;
  }
}

/* === 3. Spectra inner 容器在小裝置時不要強制寬度 === */
@media (max-width: 1024px) {
  .wp-block-uagb-container .uagb-container-inner-blocks-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* === 4. alignfull / alignleft 在窄裝置避免溢出 === */
@media (max-width: 768px) {
  .wp-block-uagb-image.alignleft,
  .wp-block-uagb-image.alignright {
    float: none !important;
    margin: 0 0 16px 0 !important;
  }
  .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}

/* === 5. 防止圖片在容器內溢出 (iPad 橫向卷軸殺手) === */
@media (max-width: 1024px) {
  img, video, iframe {
    max-width: 100% !important;
    height: auto;
  }
  iframe { height: auto; }
  body { overflow-x: hidden; }
}

/* === 6. Photography 頁圖片網格 (避免單張過大撐壞排版) === */
@media (max-width: 1024px) {
  .wp-block-gallery,
  .wp-block-uagb-image-gallery {
    margin: 0 -8px !important;
  }
  .wp-block-image,
  .wp-block-uagb-image {
    margin-bottom: 16px !important;
  }
}

/* === 7. 手機選單可讀性 === */
@media (max-width: 921px) {
  html body #masthead .ast-mobile-header-content,
  html body #ast-mobile-header,
  html body #ast-mobile-header > * {
    background-color: #000 !important;
  }
  .menu-link, .main-header-menu a {
    padding: 12px 16px !important;
    font-size: 1rem !important;
  }
}

/* === 8. (移除) 之前的 uagb-* 字體調整會擠到 Contact infobox === */

/* === 9. Spectra container 在小裝置給適當 padding === */
@media (max-width: 768px) {
  .wp-block-uagb-container.alignfull,
  .wp-block-uagb-container.uagb-is-root-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* === 10. 通用 - 防 horizontal scrollbar === */
html, body {
  overflow-x: clip;
  max-width: 100vw;
}