/*
Theme Name: 柴山學會 Chai Shan
Theme URI: https://chaishan.org/
Author: 柴山跨領域整合生醫學會
Description: 柴山跨領域整合生醫學會官方網站佈景主題。區塊佈景主題，頁首、頁尾、配色與版面皆可在「外觀 → 編輯器」中調整。
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chaishan
*/

/* ---------- 通用 ---------- */
.cs-eyebrow {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--teal);
	margin-bottom: 0.25rem !important;
}
.has-navy-background-color .cs-eyebrow,
.has-deep-background-color .cs-eyebrow { color: var(--wp--preset--color--gold); }

.cs-muted { color: var(--wp--preset--color--muted); }

.cs-section { padding-top: 4.5rem; padding-bottom: 3rem; }

.cs-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	padding: 1.5rem;
}
.cs-card-paper {
	background: var(--wp--preset--color--paper);
	border-radius: 10px;
	padding: 1.5rem;
}
.cs-card > *, .cs-card-paper > * { margin-top: 0; }
.cs-card > * + *, .cs-card-paper > * + * { margin-top: 0.5rem; }

.cs-num {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 700;
	color: var(--wp--preset--color--teal);
	font-size: 0.95rem;
	margin: 0 !important;
}
.cs-en {
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	color: var(--wp--preset--color--muted);
}

/* outline button on dark backgrounds */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	color: inherit;
}
.cs-btn-gold > .wp-block-button__link {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--deep);
}
.cs-btn-gold > .wp-block-button__link:hover { background: #b88838; color: var(--wp--preset--color--deep); }

/* ---------- 頁首 ---------- */
.cs-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}
.cs-logo { margin: 0 !important; }
.cs-logo img { width: 52px; height: 52px; border-radius: 50%; display: block; }
.cs-brand-text { line-height: 1.3; }
.cs-brand-text .wp-block-site-title { margin: 0; }
.cs-brand-en { font-size: 0.72rem; color: var(--wp--preset--color--muted); margin: 0 !important; letter-spacing: 0.03em; }
.cs-header .wp-block-navigation a:hover { color: var(--wp--preset--color--teal); }
.cs-nav-login > a,
.cs-header .wp-block-navigation-item.cs-nav-login > a {
	background: var(--wp--preset--color--navy);
	color: #fff !important;
	padding: 0.45rem 1rem;
	border-radius: 6px;
}

/* ---------- 首頁主視覺 ---------- */
.cs-hero { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.cs-hero h1 { color: #fff; }
.cs-hero h1 mark { background: none; color: var(--wp--preset--color--gold); }
.cs-hero p { color: #D6E2E8; }
.cs-hero .cs-tagline { font-size: 0.8rem; letter-spacing: 0.2em; color: #9DB3C0; }
.cs-hero-badge { margin: 0 auto !important; }
.cs-hero-badge img {
	width: 100%;
	max-width: 400px;
	height: auto;
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(255,255,255,0.06), 0 20px 50px rgba(0,0,0,0.35);
	display: block;
	margin: 0 auto;
}

.cs-pillars { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.cs-pillars p { margin: 0; }
.cs-pillar-zh { font-size: 1.25rem; font-weight: 700; }
.cs-pillar-en { font-size: 0.75rem; letter-spacing: 0.15em; color: #8FC9CB; }

/* ---------- 最新消息 ---------- */
.cs-news {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	overflow: hidden;
}
.cs-news .wp-block-post-template { margin: 0; padding: 0; }
.cs-news .wp-block-post + .wp-block-post { border-top: 1px solid #E8EEF0; }
.cs-news-item { padding: 1.1rem 1.5rem; gap: 0.4rem 1.5rem !important; align-items: center; }
.cs-news-item .wp-block-post-date { color: var(--wp--preset--color--muted); font-size: 0.9rem; min-width: 6.5rem; }
.cs-news-item .wp-block-post-terms a {
	font-size: 0.8rem;
	font-weight: 500;
	background: #E1F0F0;
	color: #065F63;
	padding: 0.1rem 0.7rem;
	border-radius: 999px;
	text-decoration: none;
}
.cs-news-item .wp-block-post-title { font-size: 1.05rem; font-family: var(--wp--preset--font-family--sans); font-weight: 500; margin: 0; flex: 1 1 18rem; }
.cs-news-item .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.cs-news-item .wp-block-post-title a:hover { color: var(--wp--preset--color--teal); }
.cs-news .wp-block-query-no-results { padding: 1.25rem 1.5rem; }

/* ---------- 活動卡 ---------- */
.cs-event { border: 1px solid var(--wp--preset--color--line); border-radius: 10px; overflow: hidden; gap: 0 !important; }
.cs-event-top { padding: 1.5rem; min-height: 8rem; }
.cs-event-top p { margin: 0; }
.cs-event-top .cs-event-kicker { font-size: 0.72rem; letter-spacing: 0.15em; opacity: 0.85; }
.cs-event-top .cs-event-en { font-family: var(--wp--preset--font-family--serif); font-size: 1.45rem; font-weight: 700; line-height: 1.3; }
.cs-event-body { padding: 1.25rem 1.5rem 1.5rem; }
.cs-event-body > * { margin-top: 0; }
.cs-event-body > * + * { margin-top: 0.5rem; }
.cs-event-body h3 { font-family: var(--wp--preset--font-family--sans); font-size: 1.1rem; }
.cs-event-meta { font-size: 0.9rem; color: var(--wp--preset--color--muted); }
.cs-tag { font-size: 0.8rem; font-weight: 700; color: var(--wp--preset--color--teal); }

/* ---------- 研究方向 ---------- */
.cs-topic { border-top: 3px solid var(--wp--preset--color--teal); padding-top: 1rem; }
.cs-topic > * { margin-top: 0; }
.cs-topic > * + * { margin-top: 0.5rem; }
.cs-topic h3 { font-family: var(--wp--preset--font-family--sans); font-size: 1.1rem; }

/* ---------- 會員方案 ---------- */
.cs-plan-featured { border: 2px solid var(--wp--preset--color--gold); }
.cs-price { font-size: 1.6rem; font-weight: 700; color: var(--wp--preset--color--navy); line-height: 1.3; }
.cs-price small { font-size: 0.9rem; font-weight: 400; color: var(--wp--preset--color--muted); }
.cs-plan-en { font-size: 0.72rem; letter-spacing: 0.15em; color: var(--wp--preset--color--muted); }
.cs-plan h3 { font-family: var(--wp--preset--font-family--sans); }

/* ---------- 機構 ---------- */
.cs-org {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	font-weight: 500;
	margin: 0 !important;
}

/* ---------- 理監事 ---------- */
.cs-person > * { margin-top: 0; }
.cs-person .cs-role { font-size: 0.8rem; font-weight: 700; color: var(--wp--preset--color--teal); margin: 0; }
.cs-person .cs-name { font-size: 1.15rem; font-weight: 700; margin: 0.1rem 0 0; }
.cs-person .cs-name span { font-size: 0.85rem; font-weight: 400; color: var(--wp--preset--color--muted); }
.cs-person .cs-org-line { font-size: 0.9rem; color: #3E5462; margin: 0.1rem 0 0; }

.cs-table { overflow-x: auto; }
.cs-table table { min-width: 640px; border-collapse: collapse; width: 100%; }
.cs-table th { background: var(--wp--preset--color--paper); text-align: left; }
.cs-table th, .cs-table td { border: 0; border-bottom: 1px solid #E8EEF0; padding: 0.6rem 0.9rem; }

.cs-stat { margin: 0 !important; }
.cs-stat strong { display: block; font-size: 2.2rem; color: var(--wp--preset--color--gold); line-height: 1.1; }

/* ---------- 頁面標題區 ---------- */
.cs-page-head { padding-top: 3.5rem; padding-bottom: 3rem; }
.cs-page-head h1 { color: #fff; margin: 0; }
.cs-page-head p { color: #D6E2E8; }

/* ---------- 頁尾 ---------- */
.cs-footer { color: #C9D6DD; }
.cs-footer a { color: #C9D6DD; }
.cs-footer a:hover { color: #fff; }
.cs-footer .cs-footer-name { color: #fff; font-family: var(--wp--preset--font-family--serif); font-weight: 700; font-size: 1.2rem; margin: 0; }
.cs-footer p { margin: 0.2rem 0; }
.cs-footer-bottom { border-top: 1px solid #1E4560; font-size: 0.8rem; color: #8EA4B1; text-align: center; padding: 1rem; margin: 0 !important; }
.cs-footer .wp-block-navigation a { color: #C9D6DD; }

/* 單篇公告 */
.cs-single-meta { color: var(--wp--preset--color--muted); font-size: 0.9rem; }
.cs-header-inner { padding-top: 0.8rem; padding-bottom: 0.8rem; }
.cs-brand { gap: 0.75rem !important; }
.cs-brand-text { gap: 0 !important; }

/* ---------- 版面間距 ---------- */
.wp-site-blocks > * + * { margin-block-start: 0; }
.cs-main > * { margin-block-start: 0; }
.cs-main > .wp-block-post-content { padding-top: 2.5rem; padding-bottom: 4rem; }
.cs-main > .wp-block-post-content > .alignfull:first-child { margin-top: -2.5rem; }
.cs-event > * { margin-block-start: 0 !important; }
.cs-list-wrap { padding-top: 3rem; padding-bottom: 4rem; }
.cs-single-wrap { padding-top: 2.5rem; padding-bottom: 4rem; }
.wp-block-query-pagination { margin-top: 2rem; }
.cs-page-head .wp-block-post-date, .cs-page-head .wp-block-post-terms a { color: #C9D6DD; font-size: 0.9rem; }
.cs-page-head .wp-block-query-title { color: #fff; margin: 0; }