/* ============================================================
   HERBERRY ヘッダー・フッター調整CSS（v3）
   ファイル: assets/css/herberry-header-footer-v3.css
   ------------------------------------------------------------
   v3での変更点：SWELL実環境で確認済みのクラス名に置き換えました。

   確認済み（今回置き換え済み）：
     ヘッダー全体　　　： .l-header
     ヘッダー内部　　　： .l-header__inner
     ロゴ全体　　　　　： .c-headLogo
     ロゴリンク　　　　： .c-headLogo__link
     グローバルメニュー： .c-gnav
     フッター全体　　　： .l-footer
     フッター内部　　　： .l-footer__inner
     フッター最下部　　： .l-footer__foot

   【未確認・プレースホルダーのまま】
     ヘッダー内の予約ボタン　　　　： .__HERBERRY_HEADER_CTA_SELECTOR__
     フッター内の見出し（「サイト内」等）：.__HERBERRY_FOOTER_HEADING_SELECTOR__
     スマホ用ドロワーメニュー　　　： .__HERBERRY_DRAWER_SELECTOR__

   上記3つは今回のクラス確認リストに含まれていなかったため、
   引き続きプレースホルダーのままにしています。実装する際は、
   これらの箇所も同様にブラウザの検証ツールで確認し、確認でき次第
   このファイル内の該当セレクタを置き換えてください（存在しない
   クラス名なので、置き換えるまでは無害です）。
   ============================================================ */

/* ---- ヘッダー全体 ---- */
.l-header {
  font-family: var(--herberry-font-body);
}

/* ---- ヘッダー内部（レイアウトはSWELL標準を尊重し、配色のみ調整） ---- */
.l-header__inner {
  font-family: var(--herberry-font-body);
}
.l-header__inner a {
  color: inherit;
}

/* ---- ロゴ ---- */
.c-headLogo,
.c-headLogo__link {
  font-family: var(--herberry-font-wordmark);
}

/* ---- グローバルメニュー ---- */
.c-gnav {
  font-family: var(--herberry-font-body);
}
.c-gnav a {
  color: inherit;
}

/* ---- ヘッダー内の予約ボタン（未確認：確認後に置き換えてください） ---- */
.__HERBERRY_HEADER_CTA_SELECTOR__ {
  background-color: var(--herberry-gold) !important;
  color: var(--herberry-green-900) !important;
  font-weight: 700;
  border-radius: 99px;
}

/* ---- フッター全体 ---- */
.l-footer {
  font-family: var(--herberry-font-body);
}

/* ---- フッター内部 ---- */
.l-footer__inner a {
  opacity: .85;
}
.l-footer__inner a:hover {
  opacity: 1;
}

/* ---- フッター最下部（コピーライト等） ---- */
.l-footer__foot {
  font-size: .76rem;
  opacity: .7;
}

/* ---- フッター内の見出し（未確認：確認後に置き換えてください） ---- */
.__HERBERRY_FOOTER_HEADING_SELECTOR__ {
  color: var(--herberry-gold);
  font-size: .85rem;
  letter-spacing: .05em;
}

/* ---- スマホ用ドロワーメニュー（未確認：確認後に置き換えてください） ---- */
.__HERBERRY_DRAWER_SELECTOR__ {
  background-color: var(--herberry-green-900);
}
.__HERBERRY_DRAWER_SELECTOR__ a {
  color: var(--herberry-ivory);
}
