/* ============================================================================
 * common/widget/16-baseline-override.css — default baseline 覆寫（站台 .container 基準）
 * ============================================================================
 *   載入序：16 / 20（順序定義於 config/webThemeCss.php 的 common.layout）
 *   來源：issue #694 自 common/widget.css L2607~2678 切出；phase 2 已完成斷點統一
 *
 *   [順序相依已解除] phase 1 時本檔的 .container 寬度規則會壓掉 03-container.css
 *   的 .container-1600 階梯，形成「16 MUST 載於 03 之後」的隱性相依。phase 2 已將
 *   兩檔的寬度收斂為同一組 --cms-container-* token，且 03 不再對併用 .container 的
 *   元素設定手機內距，兩檔載入順序對調亦不改變任何生效值。
 *
 *   本檔的 .container 規則是**站台層級**的容器基準（自凍結 default.css 抽出），
 *   作用對象為全站所有 .container，不限 widget；日後若整理 common/base.css 的
 *   容器規則，此區段為優先遷入對象（本票不擴大範圍）。
 *
 *   [好覆蓋，issue #874] 手機內距改由 .container（0,1,0）上的 --container-pad-sm 承載
 *   （寬度階梯本就走 --cms-container-* 全域 token，無須再加一層）。本檔作用於全站容器，
 *   主題覆寫 --container-pad-sm 會一併影響非 widget 的容器，屬預期行為。
 * ==========================================================================*/

/* ============================================================================
 * 區段 2：default.css .container max-width / width 主題層（baseline 容器限制）
 *   抽取自 default.css line 4051~4061 + 4167~4172 + 4332~4336
 *   作用：站台 .container 的寬度與手機內距基準（覆蓋 Bootstrap 預設 1140/1320）
 *
 *   註：原 default.css line 4173~4186 為大段註解掉的 h3/h4/p RWD 規則、
 *       line 4187~4322 為其他非 .container 規則（.plr-185 / .mb-80 / .logo 等），
 *       本區段精準重組僅保留 .container 相關的 @media 區塊，避免帶入未閉合註解
 *       或不相關規則破壞 cascade。
 *
 *   phase 2 斷點統一：max-width 一律改為「下一階 − 0.02px」（767 → 767.98），
 *   與 03-container.css 及 guideline §4.6 標準刻度一致。整數視口寬度下生效值不變。
 * ============================================================================
 */

@media (min-width: 1200px) {
  .container {
    max-width: var(--cms-container-lg);
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: var(--cms-container-xl);
  }
}

@media (max-width: 767.98px) {
  .container {
    --container-pad-sm: 10px 16px; /* 站台容器手機內距 */
    width: 100%;
    padding: var(--container-pad-sm, 10px 16px);
  }
}

/* 註：本規則的 width: 100% 與上一組 max-width:767.98 區塊重複，
   為忠實保留自 default.css 抽出的原始結構而不合併（480 以下另有其他來源規則）。 */
@media (min-width: 480px) and (max-width: 767.98px) {
  .container {
    width: 100%;
  }
}


/* 區段 3（default.css 的 .swiper-slide / .swiper-slide img 主題層擴充）已於 issue #694
   移出：那組規則屬 Swiper 套件層級的全域覆寫、由多個 widget 共吃，與本檔「站台 .container
   基準」的定位無關，已與 11-image.css 的 swiper 區塊一併彙整至 20-swiper.css。 */