/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
 
 
/* 傳統編輯器專用的橙色側邊條 H3 */
h3.orange-bar {
  display: flex !important; /* 加入 !important 確保不被覆蓋 */
  align-items: center !important;
  gap: 12px !important;
}

h3.orange-bar::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 1.2em !important;
  background-color: #f16522 !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   自訂標題樣式：橙色側邊條
   ========================================================================== */
.wp-block-heading.is-style-orange-bar {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wp-block-heading.is-style-orange-bar::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1.2em; /* 這裡用 em 單位，線條高度會自動跟隨 H1~H6 的字體大小自動縮放 */
  background-color: #f16522; /* 橙色色彩碼 */
  border-radius: 4px; /* 圓角效果 */
  flex-shrink: 0; /* 防止線條被擠壓變形 */
}

/* 傳統編輯器專用：淺灰色圓角背景大框框 (div) */
div.gray-p-box {
  background-color: #f5f5f5 !important;
  border-radius: 8px !important;
  padding: 20px !important; /* 讓四周都有舒適的留白 */
  margin-bottom: 25px !important;
}

/* 確保大框框裡面的段落不會有重複的背景，且保持正常的行距 */
div.gray-p-box p {
  background: none !important;
  padding: 0 !important;
  margin-bottom: 15px !important;
  color: #333333 !important;
}

/* 消除大框框內最後一個段落的底部間距，避免框框下方顯得太寬 */
div.gray-p-box p:last-child {
  margin-bottom: 0 !important;
}



/* ==========================================================================
   全局修正：修復全站文章內文的 Point Form (ul / ol) 縮排與跳行對齊
   ========================================================================== */

/* 1. 針對無序清單 (ul) 和 有序清單 (ol) 補回左側留白 */
.entry-content ul,
.entry-content ol,
.post-content ul,
.post-content ol,
.tribe-events-content ul, /* 💡 專門針對 The Events Calendar 活動內容區的修正 */
.tribe-events-content ol {
  padding-left: 24px !important;    /* 強制留出空間給點點，第二行文字就會自動對齊 */
  margin-bottom: 16px !important;   /* 讓清單跟下一個段落保持適當距離 */
}

/* 2. 確保清單項目 (li) 的點點待在文字外面 (outside) */
.entry-content li,
.post-content li,
.tribe-events-content li {
  list-style-position: outside !important; /* 💡 最關鍵：點點在外面，文字跳行時才會乖乖在右邊對齊 */
  display: list-item !important;           /* 確保點點不會消失 */
  margin-bottom: 8px !important;           /* 每個 point 之間的稍微留白，比較好讀 */
  line-height: 1.6 !important;             /* 舒適的行高 */
}