/*
Theme Name: Falcon Holdings
Theme URI: https://falcon369.com/
Author: Falcon Group Holdings
Description: Official corporate theme for Falcon Holdings - "Beyond Technology, Toward the Universe."
Version: 1.1
Text Domain: falcon
*/

/* ============================================================
   基本スタイル
============================================================ */
:root {
  --c-primary:#00b7c2;
  --c-primary-d:#008d97;
  --c-deep:#002c40;
  --c-text:#333;
  --c-bg:#ffffff;
  --c-alt:#f6fafb;
  --radius:14px;
  --shadow:0 12px 32px rgba(0,0,0,0.08);
}

body {
  margin: 0;
  font-family: "Noto Sans JP", "Poppins", sans-serif;
  color: var(--c-text);
  background: var(--c-bg);
  line-height: 1.75;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

/* ============================================================
   見出し
============================================================ */
h1, h2, h3, h4, h5 {
  font-weight: 700;
  color: var(--c-deep);
  margin: 0 0 .5em;
}

/* ============================================================
   ボタン
============================================================ */
.btn {
  display: inline-block;
  padding: .8em 1.8em;
  background: var(--c-primary);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  transition: .25s;
}
.btn:hover {
  background: var(--c-primary-d);
}

/* ============================================================
   セクション
============================================================ */
.section {
  padding: 64px 0;
  background: var(--c-bg);
}
.section-alt {
  padding: 64px 0;
  background: var(--c-alt);
}

/* ============================================================
   カード
============================================================ */
.card,
.company-table dl {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px;
}

/* ============================================================
   ヘッダー
============================================================ */
.falcon-header {
  background: #fff !important;
  border-bottom: 1px solid #eef2f4;
}
.nav a {
  color: var(--c-deep) !important;
}
.nav a:hover {
  color: var(--c-primary) !important;
}

/* ============================================================
   Hero（PC とスマホで濃さ統一）
============================================================ */
.hero-title,
.hero-sub {
  color: #fff !important;
  text-shadow: 0 0 22px rgba(0,0,0,0.9) !important;
}

/* ============================================================
   CTA
============================================================ */
.cta {
  background: linear-gradient(135deg,#003a52,#001f2a) !important;
  color: #fff !important;
}

/* ============================================================
   📱 Mobile — PC デザイン強制反映
============================================================ */

@media (max-width: 768px) {

  /* 背景・文字完全統一 */
  html, body {
    background: var(--c-bg) !important;
    color: var(--c-text) !important;
  }

  h1, h2, h3, h4, h5 {
    color: var(--c-deep) !important;
  }

  /* Twenty Twenty-Four のスマホ崩しを全無効化 */
  section,
  .wp-site-blocks,
  .wp-block-group,
  .entry-content {
    background: var(--c-bg) !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  /* セクションカラー統一 */
  .section {
    background: var(--c-bg) !important;
  }
  .section-alt {
    background: var(--c-alt) !important;
  }

  /* カード統一 */
  .card,
  .company-table dl {
    background: #fff !important;
    box-shadow: var(--shadow) !important;
    border-radius: var(--radius) !important;
  }

  /* コンテナもPC寄りに */
  .container {
    width: 92% !important;
    max-width: 1100px !important;
  }

  /* フッター統一 */
  .falcon-footer {
    background: #002c40 !important;
    color: #fff !important;
    text-align: center;
    padding: 24px 0;
    font-size: .85rem;
  }
}

/* ============================================================
   スマホで Footer の前の文字が見えなくなる問題を修正
============================================================ */
@media (max-width: 768px) {

  /* フッター直前のダーク背景セクションを強制 */
  .footer-cta,
  .falcon-bottom-section,
  .section.footer-section {
    background: #002c40 !important;
    color: #ffffff !important;
  }

  /* 見出しも白に */
  .footer-cta h2,
  .falcon-bottom-section h2,
  .section.footer-section h2 {
    color: #ffffff !important;
  }

  /* 説明文も白 */
  .footer-cta p,
  .falcon-bottom-section p,
  .section.footer-section p {
    color: #ffffff !important;
    opacity: .9 !important;
  }

  /* ボタンだけ従来の青を維持 */
  .footer-cta .btn,
  .falcon-bottom-section .btn {
    background: #00b7c2 !important;
  }
}