/**
 * 共通スタイル：資料請求関連の色・ボタン
 * ロゴ2色をベースにボタンデザインを統一
 */
:root {
  /* ロゴカラー（2色）※添付画像より */
  --bd-logo-primary: #2bb2f5;   /* 右側：鮮やかなブルー */
  --bd-logo-secondary: #69e0e2; /* 左側：ライトブルー／シアン */

  /* 資料請求リスト（ヘッダー）：元の青色 */
  --bd-request-header: #1f7ac9;
  --bd-request-header-hover: #1964a8;

  /* ボタン用（ロゴ2色を流用） */
  --bd-btn-primary: var(--bd-logo-primary);
  --bd-btn-primary-hover: #1a9de0;
  --bd-btn-primary-active: #1589c7;
  --bd-btn-secondary: var(--bd-logo-secondary);
  --bd-btn-secondary-hover: #4dd4d6;
  --bd-btn-secondary-active: #3bc4c6;
}

/* ヘッダー「資料請求リスト」：元の青色（現在〇〇件のバッジ含む） */
.global-nav__menu li.bd-request-menu > a,
.global-nav__menu a.bd-request-menu,
.global-nav__menu a[href*="request-list"],
.sub-header__nav li.bd-request-menu a,
.sub-header__nav a.bd-request-menu,
.sub-header__nav a[href*="request-list"] {
  background-color: var(--bd-request-header) !important;
  color: #fff !important;
  padding: 0.4em 0.9em !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.global-nav__menu li.bd-request-menu > a:hover,
.global-nav__menu a.bd-request-menu:hover,
.global-nav__menu a[href*="request-list"]:hover,
.sub-header__nav li.bd-request-menu a:hover,
.sub-header__nav a.bd-request-menu:hover,
.sub-header__nav a[href*="request-list"]:hover {
  background-color: var(--bd-request-header-hover) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(31, 122, 201, 0.35);
}