/* GeneratePress Site CSS */  /* End GeneratePress Site CSS 
/* 強制移除所有暗色遮罩 - 桌面和手機通用 */
.gb-element-69a233b0,
.gb-element-69a233b0::after,
.gb-element-69a233b0::before {
  background-image: var(--inline-bg-image) !important;
  background-color: transparent !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.gb-element-69a233b0::after,
.gb-element-69a233b0::before {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}

/* 確保標題在任何設備上都是白色加陰影 */
.gb-element-69a233b0 h1,
.gb-text-2a6c1c0b {
  color: #FFFFFF !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9) !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 副標題也確保白色 */
.gb-element-69a233b0 p {
  color: #FFFFFF !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* 移除作者資訊的陰影 */
.author,
.author-box,
aside,
.sidebar {
  text-shadow: none !important;
}
/* ===== STARTUP LATTE MINIMALIST PAGINATION ===== */
.nav-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 40px 0 !important;
}

/* 基礎按鈕樣式：改小尺寸 */
.nav-links .page-numbers {
    display: inline-block !important;
    padding: 10px 18px !important; /* 縮小內邊距，讓按鈕變精緻 */
    font-size: 16px !important;    /* 縮小字體 */
    color: #7A2529 !important;     /* 使用您的 Brand Maroon */
    background-color: #ffffff !important;
    border: 1px solid #7A2529 !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

/* 滑鼠移上去 (Hover) 與 當前頁面 (Current) */
.nav-links .page-numbers:hover,
.nav-links .page-numbers.current {
    background-color: #F3981E !important; /* 觸發您的 Brand Orange */
    color: #ffffff !important;
    border-color: #F3981E !important;
    transform: translateY(-1px) !important;
}

/* 省略號樣式 */
.nav-links .dots {
    color: #7A2529 !important;
    padding: 0 5px !important;
    border: none !important;
}

/* 特別優化：下一頁按鈕 */
.nav-links .next.page-numbers {
    border-color: #7A2529 !important;
    font-weight: bold !important;
}

/* ===== FOOTER / BOTTOM SECTION - Change red to orange ===== */
/* Change footer background to orange */
.site-footer {
    background-color: #F3981E !important; /* Your brand orange */
}

/* Keep footer text white */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer span {
    color: #FFFFFF !important;
}

/* Footer links - white text */
.site-footer a {
    color: #FFFFFF !important;
}

.site-footer a:hover {
    color: #7A2529 !important; /* Maroon on hover for contrast */
}

/* Footer headings - white */
.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4 {
    color: #FFFFFF !important;
}

/* Change pink/red background to orange */
.footer-widgets,
.footer-bar {
    background-color: #F3981E !important;
}
/* Extend orange background to cover the entire footer including copyright area */
.site-footer,
.footer-widgets,
.footer-bar,
.site-info {
    background-color: #F3981E !important;
}

/* Make sure all footer text is white */
.site-info,
.site-info p,
.site-info a,
.site-info span {
    color: #FFFFFF !important;
}

.site-info a:hover {
    color: #7A2529 !important;
}
/* Reduce VERTICAL spacing between ROWS of posts on homepage */
.home .site-main article,
.blog .site-main article,
.archive .site-main article {
    margin-bottom: 10px !important; /* Adjust this number for vertical row spacing */
}

/* Keep horizontal spacing between posts in the same row unchanged */
.generate-columns .inside-article {
    margin-bottom: 0 !important;
}
/* ===== COMPLETE TYPOGRAPHY & HIERARCHY ===== */

/* ===== POST TITLES ===== */
/* Archive post titles */
body.home article.post h2.entry-title,
body.blog article.post h2.entry-title,
body.archive article.post h2.entry-title,
h2.entry-title,
.entry-title {
    font-size: 34px;
    line-height: 1.3 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

/* First article title */
h2.gb-text-44a8651e,
h2.gb-text-44a8651e a {
    font-size: 34px !important;
    line-height: 1.3 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

/* ===== 創新點 ===== */
/* Archive posts 創新點 */
p.gb-text-1bb4643a {
    font-size: 17px !important;
    color: #555555 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

/* First article 創新點 */
p.gb-text-da35657b {
    font-size: 17px !important;
    color: #555555 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

/* ===== CATEGORIES ===== */
/* Archive posts categories */
p.gb-text-caaa6c7b {
    font-size: 16px !important;
    margin: 12px 0 !important;
}

p.gb-text-caaa6c7b a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #7A2529 !important;
    text-decoration: none !important;
}

p.gb-text-caaa6c7b a::after {
    content: " • " !important;
    color: #cccccc !important;
}

p.gb-text-caaa6c7b a:last-child::after {
    content: "" !important;
}

p.gb-text-caaa6c7b a:hover {
    color: #F3981E !important;
}

/* First article categories */
p.gb-text-1add5a9c a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #7A2529 !important;
    text-decoration: none !important;
}

p.gb-text-1add5a9c a::after {
    content: " • " !important;
    color: #cccccc !important;
}

p.gb-text-1add5a9c a:last-child::after {
    content: "" !important;
}

p.gb-text-1add5a9c a:hover {
    color: #F3981E !important;
}

/* ===== METADATA ===== */
/* Written by */


/* Published on */

/* ===== BLOCKQUOTE STYLING ===== */

/* Remove border from blockquote */
.entry-content blockquote {
    border-left: none !important;
    padding-left: 0 !important;
    margin: 20px 0 !important;
    background-color: transparent !important;
}

/* Add border ONLY to the H3 inside blockquote */
.entry-content blockquote h3 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    color: #555555 !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    border-left: 4px solid #7A2529 !important; /* Border only on H3 */
    padding-left: 20px !important;
}
/* Add gap between titles in the existing sidebar */
.widget_recent_entries li {
    padding-bottom: 0.8em;
}
.blog .entry-meta {
  outline: 3px solid red !important;
}
/* 讓手機版 Logo 上下留白，不黏邊 */
#mobile-header .site-logo img {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box;
}
/* 1. 處理上方元數據（分類、標籤），確保下方有足夠空間 */
.entry-meta .cat-links, 
.entry-meta .tags-links {
    display: block !important;
    padding-bottom: 10px !important;
    margin-bottom: 5px !important;
}

/* 2. 徹底美化導覽按鈕：縮小寬度並移除重疊 */
.post-navigation {
    display: inline-block !important; /* 改為 inline-block 讓它不要佔滿全寬 */
    width: auto !important;           /* 寬度自動，避免壓到文字 */
    margin-top: 40px !important;      /* 增加上方間距，徹底撥開文字 */
    clear: both !important;
    transform: none !important;       /* 確保沒有任何向上拉的位移 */
}

/* 3. 針對導覽連結的文字進行微調，避免看起來像重複的標題 */
.post-navigation .nav-links a {
    font-size: 14px !important;       /* 縮小文字，區隔開正文標籤 */
    color: #7A2529 !important;        /* 使用品牌紅 */
    text-decoration: none !important;
}

/* 4. 手機版優化：增加與下方作者區塊的距離 */
@media (max-width: 768px) {
    .post-navigation {
        margin-top: 30px !important;
        margin-bottom: 60px !important;
        display: block !important;    /* 手機版恢復全寬方便點擊 */
    }
}
/* 強制縮減 Recent Posts 與 Previous 之間的間距 */

/* 1. 移除近期文章列表下方的所有留白 */
.widget_recent_entries, 
.widget.recent-posts {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. 移除近期文章清單 (ul) 的預設底邊距 */
.widget_recent_entries ul {
    margin-bottom: 5px !important;
}

/* 3. 使用負數 Margin 將導覽列往上拉 */
.post-navigation {
    margin-top: -20px !important; /* 負數會讓區塊向上「吸」上去 */
    padding-top: 0 !important;
}

/* 針對手機版特別微調 */
@media (max-width: 768px) {
    .post-navigation {
        margin-top: -15px !important;
    }
}
/* 僅針對手機版 (螢幕寬度 768px 以下) */
@media (max-width: 767px) {
    /* 選取您的訂閱 Block 容器 */
    .gb-container {
        margin-bottom: 60px !important; /* 強制增加底部間距 */
    }

    /* 或是針對 Author Box 增加上方間距，雙重保險 */
    .author-box, .site-main [class*="author-"] {
        margin-top: 50px !important;
        display: block; /* 確保它是區塊元素才能推開 */
    }
}