/* 隱藏 WordPress 管理員工具列（僅後台登入者可見，不影響訪客） */
#wpadminbar {
  display: none !important;
}
html {
  margin-top: 0 !important;
}

/* 隱藏佈景主題預設的頁首與頁尾，保留自訂的吉速貸設計 */
.wp-block-template-part[data-slug="header"],
.wp-block-template-part[data-slug="footer"],
header.wp-block-template-part,
footer.wp-block-template-part {
  display: none !important;
}

/* 移除頁面兩側的米白色邊距，讓設計撐滿全寬 */
body {
  background-color: #ffffff !important;
}
.wp-site-blocks {
  padding: 0 !important;
  margin: 0 !important;
}
.entry-content,
.wp-block-post-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100% !important;
}
.wp-block-group.is-layout-constrained {
  padding: 0 !important;
}

/* ============================================
   吉速貸 部落格文章頁面樣式
   ============================================ */

/* 引入 Noto Sans TC 字型 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&display=swap');

/* 文章頁面整體背景 */
.single-post body,
.single body {
  background-color: #f4f6f9 !important;
  font-family: 'Noto Sans TC', sans-serif !important;
}

/* 文章主容器 */
.single-post .wp-site-blocks,
.single .wp-site-blocks {
  max-width: 100% !important;
  padding: 0 !important;
}

/* 假 Header - 深藍品牌色 */
.single-post body::before,
.single body::before {
  content: '';
  display: block;
  width: 100%;
  height: 72px;
  background-color: #ffffff;
  border-bottom: 1px solid #e8ecf2;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* 文章頁面上方留空讓 header 不遮住內容 */
.single-post .wp-block-post,
.single .wp-block-post,
.single-post article,
.single article {
  margin-top: 72px !important;
}

/* 文章 Hero 區塊 - 深藍背景標題區 */
.single-post .wp-block-post-title,
.single .wp-block-post-title,
.single-post h1.entry-title,
.single h1.entry-title {
  background: linear-gradient(135deg, #0d2d5e 0%, #1a4a8a 100%) !important;
  color: #ffffff !important;
  font-family: 'Noto Sans TC', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  padding: 60px 40px 50px !important;
  margin: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
  line-height: 1.5 !important;
}

/* 文章內容區域 */
.single-post .entry-content,
.single .entry-content,
.single-post .wp-block-post-content,
.single .wp-block-post-content {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 48px 32px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important;
  border-radius: 0 0 16px 16px !important;
}

/* 文章段落文字 */
.single-post .entry-content p,
.single .entry-content p {
  font-size: 1.05rem !important;
  line-height: 1.9 !important;
  color: #3a3a3a !important;
  margin-bottom: 1.4em !important;
  font-family: 'Noto Sans TC', sans-serif !important;
}

/* H2 標題 */
.single-post .entry-content h2,
.single .entry-content h2 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #0d2d5e !important;
  margin: 2.5em 0 1em !important;
  padding-bottom: 0.5em !important;
  border-bottom: 3px solid #c9a84c !important;
  font-family: 'Noto Sans TC', sans-serif !important;
}

/* H3 標題 */
.single-post .entry-content h3,
.single .entry-content h3 {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #1a3a6b !important;
  margin: 2em 0 0.8em !important;
  padding-left: 12px !important;
  border-left: 4px solid #c9a84c !important;
  font-family: 'Noto Sans TC', sans-serif !important;
}

/* 表格樣式 */
.single-post .entry-content table,
.single .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5em 0 !important;
  font-size: 0.95rem !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.single-post .entry-content table thead tr,
.single .entry-content table thead tr {
  background: #0d2d5e !important;
  color: #ffffff !important;
}

.single-post .entry-content table thead th,
.single .entry-content table thead th {
  padding: 14px 16px !important;
  font-weight: 600 !important;
  text-align: left !important;
  color: #ffffff !important;
}

.single-post .entry-content table tbody tr:nth-child(even),
.single .entry-content table tbody tr:nth-child(even) {
  background: #f4f7fc !important;
}

.single-post .entry-content table tbody tr:hover,
.single .entry-content table tbody tr:hover {
  background: #e8eef8 !important;
}

.single-post .entry-content table td,
.single .entry-content table td {
  padding: 12px 16px !important;
  border-bottom: 1px solid #e4e9f0 !important;
  color: #3a3a3a !important;
}

/* 列表樣式 */
.single-post .entry-content ul,
.single .entry-content ul {
  padding-left: 1.5em !important;
  margin-bottom: 1.4em !important;
}

.single-post .entry-content ul li,
.single .entry-content ul li {
  margin-bottom: 0.6em !important;
  line-height: 1.8 !important;
  color: #3a3a3a !important;
  font-size: 1rem !important;
}

.single-post .entry-content ul li::marker,
.single .entry-content ul li::marker {
  color: #c9a84c !important;
}

/* 有序列表 */
.single-post .entry-content ol li,
.single .entry-content ol li {
  margin-bottom: 0.8em !important;
  line-height: 1.8 !important;
  color: #3a3a3a !important;
}

.single-post .entry-content ol li::marker,
.single .entry-content ol li::marker {
  color: #0d2d5e !important;
  font-weight: 700 !important;
}

/* 強調文字 */
.single-post .entry-content strong,
.single .entry-content strong {
  color: #0d2d5e !important;
  font-weight: 700 !important;
}

/* 分隔線 */
.single-post .entry-content hr,
.single .entry-content hr {
  border: none !important;
  border-top: 2px solid #e8ecf2 !important;
  margin: 2.5em 0 !important;
}

/* 文章底部 CTA 區塊 */
.single-post .entry-content > p:last-of-type,
.single .entry-content > p:last-of-type {
  background: linear-gradient(135deg, #0d2d5e 0%, #1a4a8a 100%) !important;
  color: #ffffff !important;
  padding: 28px 32px !important;
  border-radius: 12px !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  margin-top: 2em !important;
}

/* 回首頁按鈕區 */
.single-post .wp-block-post-navigation-link,
.single .wp-block-post-navigation-link {
  display: none !important;
}

/* ===== 部落格文章頁尾 CTA 按鈕 ===== */

/* 隱藏預設的 Share this / Like this 區塊 */
.single-post .sharedaddy,
.single-post .sd-sharing-enabled,
.single-post .sd-block,
.single .sharedaddy,
.single .sd-sharing-enabled,
.single .sd-block,
.single-post .wp-block-jetpack-like,
.single .wp-block-jetpack-like,
.single-post #jp-post-flair,
.single #jp-post-flair,
.single-post .entry-footer .post-share-buttons,
.single .entry-footer .post-share-buttons {
  display: none !important;
}

/* 文章頁尾按鈕區域容器 */
.jsd-article-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
  padding: 40px 20px 20px;
  margin-top: 20px;
}

/* 共用按鈕樣式 */
.jsd-article-footer a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 8px;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.15s;
  letter-spacing: 0.5px;
}

.jsd-article-footer a:hover {
  opacity: 0.88;
  transform: translateY(-2px);
}

/* 返回首頁 — 深藍色 */
.jsd-article-footer .jsd-btn-home {
  background: #1a2e5e;
  color: #ffffff !important;
  border: 2px solid #1a2e5e;
}

/* 免費諮詢 — 金色 */
.jsd-article-footer .jsd-btn-cta {
  background: linear-gradient(135deg, #c9a227, #e8bc35);
  color: #1a1a1a !important;
  border: 2px solid #c9a227;
}

/* LINE — 綠色 */
.jsd-article-footer .jsd-btn-line {
  background: #06C755;
  color: #ffffff !important;
  border: 2px solid #06C755;
}

/* Facebook — 藍色 */
.jsd-article-footer .jsd-btn-fb {
  background: #1877F2;
  color: #ffffff !important;
  border: 2px solid #1877F2;
}

/* 手機版排列 */
@media (max-width: 600px) {
  .jsd-article-footer {
    flex-direction: column;
  }
  .jsd-article-footer a {
    width: 100%;
    justify-content: center;
  }
}