@charset "UTF-8";

/* ================================================================
   ちいかわもぐもぐ本舗 京都伏見店 カスタムCSS

   このファイルで伏見店固有の設定を定義します
   共通CSS (chiikawa-store-common.css) の後に読み込んでください
   ================================================================ */

:root {
  /* 伏見店固有の色設定（必要に応じて上書き） */
  /* 現在は共通CSSのデフォルト値を使用 */

  /* 背景画像パス（伏見店専用） */
  --clp-bg-repeat-pattern: url("../../common/images/backgrounds/backgrounds-repeat-pattern.png");
}
.chiikawa-lp-page-nav__item--news {
  background-image: url("../images/navigation/nav-bubble-01.svg");
}

/* GOODS - 中程度の高さ */
.chiikawa-lp-page-nav__item--goods {
  background-image: url("../images/navigation/nav-bubble-02.svg");
}

/* SNS - やや高い */
.chiikawa-lp-page-nav__item--sns {
  background-image: url("../images/navigation/nav-bubble-03.svg");
}

/* ACCESS - 最も高い & 幅広 */
.chiikawa-lp-page-nav__item--access {
  background-image: url("../images/navigation/nav-bubble-04.svg");
}

/* ================================================================
   伏見店固有のスタイル調整
   ================================================================ */

/* プライマリボタンのホバーカラー */
.chiikawa-lp-button--primary:hover {
  background-color: #E8824B;
}

.chiikawa-lp-button--primary:hover .chiikawa-lp-button__icon {
  color: #B5D09C;
}

/* Instagram Feed ボタンの色設定 */
#sbi_load > a,
#sbi_load > button,
.chiikawa-lp-sns #sbi_load a[href*="load-more"],
.chiikawa-lp-sns #sbi_load > a,
.chiikawa-lp-sns #sbi_load > button,
div[id="sbi_load"] > a,
div[id="sbi_load"] > button {
  color: #613934 !important;
}

#sbi_load > span > a,
#sbi_load > span > button,
#sbi_load span a,
#sbi_load span button,
.chiikawa-lp-sns #sbi_load span a[href*="instagram.com"],
.chiikawa-lp-sns #sbi_load > span > a,
.chiikawa-lp-sns #sbi_load > span > button,
div[id="sbi_load"] > span > a,
div[id="sbi_load"] > span > button {
  background-color: #FCE6DF !important;
  color: #613934 !important;
}

#sbi_load > span > a:hover,
#sbi_load > span > button:hover,
#sbi_load span a:hover,
#sbi_load span button:hover,
.chiikawa-lp-sns #sbi_load span a[href*="instagram.com"]:hover,
.chiikawa-lp-sns #sbi_load > span > a:hover,
.chiikawa-lp-sns #sbi_load > span > button:hover,
div[id="sbi_load"] > span > a:hover,
div[id="sbi_load"] > span > button:hover {
  background-color: #FCE6DF !important; /* ホバー時も背景色を維持 */
  color: #613934 !important; /* ホバー時もテキスト色を維持 */
}