/*
Theme Name: ASFT Naraha (v2)
Theme URI: https://example.com/
Author: ASFT
Description: 楢葉宿舎サイト（作り直し v2）。Sanctuaryテンプレのレイアウト/動きは参考にしつつ、グリーン系・カジュアルな寮トーンで構築。
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: asft-naraha-v2
*/

/*
  ベースの共通スタイル。
  ホームの見た目は assets/css/home.css 側で管理します。
*/

:root {
  --paper: #f6f3ee;

  /* v2 palette (green) */
  --primary-950: #052e16;
  --primary-900: #14532d;
  --primary-800: #166534;
  --accent-500: #84cc16;
  --text: #1f2937;
}

body {
  font-family: "Noto Sans JP", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--paper);
  color: var(--text);
}

/* WordPressの管理バーが表示される場合のstickyヘッダー位置調整 */
body.admin-bar header.sticky {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar header.sticky {
    top: 46px;
  }
}

/* ちょい足しユーティリティ */
.text-shadow-custom {
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.45);
}

/* 互換用（旧テーマからの流用があっても崩れないように残す） */
.writing-mode-vertical-rl { writing-mode: vertical-rl; }

/* Contact Form 7（必要になったら調整） */
.wpcf7 form {
  margin-top: 1rem;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.03);
  outline: none;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: rgba(15, 23, 42, 0.22);
  box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.06);
}

.wpcf7 input[type="submit"],
.wpcf7 button {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: 16px 18px;
  background: #0b0b0b;
  color: #fff;
  font-weight: 800;
  letter-spacing: .02em;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 button:hover {
  background: #000;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: 12px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}