/* ============================================================
   MP-1699 V2 カート画面 自社追加分
   デモ cart_styles.css のベースには無いセレクタ
   ============================================================ */

/* ---- レンタル期間バー：mpcal ガイドメッセージ ---- */
.cart-period-bar .mpcal-guide-msg { text-align: left; }

/* ---- カート商品 数量セレクタ ---- */
.cart-item-qty-label {
  font-size: 12px;
  color: #555;
}
.cart-item-qty-select-wrap {
  position: relative;
  display: inline-block;
}
.cart-item-qty-unit {
  font-size: 12px;
  color: #888;
}

/* ---- 注文サマリー：合計の補助テキスト ---- */
.summary-total-note {
  font-size: 11px;
  font-weight: 400;
  color: #666;
  margin-left: 4px;
}

/* ---- オプション詳細リンク ---- */
.option-detail-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
  padding: 0;
  background: none;
  border: none;
  color: #0d6efd;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.option-detail-link:hover { color: #0a58ca; }
.option-detail-link i { font-size: 11px; }

/* ---- オプション詳細モーダル ---- */
.option-detail-modal .modal-dialog { max-width: 480px; }
.option-detail-modal .modal-header { border-bottom: 1px solid #eee; padding: 16px 20px; }
.option-detail-modal .modal-title  { font-size: 16px; font-weight: 900; }
.option-detail-modal .modal-body   { padding: 20px 24px; }
.option-detail-modal .modal-footer { border-top: 1px solid #eee; padding: 12px 20px; }

.odm-price {
  display: inline-block;
  background: #f0f7ff;
  border: 1px solid #bee3f8;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 700;
  color: #0d6efd;
  margin-bottom: 14px;
}
.odm-price span { font-size: 12px; font-weight: 400; color: #555; }
.odm-lead { font-size: 14px; color: #333; line-height: 1.7; margin-bottom: 16px; }
.odm-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.odm-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.6;
}
.odm-list li i { font-size: 15px; margin-top: 2px; flex-shrink: 0; }
.odm-note {
  font-size: 11px;
  color: #888;
  line-height: 1.6;
  margin: 0;
  padding-top: 12px;
  border-top: 1px dashed #eee;
}

/* ---- MP-1713 #5：空カート/期限切れランディング ----
   .cart-title-bar h1 が padding-bottom 20px + margin-bottom 40px ＝ 約 60px の余白を持つため、
   ランディング表示時はマイナスマージンで間隔を詰める（タイトルとメッセージの距離を約 16px に圧縮）。*/
.cart-landing {
  margin-top: -24px;
  padding: 0 0 8px;
}
.cart-landing-msg {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin: 0 0 28px;
}
.cart-landing-btn {
  display: inline-block;
  min-width: 180px;
  padding: 10px 24px;
  border-radius: 24px;
  font-weight: 500;
}