/* 關係之間｜文章頁（單篇範本 9001729）：底部 CTA 用的共用樣式（客戶 20261030 C4），選擇器只限 body.single-post */
@font-face { font-family: "InBetween Rounded"; src: url("https://inbetween.tw/wp-content/uploads/inbetween-fonts/inbetween-rounded.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
body.single-post .ib-round, body.single-post .ib-round .elementor-heading-title { font-family: "InBetween Rounded", "Noto Sans TC", sans-serif !important; font-weight: 400 !important; }
/* Figma: 粉圓標題有 0.5px 同色外描邊（stroke OUTSIDE）；1px 描邊畫在填色下層＝0.5px 外描邊。小序號與漸層字不加 */
body.single-post .ib-round .elementor-heading-title { -webkit-text-stroke: 1px currentColor; paint-order: stroke fill; }
body.single-post .ib-sec__num .elementor-heading-title, body.single-post .ib-plan__cn .elementor-heading-title, body.single-post .ib-gradtext .elementor-heading-title, body.single-post .ib-round.ib-gradtext .elementor-heading-title { -webkit-text-stroke: 0; }
body.single-post .ib-page { background-color: #FAF8F4; }
body.single-post .ib-page .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }
/* Hero */
body.single-post .ib-hero { position: relative; overflow: hidden; }
body.single-post .ib-hero__wave { position: absolute !important; left: 0; right: 0; bottom: -1px; margin: 0 !important; pointer-events: none; }
body.single-post .ib-hero__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; transform: scaleX(-1); }
body.single-post .ib-hero__title { position: relative; z-index: 1; }
/* Section heading: heart badge with number, gradient divider with flower */
body.single-post .ib-sec__badge { position: relative; width: 32px !important; height: 32px; margin: 0 auto !important; padding: 0 !important; }
body.single-post .ib-sec__heart, body.single-post .ib-sec__heart img { width: 32px !important; height: 32px; }
body.single-post .ib-sec__num { position: absolute !important; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding-bottom: 3px; }
body.single-post .ib-sec__num .elementor-widget-container { height: 100%; display: flex; align-items: center; justify-content: center; }
body.single-post .ib-sec__num .elementor-heading-title { line-height: 1 !important; }
body.single-post .ib-sec__divider { width: 416px !important; max-width: 100%; gap: 16px !important; }
body.single-post .ib-sec__divider { background: linear-gradient(90deg, #ED7971, #A8D176) left center / calc(50% - 32px) 1px no-repeat, linear-gradient(90deg, #A8D176, #ED7971) right center / calc(50% - 32px) 1px no-repeat !important; }
body.single-post .ib-sec__flower { width: auto !important; }
body.single-post .ib-sec__flower img { width: 32px !important; height: 32px; }
/* CTA band */
body.single-post .ib-cta { position: relative; overflow: hidden; background: linear-gradient(105deg, #F9D8CB 0%, #FBE8DF 34%, #FAF3EA 62%, #EEF1E0 100%) !important; z-index: 0; }
body.single-post .ib-cta > .elementor-element { position: relative; z-index: 1; }
body.single-post .ib-cta__wave { position: absolute !important; left: 0; right: 0; top: -1px; margin: 0 !important; z-index: 0 !important; }
body.single-post .ib-cta__wave img { display: block; width: 100% !important; height: 60px !important; object-fit: fill; }
body.single-post .ib-cta__leaf { position: absolute !important; margin: 0 !important; z-index: 0 !important; pointer-events: none; }
body.single-post .ib-cta__leaf img { display: block; }
/* Figma S1 (2574:5253): right top pink leaf mirrored, right lower green leaf, left lower pink leaf, left upper green leaf mirrored */
body.single-post .ib-cta__leaf--a { right: -15px; top: 94px; transform: scaleX(-1); }
body.single-post .ib-cta__leaf--b { right: 108px; top: 296px; }
body.single-post .ib-cta__leaf--c { left: 0; top: 280px; }
body.single-post .ib-cta__leaf--d { left: 123px; top: 101px; transform: scaleX(-1); }
body.single-post .ib-cta__title .elementor-heading-title { opacity: .8; }
body.single-post .ib-cta__pillwrap { position: relative; width: auto !important; }
body.single-post .ib-cta__pill .elementor-button { position: relative; display: inline-flex; align-items: center; min-height: 56px; line-height: 1; }
body.single-post .ib-cta__pill .elementor-button::before { content: ""; position: absolute; left: 24px; top: 50%; width: 30px; height: 28px; margin-top: -14px; background: url("https://inbetween.tw/wp-content/uploads/2026/10/cta-heart.svg") center/contain no-repeat; }
body.single-post .ib-cta__pill .elementor-button::after { content: ""; position: absolute; right: 8px; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 999px; background: #ED7971 url("https://inbetween.tw/wp-content/uploads/2026/10/cta-arrow.svg") center/24px no-repeat; }
body.single-post .ib-cta__pill .elementor-button-text { padding-left: 14px; border-left: 1.5px solid #3F5533; }
body.single-post .ib-cta__hand { position: absolute !important; right: -14px; bottom: -22px; margin: 0 !important; pointer-events: none; }
body.single-post .ib-cta__spark { position: absolute !important; right: -28px; top: -18px; margin: 0 !important; pointer-events: none; }
body.single-post .ib-cta__sub .elementor-heading-title { opacity: .8; }
@media (max-width: 1024px) {
  body.single-post .ib-cta__leaf { transform-origin: center; opacity: .75; }
  body.single-post .ib-cta__leaf img { width: 150px !important; }
}
@media (max-width: 767px) {
  /* 字體放大／頁面縮放時版面可能只剩 260px 寬：區塊橫向多出的部分裁掉（不影響上下重疊），容器與元件不超過螢幕寬 */
  body.single-post .ib-page { overflow-x: clip; }
  body.single-post .ib-page .e-con, body.single-post .ib-page .elementor-widget:not(.ib-deco) { max-width: 100%; }
  /* 手機版標題、小標、內文統一置中（客戶 2026-10-18）；條列清單整塊置中、內部靠左；文章卡片、案件表、分頁鈕維持原排列 */
  body.single-post .ib-page .elementor-widget-heading .elementor-heading-title, body.single-post .ib-page .elementor-widget-text-editor, body.single-post .ib-page .elementor-widget-image { text-align: center !important; }
  body.single-post .ib-page .e-con:not(.ib-tabs):not(.ib-tabs .e-con):not(.ib-kn__card .e-con):not(.ib-kn__card):not(.ib-cases .e-con) { --justify-content: center; --align-items: center; }
  body.single-post .ib-page .ib-list { text-align: left !important; width: fit-content !important; max-width: 100%; margin-left: auto !important; margin-right: auto !important; }
  body.single-post .ib-kn__card .elementor-heading-title, body.single-post .ib-kn__card .elementor-widget-text-editor { text-align: left !important; }
  body.single-post .ib-hero__wave img { height: 28px !important; }
  body.single-post .ib-sec__divider { width: 280px !important; }
  body.single-post .ib-cta__leaf img { width: 92px !important; }
  body.single-post .ib-cta__leaf--b, body.single-post .ib-cta__leaf--d { display: none; }
  body.single-post .ib-cta__leaf--a { top: 30px; }
  body.single-post .ib-cta__leaf--c { top: auto; bottom: 170px; }
  body.single-post .ib-cta__pill .elementor-button { min-height: 52px; padding-left: 56px !important; padding-right: 64px !important; }
  body.single-post .ib-cta__wave img { height: 28px !important; }
}
/* 桌機 1025–1919：依 Figma 1920 等比縮放 */
@media (min-width: 1025px) and (max-width: 1056px) { body.single-post .ib-page { zoom: 0.5234; } }
@media (min-width: 1057px) and (max-width: 1088px) { body.single-post .ib-page { zoom: 0.5401; } }
@media (min-width: 1089px) and (max-width: 1120px) { body.single-post .ib-page { zoom: 0.5568; } }
@media (min-width: 1121px) and (max-width: 1152px) { body.single-post .ib-page { zoom: 0.5734; } }
@media (min-width: 1153px) and (max-width: 1184px) { body.single-post .ib-page { zoom: 0.5901; } }
@media (min-width: 1185px) and (max-width: 1216px) { body.single-post .ib-page { zoom: 0.6068; } }
@media (min-width: 1217px) and (max-width: 1248px) { body.single-post .ib-page { zoom: 0.6234; } }
@media (min-width: 1249px) and (max-width: 1280px) { body.single-post .ib-page { zoom: 0.6401; } }
@media (min-width: 1281px) and (max-width: 1312px) { body.single-post .ib-page { zoom: 0.6568; } }
@media (min-width: 1313px) and (max-width: 1344px) { body.single-post .ib-page { zoom: 0.6734; } }
@media (min-width: 1345px) and (max-width: 1376px) { body.single-post .ib-page { zoom: 0.6901; } }
@media (min-width: 1377px) and (max-width: 1408px) { body.single-post .ib-page { zoom: 0.7068; } }
@media (min-width: 1409px) and (max-width: 1440px) { body.single-post .ib-page { zoom: 0.7234; } }
@media (min-width: 1441px) and (max-width: 1472px) { body.single-post .ib-page { zoom: 0.7401; } }
@media (min-width: 1473px) and (max-width: 1504px) { body.single-post .ib-page { zoom: 0.7568; } }
@media (min-width: 1505px) and (max-width: 1536px) { body.single-post .ib-page { zoom: 0.7734; } }
@media (min-width: 1537px) and (max-width: 1568px) { body.single-post .ib-page { zoom: 0.7901; } }
@media (min-width: 1569px) and (max-width: 1600px) { body.single-post .ib-page { zoom: 0.8068; } }
@media (min-width: 1601px) and (max-width: 1632px) { body.single-post .ib-page { zoom: 0.8234; } }
@media (min-width: 1633px) and (max-width: 1664px) { body.single-post .ib-page { zoom: 0.8401; } }
@media (min-width: 1665px) and (max-width: 1696px) { body.single-post .ib-page { zoom: 0.8568; } }
@media (min-width: 1697px) and (max-width: 1728px) { body.single-post .ib-page { zoom: 0.8734; } }
@media (min-width: 1729px) and (max-width: 1760px) { body.single-post .ib-page { zoom: 0.8901; } }
@media (min-width: 1761px) and (max-width: 1792px) { body.single-post .ib-page { zoom: 0.9068; } }
@media (min-width: 1793px) and (max-width: 1824px) { body.single-post .ib-page { zoom: 0.9234; } }
@media (min-width: 1825px) and (max-width: 1856px) { body.single-post .ib-page { zoom: 0.9401; } }
@media (min-width: 1857px) and (max-width: 1888px) { body.single-post .ib-page { zoom: 0.9568; } }
@media (min-width: 1889px) and (max-width: 1919px) { body.single-post .ib-page { zoom: 0.9734; } }
@media (min-width: 1920px) and (max-width: 1939px) { body.single-post .ib-page { zoom: 0.9896; } }
/* 客戶 20261030 C1：手機內文 16 -> 18px。附加 CSS（外觀→自訂，協作者寫的）把手機段落固定 16px !important，這裡用較高優先權覆蓋，不改附加 CSS */
@media (max-width: 767px) {
  html body.single-post .elementor-widget-theme-post-content p, html body.single-post .elementor-widget-theme-post-content li { font-size: 18px !important; line-height: 1.8 !important; }
}