/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
    font-family: 'Microsoft JhengHei';
}

body .contact-info-widget.default i {
	color: #E3B407 !important;
}

/* 設定在子佈景主題的style.css */

/* ===================================================================
   天喜 upn43 單篇文章版型 v4（美式漫畫 POP＋右側欄）— 達帛利 2026-07-24
   命中 OceanWP 原生單篇 .single-post .entry-content 原生標籤；零手工 class
   =================================================================== */

/* 版面層：欄寬交給主題 9/3 格線，這裡只管行距節奏 */
.single-post .entry-content { font-size: 17px; line-height: 1.95; color: #333; }
.single-post .entry-content p { margin: 0 0 1.6em; }
.single-post .entry-content a { color: #0074e7; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* H1（頁面標頭標題）：亮黃螢光筆底線 */
.single-post .page-header-title,
.single-post .entry-header .entry-title {
  background: linear-gradient(transparent 62%, #ffce48 62%);
  display: inline;
  padding: 0; /* 佈景預設 padding-bottom:20px 會讓 inline 背景外溢壓到第一段，歸零使螢光筆貼齊標題字 */
}

/* H2：亮黃色帶＋墨黑粗框＋天藍硬陰影 */
.single-post .entry-content h2 {
  font-size: 24px; font-weight: 900; color: #222;
  background: #ffce48;
  border: 3px solid #222; border-radius: 10px;
  padding: 10px 18px; margin: 2.2em 0 1em;
  box-shadow: 4px 4px 0 #00a1e9;
}

/* H3：天藍左粗線 */
.single-post .entry-content h3 {
  font-size: 20px; font-weight: 800; color: #222;
  border-left: 6px solid #00a1e9; padding-left: 14px;
  margin: 1.8em 0 0.8em;
}

/* 清單 */
.single-post .entry-content ul,
.single-post .entry-content ol { margin: 0 0 1.6em 1.4em; }
.single-post .entry-content li { margin-bottom: 0.5em; }
.single-post .entry-content ul li::marker { color: #00a1e9; }

/* 表格：天藍表頭＋淺藍斑馬紋 */
.single-post .entry-content table {
  width: 100%; border-collapse: collapse; margin: 0 0 1.8em;
  border: 3px solid #222; font-size: 15px;
}
.single-post .entry-content table th {
  background: #00a1e9; color: #fff; font-weight: 800;
  padding: 10px 12px; border: 1px solid #1b6ec2; text-align: left;
}
.single-post .entry-content table td { padding: 10px 12px; border: 1px solid #cfeafc; }
.single-post .entry-content table tr:nth-child(even) td { background: #f2fafe; }

/* 圖片：漫畫框＋黃硬陰影 */
.single-post .entry-content img {
  max-width: 100%; height: auto; display: block; margin: 1.8em auto;
  border: 3px solid #222; border-radius: 10px; box-shadow: 5px 5px 0 #ffce48;
}
.single-post .entry-content figure { margin: 1.8em 0; }

/* 引用 */
.single-post .entry-content blockquote {
  background: #fffbe8; border-left: 6px solid #ffce48;
  padding: 16px 20px; margin: 0 0 1.6em; border-radius: 0 10px 10px 0; color: #555;
}

/* ===== 藍弧咬白卡修正（OceanWP page-header::after 裝飾弧）===== */
.single-post .entry-content,
.single-post #right-sidebar { position: relative; z-index: 2; }

/* ===== Easy Table of Contents：POP 風覆蓋 ===== */
.single-post #ez-toc-container {
  background: #f2fafe; border: 2px solid #222; border-radius: 10px;
  box-shadow: 3px 3px 0 #ffce48; padding: 16px 20px;
}
.single-post #ez-toc-container .ez-toc-title { color: #222; font-weight: 900; }
.single-post #ez-toc-container a { color: #0074e7; font-weight: 700; }

/* ===== 右側欄 widget：OceanWP 包裹層是 .sidebar-box（無 .widget class）===== */
.single-post #right-sidebar .sidebar-box {
  background: #f2fafe; border: 3px solid #222; border-radius: 12px;
  box-shadow: 4px 4px 0 #ffce48;
  padding: 20px; margin-bottom: 26px;
}
.single-post #right-sidebar .widget-title {
  font-size: 16px; font-weight: 900; color: #222; margin: 0 0 14px;
  background: linear-gradient(transparent 60%, #ffce48 60%);
  display: inline-block; border: none; padding: 0;
}
.single-post #right-sidebar .sidebar-box ul { list-style: none; margin: 0; padding: 0; }
.single-post #right-sidebar .sidebar-box ul li {
  padding: 9px 0; border-bottom: 2px dashed #cfeafc; font-size: 14px; list-style: none;
}
.single-post #right-sidebar .sidebar-box ul li:last-child { border-bottom: none; }
.single-post #right-sidebar .sidebar-box a { color: #333; font-weight: 700; text-decoration: none; }
.single-post #right-sidebar .sidebar-box a:hover { color: #0074e7; }
.single-post #right-sidebar .sidebar-box .post-date,
.single-post #right-sidebar .sidebar-box .ocean-date {
  display: block; font-size: 12px; color: #888; font-weight: 400; margin-top: 2px;
}

/* ===== 估價 CTA 卡（custom_html widget，藍 POP）===== */
.single-post #right-sidebar .sidebar-box:has(.upn43-cta-card) {
  background: transparent; border: none; box-shadow: none; padding: 0;
}
.upn43-cta-card {
  background: #00a1e9; border: 3px solid #222; border-radius: 14px;
  box-shadow: 4px 4px 0 #ffce48;
  padding: 22px 20px; text-align: center; color: #fff;
}
.upn43-cta-title {
  font-size: 18px; font-weight: 900; color: #fff; margin: 0 0 8px;
}
.upn43-cta-lead { font-size: 13px; color: #fff; margin: 0 0 16px; line-height: 1.7; }
.upn43-cta-btn {
  display: inline-block; background: #ffce48; color: #222 !important; font-weight: 900;
  padding: 11px 26px; border-radius: 30px; border: 3px solid #222;
  text-decoration: none !important; font-size: 15px;
}
.upn43-cta-btn:hover { background: #ffd968; }

/* RWD */
@media (max-width: 640px) {
  .single-post .page-header-title,
  .single-post .entry-header .entry-title { font-size: 24px; }
  .single-post .entry-content { font-size: 16px; }
  .single-post .entry-content h2 { font-size: 20px; }
  .single-post .entry-content h3 { font-size: 18px; }
}
/* ===== Easy TOC 目錄靠左（只改對齊，不動 POP 樣式）2026-07-24 ===== */
.single-post #ez-toc-container.ez-toc-wrap-center{margin:0 auto 1em 0!important}

/* ===== MKV4POP-START 天喜 /move-knowledge/ (page 3798) 分類卡片 v4 POP，可逆、精準命中 ===== */
/* 只命中此分類頁的 Elementor Posts 卡片，不波及單篇文章/其他頁 */
body.page-id-3798 .elementor-posts-container.elementor-posts--skin-classic{
  gap:34px 28px;
}
body.page-id-3798 .elementor-post{
  background:#fff;
  border:2px solid #222;
  border-radius:12px;
  box-shadow:6px 6px 0 #ffce48 !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:0;
  transition:transform .15s ease, box-shadow .15s ease;
}
body.page-id-3798 .elementor-post:hover{
  transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 #00a1e9 !important;
}
body.page-id-3798 .elementor-post__thumbnail__link{
  margin:0;
  display:block;
  border-bottom:2px solid #222;
}
/* 保留 Elementor 原生縮圖比例（原本就正常顯示），只補框線分隔 */
body.page-id-3798 .elementor-post__text{
  padding:16px 20px 20px;
  margin:0;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  border:none;
}
/* 分類膠囊：CSS 注入純視覺（此頁全屬搬家知識），不改頁面內容 */
body.page-id-3798 .elementor-post__text::before{
  content:"搬家知識";
  align-self:flex-start;
  background:#00a1e9;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.5px;
  line-height:1.6;
  padding:3px 12px;
  border-radius:20px;
  border:2px solid #222;
  margin-bottom:10px;
}
body.page-id-3798 .elementor-post__title{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.55;
}
body.page-id-3798 .elementor-post__title a{
  color:#00a1e9;
  font-weight:900;
  text-decoration:none;
}
body.page-id-3798 .elementor-post__title a:hover{
  color:#0074e7;
}
body.page-id-3798 .elementor-post__excerpt{
  margin:0;
  flex:1 1 auto;
}
body.page-id-3798 .elementor-post__excerpt p{
  font-size:13.5px;
  line-height:1.8;
  color:#555;
  margin:0;
}
body.page-id-3798 .elementor-post__read-more{
  align-self:flex-start;
  margin-top:14px;
  font-size:13.5px;
  font-weight:900;
  color:#0074e7;
  text-decoration:none;
  border-bottom:3px solid #ffce48;
  padding-bottom:2px;
}
body.page-id-3798 .elementor-post__read-more:hover{
  color:#00a1e9;
}
/* 分頁 v4 化 */
body.page-id-3798 .elementor-pagination .page-numbers{
  border:none;
}
body.page-id-3798 .elementor-pagination .page-numbers.current{
  color:#00a1e9;
  font-weight:900;
  background:none;
}
body.page-id-3798 .elementor-pagination a.page-numbers:hover{
  color:#00a1e9;
}
/* ===== MKV4POP-END ===== */

/* ===== MCV4POP-START 天喜 分類卡片 v4 POP (page 34)，可逆、精準命中 ===== */
body.page-id-34 .elementor-posts-container.elementor-posts--skin-classic{
  gap:34px 28px;
}
body.page-id-34 .elementor-post{
  background:#fff;
  border:2px solid #222;
  border-radius:12px;
  box-shadow:6px 6px 0 #ffce48 !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:0;
  transition:transform .15s ease, box-shadow .15s ease;
}
body.page-id-34 .elementor-post:hover{
  transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 #00a1e9 !important;
}
body.page-id-34 .elementor-post__thumbnail__link{
  margin:0;
  display:block;
  border-bottom:2px solid #222;
}
body.page-id-34 .elementor-post__text{
  padding:16px 20px 20px;
  margin:0;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  border:none;
}
body.page-id-34 .elementor-post__text::before{
  content:"搬家案例";
  align-self:flex-start;
  background:#00a1e9;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.5px;
  line-height:1.6;
  padding:3px 12px;
  border-radius:20px;
  border:2px solid #222;
  margin-bottom:10px;
}
body.page-id-34 .elementor-post__title{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.55;
}
body.page-id-34 .elementor-post__title a{
  color:#00a1e9;
  font-weight:900;
  text-decoration:none;
}
body.page-id-34 .elementor-post__title a:hover{
  color:#0074e7;
}
body.page-id-34 .elementor-post__excerpt{
  margin:0;
  flex:1 1 auto;
}
body.page-id-34 .elementor-post__excerpt p{
  font-size:13.5px;
  line-height:1.8;
  color:#555;
  margin:0;
}
body.page-id-34 .elementor-post__read-more{
  align-self:flex-start;
  margin-top:14px;
  font-size:13.5px;
  font-weight:900;
  color:#0074e7;
  text-decoration:none;
  border-bottom:3px solid #ffce48;
  padding-bottom:2px;
}
body.page-id-34 .elementor-post__read-more:hover{
  color:#00a1e9;
}
body.page-id-34 .elementor-pagination .page-numbers{
  border:none;
}
body.page-id-34 .elementor-pagination .page-numbers.current{
  color:#00a1e9;
  font-weight:900;
  background:none;
}
body.page-id-34 .elementor-pagination a.page-numbers:hover{
  color:#00a1e9;
}
/* ===== MCV4POP-END ===== */

/* ===== FAQV4POP-START 天喜 分類卡片 v4 POP (page 1139)，可逆、精準命中 ===== */
body.page-id-1139 .elementor-posts-container.elementor-posts--skin-classic{
  gap:34px 28px;
}
body.page-id-1139 .elementor-post{
  background:#fff;
  border:2px solid #222;
  border-radius:12px;
  box-shadow:6px 6px 0 #ffce48 !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:0;
  transition:transform .15s ease, box-shadow .15s ease;
}
body.page-id-1139 .elementor-post:hover{
  transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 #00a1e9 !important;
}
body.page-id-1139 .elementor-post__thumbnail__link{
  margin:0;
  display:block;
  border-bottom:2px solid #222;
}
body.page-id-1139 .elementor-post__text{
  padding:16px 20px 20px;
  margin:0;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  border:none;
}
body.page-id-1139 .elementor-post__text::before{
  content:"常見問題";
  align-self:flex-start;
  background:#00a1e9;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.5px;
  line-height:1.6;
  padding:3px 12px;
  border-radius:20px;
  border:2px solid #222;
  margin-bottom:10px;
}
body.page-id-1139 .elementor-post__title{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.55;
}
body.page-id-1139 .elementor-post__title a{
  color:#00a1e9 !important;
  font-weight:900;
  text-decoration:none;
}
body.page-id-1139 .elementor-post__title a:hover{
  color:#0074e7;
}
body.page-id-1139 .elementor-post__excerpt{
  margin:0;
  flex:1 1 auto;
}
body.page-id-1139 .elementor-post__excerpt p{
  font-size:13.5px;
  line-height:1.8;
  color:#555;
  margin:0;
}
body.page-id-1139 .elementor-post__read-more{
  align-self:flex-start;
  margin-top:14px;
  font-size:13.5px;
  font-weight:900;
  color:#0074e7;
  text-decoration:none;
  border-bottom:3px solid #ffce48;
  padding-bottom:2px;
}
body.page-id-1139 .elementor-post__read-more:hover{
  color:#00a1e9;
}
body.page-id-1139 .elementor-pagination .page-numbers{
  border:none;
}
body.page-id-1139 .elementor-pagination .page-numbers.current{
  color:#00a1e9;
  font-weight:900;
  background:none;
}
body.page-id-1139 .elementor-pagination a.page-numbers:hover{
  color:#00a1e9;
}
/* ===== FAQV4POP-END ===== */


/** 浮動按鈕 **/
#banner_desktop {
    display: block !important;
    position: fixed !important;
    bottom: 4em !important;
    left: .3em !important;
    width: 50px !important;
    z-index: 99999 !important; /* 記得不要超過5個9 */
}

#banner_desktop-mobile {
    position: fixed !important;
    bottom: 0 !important;
	  width:100% !important;
  	right:0 !important;
}




/* 頁尾含有固定浮動按鈕，避免延後渲染影響定位 */
#footer {
  content-visibility: visible !important;
}

/* FAQ readability and icon layout fix — 2026-10-15 */
body.page-id-1139,
body.page-id-1139 #main,
body.page-id-1139 #main h1,
body.page-id-1139 #main h2,
body.page-id-1139 #main p,
body.page-id-1139 #main a {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif !important;
}
body.page-id-1139 .elementor-post {
  height: auto;
  min-height: 0;
}
body.page-id-1139 .elementor-post__text {
  padding: 22px 24px 24px;
}
body.page-id-1139 .elementor-post__text::before {
  margin-bottom: 16px;
}
body.page-id-1139 #main h2.elementor-post__title {
  background: url("https://www.upn43.com/wp-content/uploads/2023/01/q-icon3.png") left 3px / 28px auto no-repeat !important;
  padding: 0 0 0 40px !important;
  margin: 0 0 14px !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  min-height: 34px;
  height: auto !important;
  text-decoration: none !important;
}
body.page-id-1139 #main .elementor-post__title a {
  color: #0074b8 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700;
  text-decoration: none !important;
}
body.page-id-1139 #main .elementor-post__title a:hover {
  text-decoration: underline !important;
}
body.page-id-1139 #main .elementor-post__excerpt {
  padding: 0 !important;
  margin: 0;
}
body.page-id-1139 #main .elementor-post__excerpt p {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.85 !important;
  letter-spacing: normal !important;
  margin: 0;
}
body.page-id-1139 #main a.elementor-post__read-more {
  color: #0074b8 !important;
  font-size: 15px !important;
  line-height: 1.6;
  padding: 0 0 3px !important;
  margin-top: 18px;
}
@media (max-width: 767px) {
  body.page-id-1139 .elementor-post__text { padding: 18px 16px 20px; }
  body.page-id-1139 #main h2.elementor-post__title { font-size: 18px !important; }
}
/* End FAQ readability fix */