/**
 * TRIAL提出用 一時対応CSS
 *
 * 目的: TRIALへの卸し交渉用に「販売停止状態だが事業として存在」を表現
 * 作成日: 2025-12-18
 *
 * ======================================
 * 復旧方法
 * ======================================
 * 1. default_frame.twig からこのファイルの読み込み行を削除
 * 2. detail.twig の販売開始予定注釈を削除
 * 3. 本ファイルを削除（任意）
 */

/* ============================================
   TASK 1: ヘッダーメニュー無効化
   - 表示は残す
   - クリック不可（リンク無効）
   - グレーアウト（視覚的に無効）
   ============================================ */

/* アカウント・カートアイコン（デスクトップ・モバイル共通） */
.header-bar-icons > a.button-icon {
  opacity: var(--np-opacity-disabled, 0.5) !important;
  cursor: not-allowed !important;
}

/* カート数量バッジを非表示 */
.cart-count {
  display: none !important;
}

/* モバイルメニュートレイ内のログイン・会員登録・カートリンク */
.tray-menu-item[href*="mypage"],
.tray-menu-item[href*="entry"],
.tray-menu-item[href*="logout"],
.tray-menu-item[href*="cart"] {
  opacity: var(--np-opacity-disabled, 0.5) !important;
  cursor: not-allowed !important;
}

/* ============================================
   TASK 2: 販売開始予定注釈のスタイル
   ============================================ */

.trial-sales-notice {
  margin-bottom: 12px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #fff5f5 0%, #fff9f5 100%);
  border: 2px solid #EF7800;
  border-radius: 8px;
  text-align: center;
}

.trial-sales-notice__text {
  font-family: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #c0392b;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0;
}

/* モバイル対応 */
@media (max-width: 767px) {
  .trial-sales-notice {
    padding: 10px 12px;
  }

  .trial-sales-notice__text {
    font-size: 14px;
  }
}

/* ============================================
   カートボタン無効化（商品詳細ページ）
   ============================================ */

/* カートに入れるボタンを無効化（在庫ありの場合も） */
.ec-productRole__btn .add-cart,
.ec-productRole__btn button[type="submit"]:not([disabled]) {
  pointer-events: none !important;
  opacity: var(--np-opacity-disabled, 0.5) !important;
  cursor: not-allowed !important;
  background-color: #cccccc !important;
}

/* 数量選択・規格選択を無効化 */
.ec-productRole__actions .ec-select select,
.ec-productRole__actions .ec-numberInput input {
  pointer-events: none !important;
  opacity: var(--np-opacity-disabled, 0.5) !important;
}

/* お気に入りボタンも無効化 */
#favorite {
  pointer-events: none !important;
  opacity: var(--np-opacity-disabled, 0.5) !important;
  cursor: not-allowed !important;
}

/* ニュースレター登録フォーム無効化 */
.newsletter-form {
  opacity: var(--np-opacity-disabled, 0.5) !important;
}

.newsletter-form .newsletter-input,
.newsletter-form .newsletter-submit {
  pointer-events: none !important;
  cursor: not-allowed !important;
}