/*
Theme Name: Miyazaki Nagano LP
Theme URI: https://example.com/
Author: Miyazaki Nagano
Description: 宮嵜ながの — Next Life Style リード獲得用ランディングページテーマ（モノトーン・エディトリアル）
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: miyazakinagano-lp
*/

/* wp_enqueue で読み込まれるベース。詳細スタイルは Tailwind + 下記ユーティリティで補完 */

:root {
  --mn-ink: #1a1a1a;
  --mn-ink-soft: #2d2d2d;
  --mn-paper: #fafafa;
  --mn-mist: #e8e8e8;
  --mn-accent: #3d3d3d;
}

html.mn-lp-root,
body.mn-lp {
  overflow-x: hidden;
  max-width: 100%;
}

body.mn-lp {
  background-color: var(--mn-paper);
  color: var(--mn-ink);
  -webkit-font-smoothing: antialiased;
}

/* grid / flex 内で子が min-content 幅を取りすぎないよう統一 */
.mn-lp section {
  min-width: 0;
}

/* フォーカス可視化（アクセシビリティ） */
.mn-lp a:focus-visible,
.mn-lp button:focus-visible {
  outline: 2px solid #1a1a1a;
  outline-offset: 3px;
}

/* 画像：親幅を超えないよう制限（モバイル横スクロール対策） */
.mn-lp img {
  vertical-align: middle;
  max-width: 100%;
}

/*
 * 日本語コピー：モバイルでの単語途中改行・1字だけ次行（泣き別れ）を抑える
 * keep-all + strict で語単位を維持し、必要箇所は HTML で .jp-nowrap を併用
 */
.mn-lp .jp-wrap {
  word-break: keep-all;
  overflow-wrap: break-word;
  line-break: strict;
}

@supports (text-wrap: pretty) {
  .mn-lp .jp-wrap {
    text-wrap: pretty;
  }
}

.mn-lp .jp-nowrap {
  white-space: nowrap;
}

/* FV キャッチ各行：行頭・行末の1字だけになる単語を減らす（対応ブラウザのみ） */
.mn-lp .fv-catch-copy {
  orphans: 2;
  widows: 2;
}

/* 暗いパネル上で opacity 系ユーティリティが効かない環境でも文字色が薄黒にならないよう保険 */
.mn-lp .fv-catch-panel .fv-catch-inner {
  color: #f4f4f4;
}