/* ============================================================
   たき澤（soba-takizawa.com）固有スタイル。
   washoku.css（和食テンプレの骨格）の後に読み込む。

   このファイルには「たき澤にしか効かない値」だけを置く。
   全サイトで同じ値になるものは washoku.css へ置く。

   たき澤は本番稼働中。ここ以外（骨格側）でたき澤の値を変えない。
   ============================================================ */

/* ===== たき澤のテーマ変数 =====
   骨格は var() のフォールバックを書かない（未定義なら宣言ごと落ちて、
   テーマの入れ忘れが画面で分かるようにするため）。値はすべて本番の実測値。 */
#wrap.tz-theme-takizawa {
  /* 文字色 */
  --std-text: #fdfbfb;
  --std-muted: #c6c6c5;
  --std-link: #fdfbfb;

  /* アクセント（金色）。用途ごとに本番の値が違うので分けている */
  --std-accent: #c9a86a;
  --std-store-heading: #c9a86a;
  --std-hero-news-label: #c9a86a;
  --std-mobile-arrow: #c9a86a;
  --std-mobile-tel-active: #c9a86a;
  --std-heading-bar: #c9a86a;      /* お知らせ記事タイトルの縦帯 */
  --std-section-bar: #7d7c7c;      /* セクション見出し（.hl02）の縦帯 */

  /* 罫線。本番は置き場所ごとに色が違う */
  --std-border: #7d7c7c;           /* メニューのタブ・区切り・注記 */
  --std-row-border: #6d6d6d;       /* トップのお知らせ一覧の行 */
  --std-badge-border: rgba(201, 168, 106, 0.5); /* 店舗カードのバッジ */

  /* 面の色 */
  --std-card-background: rgba(15, 13, 11, 0.78); /* 店舗カードのバッジ */
  --std-row-hover: rgba(255, 255, 255, 0.04);    /* トップのお知らせ行 hover */
  --std-card-hover: rgba(255, 255, 255, 0.03);   /* お知らせ一覧カード hover */
  --std-carousel-active: #052e25;

  /* メニューのリード文（本文より少し明るい） */
  --std-menu-lead: #ebe7e1;

  /* 固定ヘッダーのロゴ寸法 */
  --standard-fixed-nav-logo-width: 146px;
  --standard-fixed-nav-logo-height: 43px;

  /* コンセプト欄 */
  --standard-concept-body-font-size: 16px;
  --standard-concept-frame-border: currentColor;

  /* 戻る導線。本番は背景が透明で、hover のときだけ着色する */
  --standard-return-background: transparent;
  --standard-return-border: #c6c6c5;
  --standard-return-text: #fdfbfb;
}

/* ===== 戻る導線を本番の形へ戻す（Issue #240） =====
   共通部品（WashokuBackLink）は 9 サイトで同じマークアップを出す。
   たき澤だけ本番の形が違うので、ここ（ブランド固有 CSS）で上書きする。
   共通部品にブランドの分岐は入れない。 */

/* お知らせ詳細のボタン。骨格の hover は「通常時の色を 20% 暗くする」計算だが、
   本番は通常時が透明で、hover のときだけ #3a3226 が乗り、枠と文字色は変わらず
   1px 上へ動く。計算では表現できないので上書きする。 */
#wrap.tz-theme-takizawa .tz-return-link:hover {
  background: #3a3226;
  border-color: var(--standard-return-border);
  color: var(--standard-return-text) !important;
  transform: translateY(-1px);
}

/* メニューの戻る導線は、本番では枠なしのテキストリンク。
   4fe933a の統一でお知らせ詳細のボタン形に寄せられていたので戻す。
   `.tz-shop-wrap` は店舗系ページの本文枠。たき澤の店舗詳細では導線を出さないため、
   この枠の中に出る戻る導線はメニューのものだけになる。 */
#wrap.tz-theme-takizawa .tz-shop-wrap .tz-return-nav {
  margin-top: 40px;
  padding-top: 24px;
}
#wrap.tz-theme-takizawa .tz-shop-wrap .tz-return-link {
  display: inline;
  padding: 0;
  background: none;
  /* border: 0 だと style まで none になる。本番は幅 0 で style は solid のまま */
  border-width: 0;
  letter-spacing: normal;
  font-size: inherit;
  transition: opacity 0.3s ease;
}
#wrap.tz-theme-takizawa .tz-shop-wrap .tz-return-link:hover {
  background: none;
  color: var(--standard-return-text) !important;
  transform: none;
  opacity: 0.7;
}