/**
 * Footer Common Styles
 *
 * カスタマイズページ（Help, Shopping等）で使用する
 * フッター統一デザイン用CSS
 *
 * Note: Google Fontsは common.css で定義済み
 */

/* ===================================================
   1. CSS Variables (フッター固有)
   =================================================== */
:root {
  --footer-text-color: #ffffff;
  --footer-text-muted: rgba(255, 255, 255, 0.7);
  --footer-bg: #000000;
  --footer-border: #7d7d7d;
}

/* ===================================================
   2. Footer Base Styles
   =================================================== */

/* フッター内の見出し（h1, h2, h3）*/
.ec-footerRole h1,
.ec-footerRole h2,
.ec-footerRole h3,
footer.ec-footerRole h1,
footer.ec-footerRole h2,
footer.ec-footerRole h3 {
  font-family: var(--font-serif);
}

/* ===================================================
   3. Footer Title / Logo
   =================================================== */
.ec-footerTitle .ec-footerTitle__logo,
.ec-footerTitle .ec-footerTitle__logo a {
  font-family: var(--font-serif);
}

/* ===================================================
   4. Footer Component (独立スタイル)
   =================================================== */
.ec-footer-component h1,
.ec-footer-component h2,
.ec-footer-component h3 {
  font-family: var(--font-serif);
}