/* 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;
}

/* スケジュール一覧/カレンダー「抽選」フラグ: is-lottery 未定義（BN-12・bluenote-newdesign 同型） */
.c-schedule-list-card__frag.is-lottery,
.c-schedule-calendar-card__frag.is-lottery {
  background-color: #fff;
  border: 1px solid var(--color-js-gold);
  color: var(--color-js-gold);
}

/* ステップバー ラベル: 多言語で長いラベルが折返しできず重なるため nowrap を解除（BN-20）
   bluenote-newdesign は style.css 本体へ white-space を持たない再定義を追記しているが、
   同一詳細度の再定義は white-space を宣言しない限りカスケードで打ち消せないため
   （後勝ち overrides 側で明示的に normal を宣言する必要がある） */
.c-step-bar__label {
  white-space: normal;
}