/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
*/

/* ================================
   SOBAYU Minimal Dark Theme
   ================================ */

/* ----- Color System ----- */

:root {
  --sobayu-bg: #111111;
  --sobayu-text: #E6E6E6;
  --sobayu-midashi: #E6E6E6;
  --sobayu-muted: #A0A0A0;
  --sobayu-accent: #22D3EE;
  --sobayu-border: #222222;
}

/* ----- Base ----- */

body {
  background-color: var(--sobayu-bg);
  color: var(--sobayu-text);
  font-family: "Inter", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.9;
  font-size: 18px;
  letter-spacing: 0.02em;
}

/* ----- Headings ----- */

h1, h2, h3, h4 {
  font-weight: 600;
  letter-spacing: 0.03em;
  margin-top: 2.5rem;
  margin-bottom: 1.2rem;
  color: var(--sobayu-midashi);
}

h1 {
  font-size: 1.9rem;
}

h2 {
  font-size: 1.4rem;
  border-left: 3px solid var(--sobayu-accent);
  padding-left: 0.6rem;
}

h3 {
  font-size: 1.2rem;
  border-left: 2px solid var(--sobayu-accent);
  padding-left: 0.5rem;
}

h4 {
  font-size: 1.1rem;
}

/* ----- Links ----- */

a {
  color: var(--sobayu-accent);
  text-decoration: none;
}

a:hover {
  opacity: 0.75;
}

/* ----- Paragraphs ----- */

p {
  margin-bottom: 1.6rem;
}

/* ----- Lists ----- */

ul, ol {
  padding-left: 2rem !important;
  margin-bottom: 1.6rem;
}

li {
  margin-bottom: 0.4rem;
}

/* ----- Blockquotes ----- */

blockquote {
  border-left: 3px solid var(--sobayu-border);
  padding-left: 1rem;
  color: var(--sobayu-muted);
  margin: 2rem 0;
}

/* ----- Header & Footer ----- */

header,
footer {
  border-color: var(--sobayu-border);
}

/* ----- Buttons ----- */

.wp-block-button__link {
  background-color: var(--sobayu-accent);
  color: #111;
  border-radius: 4px;
  padding: 0.6em 1.2em;
}

.wp-block-button__link:hover {
  opacity: 0.85;
}

/* ----- Post Meta ----- */

.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms {
  color: var(--sobayu-muted);
  font-size: 0.85rem;
}

.wp-site-blocks {
  background-color: #111111 !important;
  color: #E6E6E6 !important;
}

/* =================================
   SOBAYU Override Pack
   ================================= */

/* --- Site Base --- */

.wp-site-blocks {
  background-color: #111111 !important;
  color: #E6E6E6 !important;
}

/* --- Header Background --- */

header.wp-block-template-part {
  background-color: #111111 !important;
}

/* --- Site Title --- */

.wp-block-site-title a {
  color: #E6E6E6 !important;
}

.wp-block-site-title a:hover {
  color: #22D3EE !important;
}

/* --- Navigation --- */

.wp-block-navigation a {
  color: #E6E6E6 !important;
}

.wp-block-navigation a:hover {
  color: #22D3EE !important;
}

/* --- Post Titles --- */

.wp-block-post-title a {
  color: #E6E6E6 !important;
}

.wp-block-post-title a:hover {
  color: #22D3EE !important;
}

/* --- Body Font Size (18px固定) --- */

.wp-block-post-content,
.wp-block-post-content p {
  font-size: 18px !important;
  line-height: 2.2 !important;
}

/* --- Post Meta --- */

.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms {
  color: #A0A0A0 !important;
  font-size: 0.9rem !important;
}

/* --- Mobile Menu Background --- */

.wp-block-navigation__responsive-container {
  background-color: #111111 !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  background-color: #111111 !important;
}

/* メニュー文字色 */

.wp-block-navigation__responsive-container a {
  color: #E6E6E6 !important;
}

/* 閉じるボタン */

.wp-block-navigation__responsive-container-close {
  color: #E6E6E6 !important;
}

.wp-block-navigation__responsive-container.has-background {
  background-color: #111111 !important;
}

/* --- Mobile Menu Dark Fix (TT4用強化版) --- */

.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container-content {
  background-color: #111111 !important;
}

/* 文字色 */

.wp-block-navigation__responsive-container a,
.wp-block-navigation__responsive-container .wp-block-navigation-item__label {
  color: #E6E6E6 !important;
}

/* 閉じるボタン */

.wp-block-navigation__responsive-container-close {
  color: #E6E6E6 !important;
}

/* リスト */
ul.wp-block-categories-list li {
  color: #E6E6E6 !important;
}