/* ========================================
   フッター（2026-08-17 Figma 2989:1311 全深度で再取得）
   2989:1311 フッター  VERTICAL gap20 pad[32,16,24,16] align:CENTER  fill #0E3A66
     3173:5   Frame485 VERTICAL gap12
       2989:1312 ブランド名（Figmaはテキスト24px Black／実装はロゴ画像のまま維持＝ユーザー指定）
       2989:1313 電話グループ VERTICAL gap8
         2989:1314 「050-1793-5911」24px Bold / lh20px
         2989:1315 「夏期営業時間【 9:00〜22:00 】土日祝OK！」16px Bold（時刻部のみ18px）/ lh16px
       3144:2 → 2989:1316 リンク行 12px Medium / lh12px
     2989:1317 コピーライト 12px Medium / lh12px  ←Frame485の外＝gap20で離す
   全テキスト textAlignHorizontal=CENTER
   ⚠️Figma上のブランド名/コピーライトは洗濯機LPの文言（住まいる洗濯機プロ）のまま残っているため、
     エアコン版の表記「スマイル空調設備」を維持している。
   ======================================== */

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px; /* Figma itemSpacing */
  padding: 32px 16px 24px; /* Figma padding */
  background: var(--c-navy); /* 2026-08-17 Figma fill #0E3A66（旧：青#1E7FC2） */
  color: #fff;
  font-size: 12px;
  text-align: center;
}
/* Frame 485：ロゴ／電話グループ／リンク行をまとめる（gap12） */
.footer-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px; /* Figma 3173:5 itemSpacing */
  width: 100%;
}
/* ブランドロゴ＝画像のまま維持（ユーザー指定。Figmaはプレーンテキストだが画像を採用） */
.footer-brand {
  display: block;
  width: 232.5px; /* 新ブランドロゴ（白枠2px・465x76@2x）実寸 */
  max-width: 100%;
  height: auto;
}
/* 電話＋受付時間（Figma 2989:1313） */
.footer-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px; /* 2026-08-17 Figma実測（旧12） */
  width: 100%;
}
.footer-tel {
  font-family: var(--font-en);
  font-size: 24px; /* Figma 2989:1314 */
  font-weight: 700;
  line-height: 20px; /* Figma固定値 */
}
.footer-hours {
  font-size: 16px; /* Figma 2989:1315（時刻部分のみ.lgで18px） */
  font-weight: 700; /* Figma Bold */
  line-height: 16px; /* Figma固定値 */
}
.footer-hours .lg { font-size: 18px; }
.footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  line-height: 12px; /* Figma固定値 */
  font-weight: 500; /* Figma Medium */
}
.footer-copyright {
  font-size: 12px;
  line-height: 12px; /* Figma固定値 */
  font-weight: 500; /* Figma Medium */
}