/* =============================================================
   M-RAISING 全ページ共通スタイル（ヴィンテージ・プレイビル）
   ヘッダー / フッター / 配色 / ボタン を全ページで統一
   ※一覧・詳細のレイアウトは現行のまま。破壊回避のため範囲は限定的。
   ============================================================= */

:root{
  --mr-paper:#F3E9CF;
  --mr-paper-2:#F8F1DD;
  --mr-ink:#16233B;
  --mr-ink-soft:#2A3855;
  --mr-cobalt:#2C5AA6;
  --mr-cobalt-deep:#1E3F79;
  --mr-gold:#E4B23C;
  --mr-gold-deep:#C08F27;
  --mr-line:rgba(22,35,59,.22);
  --mr-disp:"Anton","Haettenschweiler","Impact","Arial Narrow Bold",sans-serif;
  --mr-mono:"DejaVu Sans Mono","Consolas","Courier New",monospace;
}

/* ---------- ページ地色・紙の質感（全ページ） ---------- */
body{
  background:var(--mr-paper);
  background-image:
    radial-gradient(rgba(22,35,59,.035) 1px, transparent 1px),
    radial-gradient(rgba(22,35,59,.02) 1px, transparent 1px);
  background-size:4px 4px, 7px 7px;
  background-position:0 0, 2px 3px;
  color:var(--mr-ink);
}
.site-content,.content-area{background:transparent}

/* ---------- ヘッダー ---------- */
.site-header{border-bottom:2px solid var(--mr-ink);background:var(--mr-paper)}
.header-navbar__menu a:not(.button){
  font-weight:700;color:var(--mr-ink);
  border-bottom:2px solid transparent;padding-bottom:2px;
}
.header-navbar__menu a:not(.button):hover{border-color:var(--mr-gold);color:var(--mr-ink)}
.header-logo .site-title,.header-logo a{letter-spacing:.02em}
/* ロゴ（マストヘッド）の統一感 */
.header-logo__name{
  font-family:var(--mr-disp);font-weight:400;
  font-size:1.7rem;line-height:1;letter-spacing:.02em;
  color:var(--mr-ink);
}
.header-logo__name .mr-logo-hl{color:var(--mr-cobalt)}
.header-logo__name .mr-logo-jp{
  font-family:var(--mr-jp,"BIZ UDPGothic","Yu Gothic",sans-serif);
  font-size:.6em;font-weight:700;color:var(--mr-ink-soft);
  letter-spacing:.04em;margin-left:.35em;vertical-align:.06em;
}
.header-logo__description{
  font-family:var(--mr-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mr-ink-soft);margin-top:5px;
}

/* 「掲載」ボタン（緑→コバルト角ゼロ＋押し影） */
a.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
button.hp-menu__item--listing-submit{
  background:var(--mr-cobalt)!important;color:var(--mr-paper)!important;
  border:2px solid var(--mr-cobalt-deep)!important;border-radius:0!important;
  font-weight:700;transition:.15s;
}
a.hp-menu__item--listing-submit:hover,
.hp-menu__item--listing-submit.button:hover,
button.hp-menu__item--listing-submit:hover{
  background:var(--mr-cobalt-deep)!important;
  transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--mr-ink)!important;
}

/* ---------- ボタン（HivePress系を中心にコバルト・角ゼロ） ---------- */
/* 角ゼロは広めに（見た目のみ・低リスク） */
.button,button,input[type=submit],.wp-block-button__link,
.hp-button,.hp-form__button{border-radius:0}
/* プライマリ系のみコバルトに（WooCommerce決済ボタンは対象外） */
.hp-button--primary,
.hp-form__button.button-primary,
.hp-field button.button-primary{
  background:var(--mr-cobalt)!important;
  border:2px solid var(--mr-cobalt-deep)!important;
  color:var(--mr-paper)!important;
}
.hp-button--primary:hover,
.hp-form__button.button-primary:hover{background:var(--mr-cobalt-deep)!important}

/* ロケーションピン（緑→コバルト） */
.hp-icon.fa-map-marker-alt{color:var(--mr-cobalt)!important}

/* ---------- フッター ---------- */
.site-footer{border-top:3px solid var(--mr-ink);background:var(--mr-paper);margin-top:56px}
.site-footer .widget__title{
  font-family:var(--mr-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mr-cobalt);font-weight:700;
}
.site-footer a{color:var(--mr-ink)}
.site-footer a:hover{color:var(--mr-cobalt)}
.footer-navbar{border-top:2px solid var(--mr-line);margin-top:24px;padding-top:16px}
.footer-navbar__menu a{font-family:var(--mr-mono);font-size:12px;letter-spacing:.06em}
.footer-navbar__copyright{font-family:var(--mr-mono);font-size:12px;color:var(--mr-ink-soft)}

/* ---------- フォーム入力欄（紙地で埋もれないよう白背景＋枠） ---------- */
input[type=text],input[type=email],input[type=password],input[type=search],
input[type=tel],input[type=url],input[type=number],input[type=date],
textarea,select,
.hp-field--text input,.hp-field--email input,.hp-field--password input,
.hp-field--number input,.hp-field--url input,.hp-field--textarea textarea,
.hp-field--select select,.hp-field--date input{
  background:#fff!important;
  border:1.5px solid rgba(22,35,59,.28)!important;
  border-radius:0!important;
  color:var(--mr-ink);
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,
input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,
input[type=number]:focus,textarea:focus,select:focus,
.hp-field input:focus,.hp-field textarea:focus,.hp-field select:focus{
  border-color:var(--mr-cobalt)!important;
  outline:none;
}

/* ---------- 投稿(ニュース)詳細: 先頭カバーをコンパクトに・タイトル縮小 ---------- */
body.single-post .header-hero--cover{
  padding-top:68px!important;
  padding-bottom:68px!important;
}
body.single-post .header-hero .post__title{
  font-size:clamp(22px,3vw,32px)!important;
  line-height:1.35;
}

/* ---------- 掲載詳細のタブメニュー（現在タブの黄色が埋もれる → コバルト＋下線） ---------- */
.hp-menu--tabbed a{color:var(--mr-ink)}
.hp-menu--tabbed .hp-menu__item--current > a,
.hp-menu--tabbed .current-menu-item > a,
.hp-menu--tabbed .hp-menu__item--current > a span,
.hp-menu--tabbed .current-menu-item > a span{
  color:var(--mr-cobalt)!important;
}
.hp-menu--tabbed .hp-menu__item--current > a,
.hp-menu--tabbed .current-menu-item > a{
  border-bottom:3px solid var(--mr-cobalt);
  font-weight:700;
}

/* ---------- 掲載詳細のアクションボタン（黄→コバルト）※大きいボタンのみ ---------- */
/* カードの小さいコメント/返信アイコン(.hp-listing__action--message 単体)には当てない */
.hp-listing__action--message.button--primary,
.hp-listing__action--message.button--large,
.hp-listing__action--message.button.alt{
  background:var(--mr-cobalt)!important;
  border:2px solid var(--mr-cobalt-deep)!important;
  color:var(--mr-paper)!important;
  border-radius:0!important;
}
.hp-listing__action--message.button--primary:hover,
.hp-listing__action--message.button--large:hover{background:var(--mr-cobalt-deep)!important}

/* =============================================================
   スマホ調整
   ============================================================= */

/* ヘッダーロゴ: モバイルで「グ」だけ改行される対策
   → 日本語読み(エムレイジング)とタグラインを隠し、M-Raising を1行で */
@media(max-width:600px){
  .header-logo__name{font-size:1.45rem;white-space:nowrap}
  .header-logo__name .mr-logo-jp{display:none}
  .header-logo__description{display:none}
}

/* トピックス一覧: タイトルを画像に被せず、画像の下に配置（被り解消）
   → 白文字オーバーレイをやめ、濃紺テキストで画像の下に表示・最大3行 */
.post--archive .post__header--cover{overflow:visible;height:auto!important}
.post--archive .post__header--cover .post__title{
  position:static!important;
  color:var(--mr-ink)!important;
  text-shadow:none!important;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.45;
  margin:0!important;
  padding:12px 2px 0!important;
  max-width:100%;
  word-break:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}