/* Bobe 主題自己的補充樣式（innovext 外觀之外新增的部分） */

/* 寬版頁面範本（page-templates/wide.php）：比較頁、落地頁 */
.bobe-wrap { max-width: 760px; margin: 0 auto; padding: 24px 16px 80px; }
.bobe-wrap--wide { max-width: 1032px; }
.bobe-crumbs { font-size: 13px; color: #7e7e7e; margin-bottom: 12px; }
.bobe-crumbs a { color: #7e7e7e; }
.bobe-title { margin: 8px 0 12px; font: 800 28px/1.4 "Montserrat", "Noto Sans TC", sans-serif; color: #282828; }
.bobe-lead { margin: 0 0 8px; color: #7e7e7e; font-size: 14px; }
.bobe-wide-content .tc { padding: 0 0 40px; }

/* 滿版底色帶：群組區塊 → 樣式「灰底色帶（滿版）」（或舊 class band-gray）。底色延伸到左右滿版，內容仍對齊版心 */
.is-style-band-gray, .band-gray {
    --band-bg: #F5F5F7;
    background: var(--band-bg);
    padding-block: 40px;
    /* 用陰影把底色往左右延伸、再裁掉上下：不改版面寬度，版心不置中（有側欄）時也對得齊；有側欄的版型底色會延伸到側欄下，建議用在無側欄版型 */
    box-shadow: 0 0 0 100vmax var(--band-bg);
    clip-path: inset(0 -100vmax);
}
/* 比較區塊放進色帶時，固定篩選列、撕線缺口跟著用色帶底色 */
:is(.is-style-band-gray, .band-gray) .tc { --page: var(--band-bg); }

/* 頁首右上角：客服、會員下拉選單（header.php 的 .hm，互動在 assets/js/header-menus.js） */
.header .hm-wrap{gap:20px}
.header .hm{position:relative}
.header .hm-btn{width:43px;height:43px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:0}
.header .hm-btn:focus-visible{box-shadow:0 0 0 2px #A8A3FF}
.header .hm-user{background:#FFD337;color:#04002C}
.header .hm-pop{position:absolute;z-index:1001;right:0;top:calc(100% + 14px);min-width:240px;padding:22px 24px;border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(4,0,44,.18);font-family:Montserrat,'Noto Sans TC',sans-serif}
.header .hm-item{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:18px;font-weight:500;line-height:1.4;color:#282828;text-decoration:none}
.header .hm-item:hover{color:#4737FF}
/* 白底頁首（首頁、B2 文章）：對話圖示改深色 */
.home:not(.post-type-archive-product):not(.header-sticky) .header .hm-chat,.single-post-b2:not(.header-sticky) .header .hm-chat{color:#04002C}
@media (max-width:575.98px){.header .hm-wrap{gap:8px}.header .hm-btn{width:36px;height:36px}.header .hm-btn svg{width:24px;height:24px}.header .hm-pop{min-width:210px;padding:18px 20px}}
.header .logo .dark{display:none} /* 深色字 logo（header.php），只有黃底頁首用 */

/* 頁尾（footer.php .ft，照旅遊險頁設計稿） */
footer.ft{margin:0;padding:48px 0 40px;background:#04002C;color:rgba(255,255,255,.78);font:400 14px/1.8 Montserrat,'Noto Sans TC',sans-serif}
.ft-in{max-width:1032px;margin:0 auto;padding:0 16px}
.ft-top{display:flex;flex-wrap:wrap;gap:36px 56px}
.ft-co{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:4px}
.ft-co strong{font-weight:700;color:#fff}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{color:#FFD43B;text-decoration:underline}
.ft .ft-logo{align-self:flex-start;display:block;margin-bottom:14px}
.ft .ft-logo:hover{text-decoration:none}
.ft .ft-logo svg{display:block;width:auto;height:32px}
.ft-nav{flex:2 1 420px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:24px 32px;align-content:start}
.ft-col{display:flex;flex-direction:column;gap:6px}
.ft-h{margin-bottom:4px;font:700 13px/1.4 Montserrat,'Noto Sans TC',sans-serif;color:#FFD43B}
.ft-col a{color:rgba(255,255,255,.85)}
.ft-col a:hover{color:#fff}
.ft-copy{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font:400 12.5px/1.6 Montserrat,'Noto Sans TC',sans-serif;color:rgba(255,255,255,.6)}