/* ==========================================================================
   476 COLLECTION - Blocksy 主題專用莫蘭迪美學風格檔
   主色 / 文字色：#513629 (深可可棕)
   輔助色：#D6A389 (暖杏粉)
   底色：#FBF9F6 (溫暖燕麥奶)
   ========================================================================== */

/* 1. 覆蓋 Blocksy 全站原生 CSS 變數 */
:root {
  /* 品牌色彩系統 */
  --theme-palette-color-1: #513629;  /* 主色 / 標題色 / 按鈕背景 */
  --theme-palette-color-2: #D6A389;  /* 輔助色 / 懸浮色 / 亮點 */
  --theme-palette-color-3: #513629;  /* 內文主要顏色 */
  --theme-palette-color-4: #8C756B;  /* 次級文字 / 日期 / 中性灰棕 */
  --theme-palette-color-5: #FBF9F6;  /* 全站背景色 (燕麥奶茶) */
  --theme-palette-color-6: #FFFFFF;  /* 卡片白底 */
  --theme-palette-color-7: #EFE7E1;  /* 柔和邊框色 */
  --theme-palette-color-8: #C49177;  /* 懸浮深杏色 */

  /* Blocksy 系統對應 */
  --color: var(--theme-palette-color-3) !important;
  --link-initial-color: var(--theme-palette-color-1) !important;
  --link-hover-color: var(--theme-palette-color-2) !important;
  --body-background-color: var(--theme-palette-color-5) !important;
  
  /* 全局圓角與陰影 */
  --theme-button-border-radius: 12px;
  --card-radius: 14px;
  --soft-shadow: 0 8px 24px rgba(81, 54, 41, 0.05);
  --hover-shadow: 0 12px 32px rgba(81, 54, 41, 0.09);
  --smooth-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 2. 全站無襯線字體與閱讀排版優化 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;
  line-height: 1.8 !important;
  letter-spacing: 0.03em !important;
  background-color: var(--theme-palette-color-5) !important;
  color: var(--theme-palette-color-1) !important;
}

/* 3. Blocksy 頁首 Header 輕盈透光感 */
.ct-header {
  background-color: rgba(251, 249, 246, 0.9) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--theme-palette-color-7);
}

/* 導覽選單 Hover 效果 */
.header-menu-1 .menu > .menu-item > a {
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: var(--smooth-transition);
}

/* 4. Blocksy 文章卡片微圓角與質感陰影 */
.entries .entry-card,
article.post {
  border-radius: var(--card-radius) !important;
  border: 1px solid var(--theme-palette-color-7) !important;
  box-shadow: var(--soft-shadow) !important;
  background-color: var(--theme-palette-color-6) !important;
  transition: var(--smooth-transition) !important;
  overflow: hidden;
}

.entries .entry-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--hover-shadow) !important;
}

/* 5. 圖片圓角優化 */
.ct-media-container,
.entry-card .ct-image-container img,
.wp-block-image img {
  border-radius: 10px !important;
}

/* 6. Blocksy 按鈕美化 */
.ct-button,
button,
input[type="submit"],
.wp-block-button__link {
  background-color: var(--theme-palette-color-1) !important;
  color: #FFFFFF !important;
  border-radius: var(--theme-button-border-radius) !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  box-shadow: var(--soft-shadow);
  transition: var(--smooth-transition) !important;
  border: none !important;
}

.ct-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: var(--theme-palette-color-2) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: var(--hover-shadow);
}

/* 7. Blocksy 頁尾 Footer 莫蘭迪溫暖調性 */
.ct-footer {
  background-color: #F4EFEA !important; /* 微深的燕麥色作為頁尾基底 */
  border-top: 1px solid var(--theme-palette-color-7);
  color: var(--theme-palette-color-1) !important;
}

/* 8. 文字選取高亮色 */
::selection {
  background-color: var(--theme-palette-color-2);
  color: #FFFFFF;
}


}