/*
Theme Name: WGS Migrated
Description: Weebly migration theme generated by WGS (deterministic).
Version: 1.0
*/

/* ── 基本 reset：貼齊 Weebly 版面預設 ── */
body { margin: 0; font-family: Arial, Helvetica, sans-serif; }
img { max-width: 100%; height: auto; }
.wp-block-columns { display: flex; gap: 0; }
.wp-block-column { min-width: 0; }

/* ── 以下為原站 CSS 原樣移植（wgs-source: main_style.css） ── */


/* ── 頁面內嵌樣式層（全站去重合併） ── */


/* ── WGS 對測覆寫（置於 source 之後：後載勝出） ── */

/* ── 對測校正（compare 量測，原站三視窗實測值）：.container =
   max-width:1200＋margin auto（1440: 1200 置中；768/375: 滿寬），
   padding 由快照 responsive 規則供給（桌面 60/40、行動 30/20，
   本機已命中）。快照缺 max-width 規則（local 實測 maxW none）
   ——僅補這一條，不覆寫 width/padding 以免壓掉行動版 ── */
#wsite-content .container { max-width: 1200px;
  margin-left: auto; margin-right: auto; box-sizing: border-box; }

/* ── 清單間距（compare 量測，原站 375 實測值：ul margin 5px 0／
   padding-left 48／lh 28、li margin-top 3／padding-left 5／h 34）。
   原站清單嵌在 .paragraph 內吃其情境規則；IR 結構保真把清單抽成
   獨立 list block 後失去情境（實測 ul 總高 525 vs 228）——補等效值 ── */
#wsite-content ul, #wsite-content ol { margin: 5px 0;
  padding: 0 0 0 48px;
  line-height: 28px; }
#wsite-content li { margin: 3px 0 0;
  padding: 0 0 0 5px;
  line-height: 28px; }

/* 空段落＝原站 <br> 空行（量測：本機 h=0、原站一行 28px） */
#wsite-content .paragraph:empty, #wsite-content p:empty {
  min-height: 28px; }

/* ── multicol 行動堆疊（compare 量測：原站 375 的 multicol td 為
   display:block 滿寬；內容區 multicol 已轉 wp-block-columns，補等效
   塌陷，否則行動版擠成一列） ── */
@media (max-width: 767px) {
  #wsite-content .wp-block-columns { display: block; }
  #wsite-content .wp-block-column { width: 100%; }
}

/* ── 背景層 full-bleed：WP group layout 在 wrap(table) 與
   section(table-cell) 之間注入 __inner-container(block)，打斷表格鏈
   → cell 落入匿名表格 shrink-to-fit 縮到內容寬（1680 實測 1200）。
   display:contents 移除該盒子讓表格鏈重新接上，cell 回到滿版 ── */
.wsite-section-wrap > .wp-block-group__inner-container { display: contents; }
.wsite-button-inner { font-size: 20px; font-weight: 600;
  position: relative; padding-top: 0; padding-bottom: 0; }

/* ── 背景 section 一律 cover 置中（compare 量測：原站 cover/50% 50%，
   本機 auto/0% 0%——inline 只帶 background-image，尺寸規則掛在
   Weebly JS 狀態 class 上未能移植） ── */
#wsite-content .wsite-section[style*="background-image"],
#wsite-content .wsite-section-bg-image {
  background-size: cover; background-position: 50% 50%; }

/* ── 導覽列：markup 沿用原站 Weebly 類名（wsite-menu-default 鏈），
   typography 由快照 CSS 原生規則供給（compare 量測對齊：Montserrat
   20px/700/letter-spacing 1px 皆來自 .wsite-menu-default a !important
   規則）。此處僅補原站 JS 行為的等效重現：fixed 定位、滾動變白底、
   hover 下拉、行動版漢堡 ── */
.wgs-nav { position: fixed; top: 0; left: 0; right: 0;
  z-index: 9999 !important; background: transparent; color: #ffffff; }
.wgs-nav--scrolled { background: #ffffff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12); }
/* 原站 header 是 table（logo cell＋nav cell）——快照 CSS 的
   .desktop-nav{display:table-cell} 與 ul{float:right;max-width:960}
   需要這個外殼才能工作（量測：缺外殼時 cell 匿名收縮、ul x=0；
   有外殼時 ul 自然浮動到 x=440 與原站一致）。ul/li 排版（inline-block、
   margin 5px、換行）全由快照 CSS 原生供給，不再覆寫 */
.wgs-nav-table { display: table; width: 100%; box-sizing: border-box;
  padding: 20px 40px 0; }
.wgs-nav-logo { display: table-cell; vertical-align: top; width: 1%;
  white-space: nowrap; }
/* logo 顯式尺寸（量測：原站 105×40）：base img{max-width:100%} 在
   1% table-cell 內會把 logo 壓成 14×5——必須解除 */
.wgs-nav img { height: 40px; width: auto; max-width: none;
  display: inline-block; }
/* overflow 解除：快照有 ul{overflow:hidden}（量測：下拉 306px 被裁
   到 112px bar 內）——原站下拉活在 body 層引擎容器不受影響，我們的
   活在 li 裡必須放行 */
.wgs-nav .wsite-menu-default { list-style: none !important;
  overflow: visible !important; }
.wgs-nav .wsite-menu-item-wrap { position: relative; }
.wgs-nav .wsite-menu-item { display: block;
  padding: 12px 20px;
  line-height: 20px; position: relative; }
.wgs-nav .wsite-menu-default a { color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45); }
.wgs-nav--scrolled .wsite-menu-default a { color: #2a2a2a !important;
  text-shadow: none; }
.wgs-nav .wsite-menu-default a:hover { color: #7cc206 !important; }
/* 當前頁：原站 li#active，白底藥丸掛在 title span（compare 量測：
   原站 a 本身 color 白、background 透明——藥丸在內層）；負 margin
   讓藥丸不改變項目幾何。滾動白底時加黑框（scrolled 截圖） */
.wgs-nav #active > a > .wsite-menu-title { background: #ffffff;
  color: #2a2a2a; text-shadow: none; display: inline-block;
  padding: 8px 14px; margin: -8px -14px; }
.wgs-nav--scrolled #active > a > .wsite-menu-title {
  outline: 1px solid #111111; }
/* 下拉子選單（原站由平台 JS 展開——CSS hover 等效；wrapper 用 wgs
   類名避免被平台 JS 搬進 #wsite-menus） */
.wgs-nav .wgs-menu-wrap { display: none; position: absolute; top: 100%;
  left: 0; width: max-content; min-width: 230px; max-width: 320px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 6px 16px rgba(0,0,0,0.18); padding: 6px 0; z-index: 10000; }
.wgs-nav .wsite-menu-item-wrap:hover > .wgs-menu-wrap { display: block; }
/* 內層 ul/li 重置：快照的 float/寬度規則（960、inline-block）會把
   下拉撐成整條白帶（hover 實測 960x164、文字被裁）——收斂為直欄 */
.wgs-nav .wgs-menu-wrap .wsite-menu { float: none !important;
  width: auto !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; display: block; }
.wgs-nav .wgs-menu-wrap li { display: block; margin: 0; float: none; }
/* 平台 flyout 引擎容器（收走隱藏殼 nav 的 wrap）——不使用，防串場 */
#wsite-menus { display: none !important; }
.wgs-nav .wsite-menu { list-style: none !important; margin: 0 !important;
  padding: 0 !important; }
.wgs-nav .wsite-menu a { display: block; padding: 7px 18px;
  color: #2a2a2a !important; text-shadow: none; font-size: 15px; }
/* 手機版 banner 條隱藏（compare 量測：原站 375 hero y=110＝僅行動
   bar，banner 標題條不顯示；768 起顯示） */
@media (max-width: 480px) {
  body .banner-wrap { display: none; }
}

/* 行動版：compare 量測——原站 768/375 桌面選單 missing（收合為漢堡）、
   行動 header 為「流內」白色 bar（375 量測 hero y=110，非 fixed 覆疊） */
.wgs-nav-burger { display: none; }
@media (max-width: 1024px) {
  .wgs-nav { position: relative; background: #ffffff; }
  .wgs-nav .desktop-nav { display: none; }
  /* 量測：原站行動 bar 總高 110、logo 40px @ y=5 */
  .wgs-nav-table { padding: 5px 20px;
    min-height: 110px; }
  .wgs-nav-burger { display: block; position: absolute; right: 20px;
    top: 14px; width: 34px; cursor: pointer; }
  .wgs-nav-burger span { display: block; height: 3px; margin: 6px 0;
    background: #333333; }
  #wgs-nav-toggle:checked ~ .wgs-nav-table .desktop-nav { display: block;
    position: fixed; top: 0; left: 0; right: 0; z-index: 10001;
    background: #ffffff; max-height: 100vh; overflow: auto; }
  #wgs-nav-toggle:checked ~ .wgs-nav-table .desktop-nav .wsite-menu-default {
    float: none; max-width: none; padding: 10px 0; }
  #wgs-nav-toggle:checked ~ .wgs-nav-table .desktop-nav
    .wsite-menu-item-wrap { display: block; }
  #wgs-nav-toggle:checked ~ .wgs-nav-table .desktop-nav a {
    color: #2a2a2a !important; text-shadow: none; }
}
/* 原生 nav 依賴平台 JS 鏈（斷鏈即全滅）——隱藏，導覽由 .wgs-nav 保證 */
.birdseye-header { display: none !important; }

/* ── 以下為原站 CSS 原樣移植（wgs-source: main_style.css） ── */