/* =============================================================================
 * chillplus-ec-custom.css
 * EC-CUBE 開発側で管理する Chill+ ショップ用カスタム CSS。
 *
 * 制作側が管理する chillplus-mypage.css は編集せず、EC-CUBE 側の機能改修に
 * 伴う見た目の調整・上書きはこのファイルに集約する。
 * default_frame.twig では chillplus-mypage.css の後に読み込むため、
 * ここでの指定が base を上書きする。
 * ========================================================================== */

/* ===== カート画面: ゲスト購入枠 (ec-cartRole の外に配置) =====
   幅 100% / 上部に余白 / ec-guest の上下padding(元 13%)を半分に。 */
.ec-cartRole__guest {
  width: 100%;
  margin-top: 24px;
}
.ec-cartRole__guest .ec-guest {
  width: 100%;
  padding-top: 6.5%;
  padding-bottom: 6.5%;
}

/* ===== レジ画面: 「複数のお届け先を設定する」ボタンを非表示 =====
   Shopping/index.twig の .ec-orderDelivery__edit はこのボタン専用コンテナ
   (他テンプレート/CSSに出現なし)。複数配送を使わない運用のため非表示にする。 */
.ec-orderDelivery__edit {
  display: none;
}

/* ===== 購入/注文確認/注文履歴: 注文サマリーを sticky で追従 (PCのみ) =====
   旧 function.js の JS 追従 (margin-top 加算) は無限スクロールを誘発するため
   コメントアウトし、代わりに position: sticky で実現する。
   制作CSSで .ec-orderRole は grid (520px 300px)。grid item は既定で
   align-self: stretch のため summary 列が行の高さいっぱいに伸びて sticky が
   効かない → align-self: start でコンテンツ高にして追従可能にする。
   PC のみ (元 JS の innerWidth>767 に合わせ min-width:768px)。
   ※ top の値は固定ヘッダーと重なる場合に調整。 */
@media (min-width: 768px) {
  .ec-orderRole__summary {
    position: sticky;
    top: 120px;
    align-self: start;
  }
}

/* ===== 商品詳細: カテゴリ/ジャンルのラベル内リンク =====
   hover 時も下線を付けず、通常時のタグデザインを維持する。 */
.ec-productRole__categoryLabel a:hover {
  text-decoration: none;
}

/* ===== EC-CUBE デフォルト primary 色の上書き =====
   style.css 内の #5CB1B1 指定を Chill+ ブルーへ差し替える。 */
.ec-inlineBtn--primary,
.ec-inlineBtn--primary:disabled,
.ec-inlineBtn--primary.disabled,
.ec-blockBtn--primary,
.ec-blockBtn--primary:disabled,
.ec-blockBtn--primary.disabled {
  background-color: #5E93F1;
  border-color: #5E93F1;
}

.ec-progress .is-complete .ec-progress__number {
  background: #5E93F1;
}

.ec-progress .is-complete .ec-progress__label,
.ec-calendar .ec-calendar__sat {
  color: #5E93F1;
}