/* style.css に手を入れないための上書き用ファイル（style.css の後に読み込む） */

/* INET販売なし（sell='off'）カード: リンクなし div でも通常カードと同じホバー演出を出す（Redmine #8177） */
/* 元の style.css はフェード(transition)とカレンダーの＋アイコンを [href]/[type=button] 限定で定義しているため、同内容を is-inet-off にも適用する */
.c-schedule-calendar-card.is-inet-off,
.c-schedule-list-card.is-inet-off {
  transition-property: background-color, outline-color;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.c-schedule-calendar-card.is-inet-off .c-schedule-calendar-card__date:before,
.c-schedule-calendar-card.is-inet-off .c-schedule-calendar-card__date:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  pointer-events: none;
}
.c-schedule-calendar-card.is-inet-off .c-schedule-calendar-card__date:before {
  bottom: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--schedule-calendar-card-expand-bg);
  z-index: 1;
  transition-property: background-color;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.c-schedule-calendar-card.is-inet-off .c-schedule-calendar-card__date:after {
  bottom: -6px;
  width: 12px;
  height: 12px;
  background-color: var(--schedule-calendar-card-expand-icon-color);
  clip-path: path("M10.2664 5.39844H1.73438V6.59844H10.2664V5.39844Z M6.59844 1.73438H5.39844V10.2664H6.59844V1.73438Z");
  z-index: 2;
  transition-property: background-color;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
@media (hover: hover) and (pointer: fine) {
  .c-schedule-calendar-card.is-inet-off:hover {
    background-color: var(--color-bg-highlight);
    outline-color: var(--color-border-hover);
    --schedule-calendar-card-expand-bg: var(--color-bg-black);
    --schedule-calendar-card-expand-icon-color: var(--color-text-white);
  }
  .c-schedule-list-card.is-inet-off:hover {
    background-color: var(--color-bg-highlight);
    outline-color: var(--color-border-hover);
    --schedule-list-card-expand-bg: var(--color-bg-black);
    --schedule-list-card-expand-icon-color: var(--color-text-white);
  }
}

/* 抽選TOP 募集回カード: 募集名の下に募集注記（M_LOTTERY_SUB.COLLECT_NOTE）を表示（Redmine #8210） */
/* モックにクラス定義が無いため追加。サイズ感は旧デザイン（募集名より一回り小さい注記）に合わせる */
.c-apply-card__note {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .02em;
}

/* StepBar ラベルの折り返し許可（shutto 英語化時の隣ラベルとの重なり対策・7/10 4850391 の再適用） */
/* style.css 本体（デザイナー版ビルド）の .c-step-bar__label は white-space:nowrap を持ち、
   c5d2d17 の全面差し替えで 7/10 の削除修正が実効無効化した。本体は再差し替えで戻るため
   ここで明示的に normal を宣言して打ち消す（BNP/CCJ の overrides と同型） */
.c-step-bar__label {
  white-space: normal;
}