/* ============================================================
   Neovision リニューアル フッター
   正本デザイン: Figma node 307:4612 (1440x518)
   トークンは base.css の :root 変数 (--nv-*) を利用
   ロゴの見た目は header.css の .nv-logo を共用
   ============================================================ */

.nv-footer{
  background:#F1F2F4;
  color:var(--nv-text);
  font-family:var(--nv-font);
  -webkit-font-smoothing:antialiased;
}
.nv-footer a{color:inherit;text-decoration:none}
.nv-footer ul{list-style:none;margin:0;padding:0}

.nv-footer-main{
  padding-top:60px;
}

/* --- カラムレイアウト --- */
/* Figma 実測: コンテンツ幅 1100px 内で
   ブランド 422 / サービス 253 / リスト 146 / リスト 279 (px) の列配置 */
.nv-footer-cols{
  display:grid;
  grid-template-columns:422fr 253fr 146fr 279fr;
  align-items:start;
  margin-bottom:40px;
}

/* --- ブランド列 --- */
.nv-footer-brand .nv-logo img{
  height:32px;
}
.nv-footer-company{
  margin-top:28px;
}
.nv-footer-company-name{
  display:block;
  font-size:15px;
  font-weight:700;
  color:var(--nv-text);
  margin-bottom:14px;
}
.nv-footer-meta{
  font-size:13px;
  line-height:1.85;
  color:var(--nv-text);
}
.nv-footer-x{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:20px;
  padding:12px 22px;
  background:var(--nv-white);
  border:1px solid #D9D9D9;
  border-radius:8px;
  font-size:14px;
  font-weight:700;
  color:var(--nv-text);
  transition:border-color .18s ease, box-shadow .18s ease;
}
.nv-footer-x:hover,
.nv-footer-x:focus-visible{
  border-color:var(--nv-main);
  box-shadow:0 4px 12px rgba(31,58,95,.08);
}
.nv-footer-x-icon{
  font-size:16px;
  line-height:1;
}

/* --- リンク列 --- */
.nv-footer-col-title{
  font-size:14px;
  font-weight:700;
  color:var(--nv-text);
  margin-bottom:20px;
}
.nv-footer-col ul li{
  margin-bottom:19px;
}
.nv-footer-col ul li:last-child{margin-bottom:0}
.nv-footer-col a{
  display:inline-flex;
  align-items:center;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  color:var(--nv-text);
  transition:color .18s ease;
}
.nv-footer-col a:hover,
.nv-footer-col a:focus-visible{
  color:var(--nv-main);
}

/* サービス列 (サービス見出し + ダッシュ付きサブ項目) */
.nv-footer-col--services ul li{
  margin-bottom:15px;
}
.nv-footer-col--services a::before{
  content:"";
  display:inline-block;
  width:9px;
  height:1px;
  margin-right:11px;
  background:currentColor;
  vertical-align:middle;
  flex:0 0 auto;
}

/* --- 区切り線 (全幅) --- */
.nv-footer-divider{
  height:1px;
  background:#D9D9D9;
}

/* --- タグライン --- */
.nv-footer-tagline{
  padding:46px 0;
  font-size:18px;
  font-weight:500;
  line-height:1.7;
  color:var(--nv-text);
}

/* --- 最下部 コピーライトバー (全幅 ネイビー) --- */
.nv-footer-bottom{
  background:var(--nv-text);
  color:var(--nv-white);
}
.nv-footer-bottom-inner{
  padding:13px 0;
  text-align:center;
  font-size:13px;
  line-height:1.4;
}

/* ============================================================
   レスポンシブ
   ============================================================ */
@media (max-width:1024px){
  .nv-footer-main{padding-top:48px}
  .nv-footer-cols{
    grid-template-columns:1fr 1fr;
    gap:40px 32px;
  }
  .nv-footer-brand{grid-column:1 / -1}
}

@media (max-width:767px){
  /* Figma SP (390x729) 実測に忠実。左右20pxガターは .nv-inner 側で確保 (二重ガター禁止) */

  /* 全体上余白: ロゴ top = 16px */
  .nv-footer-main{padding-top:16px}

  /* --- カラム: SP は 2 カラム ---
     左列 = サービス(上) + 無料LLMO診断リスト(下), 右列 = 実績リスト
     Figma: 左165 / gap56 / 右129 (= 実績列 x241 start), 行間24, 列下→区切り線24 */
  .nv-footer-cols{
    grid-template-columns:165fr 129fr;
    column-gap:clamp(24px, 14.4vw, 56px);
    row-gap:24px;
    margin-bottom:24px;
  }
  .nv-footer-brand{
    grid-column:1 / -1;
    margin-bottom:8px; /* + row-gap24 = ブランド→カラム 32px */
  }

  /* --- ブランド列 --- */
  .nv-footer-brand .nv-logo img{height:23px} /* SVG206x32 → 幅≈148 ≈ Figma文字箱147 */
  .nv-footer-company{margin-top:27px} /* ロゴ下→社名 top y66 */
  .nv-footer-company-name{
    font-size:15px;
    line-height:22px;
    letter-spacing:.6px;
    margin-bottom:8px;
  }
  .nv-footer-meta{
    font-size:14px;
    line-height:21px;
    letter-spacing:.56px;
  }
  .nv-footer-x{
    margin-top:8px;
    gap:8px;
    padding:8px 16px;
    font-size:14px;
    border-radius:4px;
  }
  .nv-footer-x-icon{font-size:16px}

  /* --- リンク列 共通 (SP は Bold 14px / lh21 / ls0.56 / 項目間12px) --- */
  .nv-footer-col-title{
    font-size:14px;
    line-height:21px;
    letter-spacing:.56px;
    margin-bottom:12px;
  }
  .nv-footer-col a{
    font-size:14px;
    font-weight:700;
    line-height:21px;
    letter-spacing:.56px;
  }
  .nv-footer-col ul li{margin-bottom:12px}

  /* サービス列: サブ項目は Regular 14px + 青ダッシュ 12x2px (#2A67D4), 項目間8px */
  .nv-footer-col--services ul li{margin-bottom:8px}
  .nv-footer-col--services a{font-weight:400}
  .nv-footer-col--services a::before{
    width:12px;
    height:2px;
    margin-right:8px;
    background:var(--nv-main);
  }

  /* --- タグライン: 18px Regular / lh27 / ls0.72 / 上下24px --- */
  .nv-footer-tagline{
    padding:24px 0;
    font-size:18px;
    font-weight:400;
    line-height:27px;
    letter-spacing:.72px;
  }

  /* --- コピーライトバー: 12px / lh18 / ls0.48 / 高さ42(=12+18+12) --- */
  .nv-footer-bottom-inner{
    padding:12px 0;
    font-size:12px;
    line-height:18px;
    letter-spacing:.48px;
  }
}