/*
 Theme Name:   Iconic One Child
 Template:     iconic-one
 Version:      1.0
*/

@import url("../iconic-one/style.css");

/* 既存ルール（bodyフォントのみ削除） */
h2 {
  margin-top: 0 !important;
  margin-bottom: 0.2em !important;
}
ul {
  margin-top: 0 !important;
  margin-bottom: 0.1em !important;
}
.widget_search {
  display: none;
}

/* ↓ ここからCIV3 CSSをそのまま貼る */
/* ============================================================
   CIV3 羊皮紙テーマ — Iconic One 3.3 用 追加CSS
   貼り付け先: 外観 → カスタマイズ → 追加CSS
   ============================================================ */
/* ── カラー変数 ── */
:root {
  --p-bg:       #f0e0b0;
  --p-dark:     #e0cc90;
  --p-border:   #8b6030;
  --p-gold:     #c8952a;
  --p-shadow:   #3a1e08;
  --p-text:     #2c1205;
  --p-link:     #6b3a10;
  --p-nav:      #2a1505;
  --p-nav-txt:  #f0d080;
  --p-inset-hi: rgba(255, 240, 180, 0.50);
  --p-inset-lo: rgba(90,  48,  16,  0.30);
}
/* ── 全体背景（額縁色） ── */
body {
  background-color: #a07840;
  color: var(--p-text);
  font-family: 'MigMix 2P', 'Noto Serif JP', 'Yu Mincho', 'YuMincho', Georgia, serif;
}
/* ── メインラッパー（羊皮紙＋金縁） ── */
#page {
  background-color: var(--p-bg);
  box-shadow:
    0 0 0 3px var(--p-border),
    0 0 0 6px var(--p-dark),
    0 0 0 9px var(--p-border),
    5px 5px 24px rgba(0, 0, 0, 0.5);
  margin: 20px auto !important;
}
/* ── サイトヘッダー ── */
#masthead,
.site-header {
  background-color: var(--p-nav);
  border-bottom: 3px solid var(--p-gold);
  padding: 18px 20px 12px;
  box-shadow: inset 0 -4px 10px rgba(0, 0, 0, 0.35);
}
.site-title a {
  color: var(--p-gold) !important;
  font-family: 'MigMix 2P', 'Noto Serif JP', Georgia, serif;
  font-size: 2em;
  letter-spacing: 0.06em;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #000, -1px -1px 0 rgba(255, 220, 100, 0.25);
}
.site-description {
  color: #a87e30 !important;
  font-size: 0.82em;
  letter-spacing: 0.12em;
}
/* ── ナビゲーション ── */
.main-navigation,
#nav,
.nav-primary {
  background-color: var(--p-nav) !important;
  border-top:    2px solid var(--p-gold);
  border-bottom: 2px solid var(--p-gold);
}
.main-navigation a,
#nav a {
  color: var(--p-nav-txt) !important;
  font-family: 'MigMix 2P', Georgia, serif;
  font-size: 0.85em;
  letter-spacing: 0.08em;
  padding: 8px 16px !important;
  text-shadow: 1px 1px 2px #000;
  border-right: 1px solid rgba(200, 149, 42, 0.3);
}
.main-navigation a:hover,
#nav a:hover {
  background-color: rgba(200, 149, 42, 0.20) !important;
  color: #ffd080 !important;
}
/* ドロップダウン */
.main-navigation ul ul,
#nav ul ul {
  background-color: #3a2008 !important;
  border: 1px solid var(--p-gold);
}
/* ── 見出し類 ── */
h1, h2, h3, h4, h5, h6 {
  color: var(--p-shadow);
  font-family: 'MigMix 2P', 'Noto Serif JP', Georgia, serif;
  border-left: 4px solid var(--p-gold);
  padding-left: 10px;
  margin-bottom: 0.6em;
}
/* 記事タイトル（枠線だけ別スタイル） */
h2.entry-title,
h2.entry-title a {
  color: var(--p-shadow) !important;
  border-left: none !important;
  border-bottom: 2px solid var(--p-gold) !important;
  padding-left: 0 !important;
  padding-bottom: 2px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* ── リンク ── */
a {
  color: var(--p-link) !important;
  text-decoration: underline;
}
a:hover {
  color: var(--p-gold) !important;
}
/* ── メインコンテンツ ── */
#content,
#primary {
  background-color: transparent;
}
.entry {
  border-bottom: 1px solid rgba(139, 96, 48, 0.35);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.entry-content,
.entry-summary {
  line-height: 1.9;
  color: var(--p-text);
}
.entry-meta {
  color: #7a5020;
  font-size: 0.82em;
}
/* ── サイドバー（アドバイザーパネル風） ── */
#secondary,
.widget-area {
  background-color: rgba(139, 96, 48, 0.07);
  border-left: 2px solid var(--p-border);
}
.widget {
  background-color: rgba(240, 224, 176, 0.55);
  border: 2px solid var(--p-border) !important;
  box-shadow:
    inset 1px 1px 0 var(--p-inset-hi),
    inset -1px -1px 0 var(--p-inset-lo),
    2px 2px 6px rgba(0, 0, 0, 0.18);
  margin-bottom: 16px !important;
  padding: 12px !important;
}
.widget-title {
  color: var(--p-shadow) !important;
  font-family: 'MigMix 2P', Georgia, serif;
  font-size: 0.88em;
  letter-spacing: 0.10em;
  border-bottom: 2px solid var(--p-gold);
  border-left: none;
  padding-bottom: 6px;
  padding-left: 0;
  margin-bottom: 10px !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}
/* ── フッター ── */
#colophon,
.site-footer {
  background-color: var(--p-nav) !important;
  border-top: 3px solid var(--p-gold);
  color: #a87e30 !important;
  font-size: 0.82em;
  padding: 10px 20px;
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.35);
}
#colophon a,
.site-footer a {
  color: var(--p-gold) !important;
}
/* ── ボタン類 ── */
button,
input[type="submit"],
.button,
.btn {
  background-color: var(--p-nav) !important;
  color: var(--p-nav-txt) !important;
  border: 2px solid var(--p-gold) !important;
  font-family: 'MigMix 2P', Georgia, serif;
  box-shadow:
    inset 1px 1px 0 rgba(255, 220, 100, 0.20),
    inset -1px -1px 0 rgba(0, 0, 0, 0.30);
  cursor: pointer;
  padding: 6px 16px;
  border-radius: 0 !important;
}
button:hover,
input[type="submit"]:hover {
  background-color: #5a3010 !important;
  border-color: #ffd080 !important;
}
/* ── フォーム入力 ── */
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  background-color: rgba(240, 224, 176, 0.85) !important;
  border: 2px solid var(--p-border) !important;
  color: var(--p-text) !important;
  font-family: 'MigMix 2P', Georgia, serif;
  box-shadow: inset 2px 2px 4px rgba(90, 48, 16, 0.20);
  border-radius: 0 !important;
}
/* ── コード／pre ── */
pre,
code {
  background-color: #1a1005 !important;
  color: #e8c870 !important;
  border: 1px solid var(--p-border);
  font-family: 'MigMix 2P', 'Consolas', monospace;
}
/* ── 水平線 ── */
hr {
  border: none;
  border-top: 2px solid var(--p-gold);
  margin: 20px 0;
}
/* ── ページネーション ── */
.nav-links a,
.page-numbers {
  color: var(--p-link) !important;
  border: 1px solid var(--p-border);
  padding: 4px 10px;
  background-color: rgba(240, 224, 176, 0.6);
}
.page-numbers.current {
  background-color: var(--p-nav);
  color: var(--p-gold) !important;
  border-color: var(--p-gold);
}
/* ── テーブル ── */
table {
  border-collapse: collapse;
  width: 100%;
}
th {
  background-color: var(--p-nav);
  color: var(--p-gold);
  padding: 6px 10px;
  border: 1px solid var(--p-border);
  font-family: 'MigMix 2P', Georgia, serif;
  font-size: 0.88em;
}
td {
  padding: 5px 10px;
  border: 1px solid rgba(139, 96, 48, 0.4);
  background-color: rgba(240, 224, 176, 0.3);
}
tr:hover td {
  background-color: rgba(200, 149, 42, 0.12);
}
/* ── iframe レポート用（余白調整） ── */
.entry-content iframe {
  border: 2px solid var(--p-border);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
#main,
#primary,
#secondary,
#content,
.site-content,
.content-area {
  background-color: transparent !important;
}
/* ── ナビゲーションのアクティブ色 ── */
.themonic-nav .current_page_item > a,
.themonic-nav .current-menu-item > a {
  background-color: rgba(200, 149, 42, 0.35) !important;
  color: #ffd080 !important;
  border-bottom: 2px solid var(--p-gold) !important;
}

/* ── サイドバー widget ── */
#secondary aside.widget {
  background-color: rgba(240, 224, 176, 0.55) !important;
  border: 2px solid var(--p-border) !important;
  box-shadow:
    inset 1px 1px 0 rgba(255, 240, 180, 0.50),
    inset -1px -1px 0 rgba(90, 48, 16, 0.30),
    2px 2px 6px rgba(0, 0, 0, 0.18) !important;
  margin-bottom: 16px !important;
  padding: 12px !important;
}

#secondary aside.widget h2 {
  color: var(--p-shadow) !important;
  border-bottom: 2px solid var(--p-gold) !important;
  border-left: none !important;
  padding-bottom: 6px !important;
  padding-left: 0 !important;
  margin-bottom: 10px !important;
}

#secondary aside.widget a {
  color: var(--p-link) !important;
}
/* ── widget内部の白を透明に ── */
#secondary aside.widget > div,
#secondary .wp-block-group,
#secondary .wp-block-group__inner-container {
  background-color: transparent !important;
}

/* ── カレンダーヘッダー行の青を上書き ── */
#wp-calendar thead th {
  background-color: var(--p-nav) !important;
  color: var(--p-gold) !important;
  border: 1px solid var(--p-border) !important;
}

#wp-calendar td,
#wp-calendar caption {
  background-color: transparent !important;
  color: var(--p-text) !important;
}

#wp-calendar a {
  color: var(--p-link) !important;
}

/* ── ナビ下の青ライン消去 ── */
.themonic-nav,
#site-navigation {
  border-bottom: 2px solid var(--p-gold) !important;
  box-shadow: none !important;
}

/* ── アクティブ項目の白背景＋青下線を上書き ── */
.themonic-nav .nav-menu .current_page_item > a,
.themonic-nav .nav-menu .current-menu-item > a,
.themonic-nav .nav-menu li a:focus,
.themonic-nav .nav-menu li a:hover {
  background-color: rgba(200, 149, 42, 0.35) !important;
  color: #ffd080 !important;
  border-bottom: 2px solid var(--p-gold) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── ナビリンクのデフォルト下線・影も消去 ── */
.themonic-nav .nav-menu li a {
  border-bottom: none !important;
  box-shadow: none !important;
}
/* ── 青ライン強制消去（マイナスマージンで覆う） ── */
#site-navigation.themonic-nav {
  border-bottom: 3px solid var(--p-gold) !important;
  outline: none !important;
}

#site-navigation.themonic-nav::after {
  content: '';
  display: block;
  height: 3px;
  background-color: var(--p-gold);
  margin-top: -3px;
}

/* ── ナビ直後の青帯も消去 ── */
#masthead + * {
  border-top: none !important;
}

.site-header {
  border-bottom: 3px solid var(--p-gold) !important;
}
/* ── ヘッダー下の青ライン正体を全方向から消去 ── */
#masthead.site-header {
  border-bottom: 3px solid var(--p-gold) !important;
  box-shadow: none !important;
}

#main.wrapper {
  border-top: none !important;
  box-shadow: none !important;
}

#site-navigation.themonic-nav {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
ul#menu-top.nav-menu {
  border-bottom: none !important;
}
/* ── 羊皮紙テクスチャ（シワ・染み） ── */
#page {
  background-image:
    radial-gradient(ellipse at 15% 20%, rgba(139,96,48,0.10) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 10%, rgba(100,60,20,0.08) 0%, transparent 40%),
    radial-gradient(ellipse at 60% 70%, rgba(139,96,48,0.07) 0%, transparent 45%),
    radial-gradient(ellipse at 30% 85%, rgba(80,40,10,0.09) 0%, transparent 40%),
    radial-gradient(ellipse at 90% 60%, rgba(120,80,30,0.06) 0%, transparent 35%) !important;
}

/* ── 外枠コーナー飾り ── */
#page::before,
#page::after {
  content: '✦';
  position: absolute;
  color: var(--p-gold);
  font-size: 18px;
  opacity: 0.7;
  pointer-events: none;
}
#page {
  position: relative;
}
#page::before {
  top: 6px;
  left: 10px;
}
#page::after {
  top: 6px;
  right: 10px;
}

/* ── ヘッダー内コーナー飾り ── */
#masthead.site-header::before,
#masthead.site-header::after {
  content: '❧';
  color: var(--p-gold);
  font-size: 20px;
  opacity: 0.6;
  position: absolute;
  bottom: 10px;
  pointer-events: none;
}
#masthead.site-header {
  position: relative;
}
#masthead.site-header::before {
  left: 16px;
}
#masthead.site-header::after {
  right: 16px;
}

/* ── 記事区切り線を装飾罫線に ── */
.entry {
  border-bottom: none !important;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.entry::after {
  content: '— ✦ —';
  display: block;
  text-align: center;
  color: var(--p-gold);
  font-size: 13px;
  opacity: 0.75;
  margin-top: 16px;
  letter-spacing: 0.3em;
}

/* ── widget タイトルに紋様 ── */
#secondary aside.widget h2::before {
  content: '⚜ ';
  color: var(--p-gold);
  font-size: 0.9em;
}

/* ── フッターの装飾 ── */
#colophon.site-info {
  position: relative;
}
#colophon::before {
  content: '✦ ── ✦ ── ✦';
  display: block;
  text-align: center;
  color: var(--p-gold);
  font-size: 12px;
  letter-spacing: 0.4em;
  margin-bottom: 6px;
  opacity: 0.7;
}

/* ── worn edge（上下の焼け感） ── */
#main.wrapper {
  box-shadow:
    inset 0 8px 16px rgba(90, 48, 16, 0.08),
    inset 0 -8px 16px rgba(90, 48, 16, 0.08) !important;
}
/* ── ナビ重厚化 ── */
#site-navigation.themonic-nav {
  background-color: #1a0d02 !important;
  border-top: 2px solid var(--p-gold) !important;
  border-bottom: 2px solid var(--p-gold) !important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,0.5),
    inset 0 -2px 8px rgba(0,0,0,0.5) !important;
}

.themonic-nav .nav-menu li a {
  color: #e8c870 !important;
  font-weight: bold !important;
  letter-spacing: 0.12em !important;
  padding: 10px 18px !important;
  text-shadow: 1px 1px 3px #000, 0 0 8px rgba(200,149,42,0.3) !important;
}

/* ── ヘッダータイトル古風強化 ── */
.site-title a {
  font-size: 2.2em !important;
  letter-spacing: 0.12em !important;
  text-shadow:
    2px 2px 0 #000,
    -1px -1px 0 rgba(255,220,80,0.2),
    0 0 20px rgba(200,149,42,0.4) !important;
}

.site-description {
  letter-spacing: 0.18em !important;
  text-shadow: 1px 1px 2px #000 !important;
}

#masthead.site-header::before {
  content: '❦ ── ── ── ──' !important;
  font-size: 14px !important;
  opacity: 0.5 !important;
  bottom: 46px !important;
}

#masthead.site-header::after {
  content: '── ── ── ── ❧' !important;
  font-size: 14px !important;
  opacity: 0.5 !important;
  bottom: 46px !important;
}

/* ── 本文エリア 濃い染み・ムラ ── */
#page {
  background-image:
    radial-gradient(ellipse at 10% 15%, rgba(100,60,20,0.18) 0%, transparent 45%),
    radial-gradient(ellipse at 85% 8%,  rgba(139,96,48,0.15) 0%, transparent 38%),
    radial-gradient(ellipse at 55% 65%, rgba(100,60,20,0.14) 0%, transparent 42%),
    radial-gradient(ellipse at 25% 90%, rgba(80,40,10,0.16) 0%, transparent 38%),
    radial-gradient(ellipse at 92% 55%, rgba(120,80,30,0.12) 0%, transparent 32%),
    radial-gradient(ellipse at 45% 35%, rgba(160,110,50,0.08) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 90%, rgba(90,50,15,0.13) 0%, transparent 40%) !important;
}

#main.wrapper {
  box-shadow:
    inset 0 12px 24px rgba(90,48,16,0.12),
    inset 0 -12px 24px rgba(90,48,16,0.12),
    inset 12px 0 24px rgba(90,48,16,0.06),
    inset -12px 0 24px rgba(90,48,16,0.06) !important;
}
/* ================================================================== */