/*
Theme Name: Sanhox 神浩企管
Theme URI: https://www.sanhox.com.tw
Description: 神浩企業管理顧問官網子主題。以 2018 CIS《Brand Visual Identity Guidelines》為據，
             將企業識別色 #333E48（PANTONE 432 C）與其 75/50/25% 灰階、Gill Sans/Cabin + 黑體/Noto Sans TC
             字型系統，透過 theme.json 設計 tokens 落地。父主題 twentytwentyfour。
Author: DEV2 WordPress 維運
Template: twentytwentyfour
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.8
Text Domain: sanhox
*/

/* 視覺 tokens 一律走 theme.json；此檔僅放 theme.json 無法表達的細節（輔助圖案 SVG、細部間距）。 */

:root {
  --sanhox-brand-900: #333E48;
  --sanhox-brand-700: #666E76;
  --sanhox-brand-400: #999FA4;
  --sanhox-brand-200: #CCCFD1;
}

/* 中文正文呼吸感（CIS 顧問文件調性） */
body { letter-spacing: 0.01em; }

/* 主要按鈕 hover：brand-900 -> brand-700（theme.json 無法表達 hover） */
.wp-element-button:hover,
.wp-block-button__link:hover {
  background-color: var(--sanhox-brand-700) !important;
}

/* 連結 hover 底線（CIS §3-6） */
a:hover { text-decoration: underline; }

/* 頁尾（brand-900 深底）連結一律白字＋底線，避免 theme.json 的深色連結色在深底看不見 */
footer.wp-block-group a { color: #fff; text-decoration: underline; }
footer.wp-block-group a:hover { color: var(--sanhox-brand-200); }

/* P0-B: 頁首導覽在 ≤1024px（平板/手機）收合為漢堡選單。
   覆蓋 WordPress core navigation 預設的 600px 斷點，避免 768–1024px
   水平選單硬塞破版。展開時為全幅白底面板（core 既有行為）。 */
@media (max-width: 1024px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }
  .wp-block-navigation__responsive-container:not(.is-menu-open):not(.always-shown) {
    display: none !important;
  }
}