/* =====================================================
   egc-theme 補助スタイル
   - theme.json で表現しきれない装飾のみをここに置く
   - 色は必ず var(--wp--preset--color--*) を使うこと（AI保守ルール）
   ===================================================== */

/* ---- ヘッダー ---- */
.egc-header {
  box-shadow: 0 2px 8px rgba(26,58,42,0.25);
}
.egc-header .wp-block-site-title a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  letter-spacing: 0.04em;
}
.egc-header .wp-block-site-tagline {
  color: var(--wp--preset--color--gold-300);
  letter-spacing: 0.12em;
}
.egc-header .wp-block-navigation a {
  color: var(--wp--preset--color--green-200);
  font-size: 0.95rem;
}
.egc-header .wp-block-navigation a:hover,
.egc-header .wp-block-navigation .current-menu-item > a {
  color: var(--wp--preset--color--white);
}

/* ---- ヒーロー／ページバナー ---- */
.egc-hero .wp-block-cover__inner-container h1,
.egc-hero .wp-block-cover__inner-container p {
  text-shadow: 0 2px 12px rgba(0,0,0,0.55);
}
.egc-hero-rule {
  width: 72px;
  border: 0;
  border-top: 3px solid var(--wp--preset--color--gold-500);
  margin: 0.4em auto;
}

/* ---- カード（導線・記事一覧） ---- */
.egc-card {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--cream-dark);
  border-radius: var(--wp--custom--radius, 6px);
  box-shadow: var(--wp--custom--shadow-sm);
  transition: box-shadow .18s ease, transform .18s ease;
}
.egc-card:hover {
  box-shadow: var(--wp--custom--shadow-md);
  transform: translateY(-2px);
}

/* ---- サイドバー ---- */
.egc-sidebar .egc-side-box {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--cream-dark);
  border-radius: var(--wp--custom--radius, 6px);
  overflow: hidden;
}
.egc-sidebar .egc-side-box > h2:first-child {
  background: var(--wp--preset--color--green-800);
  color: var(--wp--preset--color--white);
  font-size: 0.95rem;
  margin: 0;
  padding: 0.55em 0.9em;
  border-left: 4px solid var(--wp--preset--color--gold-500);
}
.egc-sidebar .egc-side-box > *:not(h2) {
  padding: 0.6em 0.9em;
  margin: 0;
}
.egc-sidebar ul { list-style: none; padding-left: 0; }
.egc-sidebar li { padding: 0.25em 0; border-bottom: 1px dotted var(--wp--preset--color--cream-dark); }
.egc-sidebar li:last-child { border-bottom: 0; }

/* ---- ゴールドボタン（パターンで利用） ---- */
.egc-btn-gold .wp-block-button__link {
  background: var(--wp--preset--color--gold-500);
  color: var(--wp--preset--color--green-900);
  font-weight: 700;
}
.egc-btn-gold .wp-block-button__link:hover {
  background: var(--wp--preset--color--gold-300);
}

/* ---- 記事メタ ---- */
.egc-post-meta {
  color: var(--wp--preset--color--text-500);
  font-size: 0.85rem;
}

/* ---- レスポンシブ（設計書 F15: 900px / 600px）---- */
@media (max-width: 900px) {
  .egc-header .wp-block-site-title { font-size: 1.3rem; }
}
@media (max-width: 600px) {
  .egc-hero .wp-block-cover { min-height: 300px !important; }
}