/*
Theme Name: My Theme
Author: Ami
Description: オリジナルテーマ
Version: 1.0
License: GNU General Public License v2 or later
*/

/* ============================================================
   カラーパレット（ウェブアプリと共通）
   ============================================================ */
:root {
  --bg:           #f0ebe3;
  --bg-card:      #faf7f2;
  --bg-deep:      #e8e0d4;
  --border:       #c8bfae;
  --border-light: #ddd5c8;
  --text:         #4a3f32;
  --text-mid:     #7a6e62;
  --text-light:   #a89e94;
  --accent:       #8b6f4e;
  --accent-bg:    #c8a87a;
  --shadow:       rgba(100, 80, 50, 0.12);
}

body {
  background-color: var(--bg);
  font-family: 'Crimson Pro', 'Noto Sans JP', sans-serif;
  color: var(--text);
  margin: 0;
}

header {
  background-color: var(--bg-card);
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16pt;
  font-weight: 700;
  color: var(--text);
}

.header-logo span { letter-spacing: 0.04em; }

nav ul { list-style:none; margin:0; padding:0; display:flex; gap:20px; }
nav ul li a { color: var(--text-mid); text-decoration:none; font-size:14px; }
nav ul li a:hover { color: var(--text); }

main { max-width:900px; margin:40px auto; padding:0 20px; }

.page-content {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

.page-content h2 { font-size:28px; color: var(--text); margin-bottom:20px; }

/* ボタン */
.wp-block-button__link {
  background-color: var(--accent) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-family: 'Crimson Pro', 'Noto Sans JP', sans-serif !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  border: none !important;
  transition: opacity 0.15s !important;
}

/* ============================================================
   コンテンツスタイル
   ============================================================ */

/* メディアとテキスト → カード */
.wp-block-media-text {
  max-width: 75%;
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: 16px;
  padding: 24px !important;
  box-shadow: 0 2px 8px var(--shadow);
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: auto;
}

/* 画像が右側のブロック → 右寄せ */
.wp-block-media-text.has-media-on-the-right {
  margin-left: auto;
  margin-right: 0;
}

/* 3列カード */
.wp-block-columns {
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: 16px;
  padding: 32px !important;
  box-shadow: 0 2px 8px var(--shadow);
  margin-bottom: 20px;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px;
}

.wp-block-button__link:hover {
  opacity: 0.88 !important;
}

footer {
  text-align: center;
  padding: 20px;
  color: var(--text-light);
  font-size: 13px;
  border-top: 1px solid var(--border-light);
  margin-top: 60px;
}

/* 3列コンテナ（カードなし） */
.wp-block-columns {
  margin-bottom: 20px;
  gap: 20px;
  display: flex !important;
  flex-wrap: nowrap !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 各カラム = 個別カード */
.wp-block-column {
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: 16px;
  padding: 24px !important;
  box-shadow: 0 2px 8px var(--shadow);
}