/*
Theme Name: iwatani-kkou
Template: iwatani-core
Version: 1.0.0
*/

/* =====================================
   Key color: #2dccfc（親テーマの赤を上書き）
===================================== */
:root {
  --iw-color-primary: #2dccfc;
  --iw-color-primary-dark: #1aa8d9;
  --iw-front-left-bg: #2dccfc;
  --iw-bg-split-left: #2dccfc;
  --iw-bg-split-right: #2dccfc;
}

/* PC: 左右パネル背景（SP・タブレットはキーカラー） */
.iw-side--left,
.iw-side--right {
  background: #2dccfc !important;
}

/* SP: ハンバーガーボタン */
.iw-spbar .iw-burger[data-iw="burger-open"] {
  background: #2dccfc !important;
}

/* モバイル: ヘッダー（ロゴ約50%幅・バーガー右寄せ・学校名非表示） */
@media (max-width: 830px) {
  .iw-spbar {
    justify-content: space-between !important;
    gap: 12px !important;
  }

  .iw-spbar__title {
    display: none !important;
  }

  .iw-spbar__brand {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    min-width: 0;
  }

  .iw-spbar__brand img,
  .iw-spbar__brand svg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .iw-spbar .iw-burger[data-iw="burger-open"] {
    flex: 0 0 auto !important;
  }
}

/* モバイル: ドロワーパネル（ヘッダーとかぶらないよう padding-top を広げる） */
.iw-drawer__panel {
  padding: 66px 20px 24px !important;
}

/* ページ見出しブロック（パンくず＋h1） */
.page_title {
  background: #eafaff !important;
}

/* フッタータイトル */
.iw-footer__title {
  color: #2dccfc !important;
}

/* タブレット帯: 中央白・左右キーカラー */
@media (min-width: 450px) and (max-width: 830px) {
  body {
    background: linear-gradient(to right,
        #2dccfc 0,
        #2dccfc calc(50% - (var(--iw-tablet-center-w) / 2)),
        #fff calc(50% - (var(--iw-tablet-center-w) / 2)),
        #fff calc(50% + (var(--iw-tablet-center-w) / 2)),
        #2dccfc calc(50% + (var(--iw-tablet-center-w) / 2)),
        #2dccfc 100%) !important;
  }
}

/* PC: 左右別背景画像 ＋ 背景色 #8ed1fc、流れるアイコンは非表示 */
@media (min-width: 831px) {
  :root {
    --iw-front-left-bg: #8ed1fc;
    --iw-bg-split-left: #8ed1fc;
    --iw-bg-split-right: #8ed1fc;
  }

  .iw-side--left {
    background-color: #8ed1fc !important;
    background-image: url('img/left-skykkou.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .iw-side--right {
    background-color: #8ed1fc !important;
    background-image: url('img/right-skykkou.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .iw-side--left::before,
  .iw-side--right::before {
    display: none !important;
  }

  /* 右パネル menu テキスト色 */
  .iw-side--right .iw-rightmenu__title {
    color: #00BAFF !important;
  }
  .iw-side--right .iw-rightmenu__list a {
    color: #00BAFF !important;
  }
  .iw-side--right .iw-rightmenu__list a:hover {
    color: #00BAFF !important;
  }

  /* 左パネル：ロゴ下の学校名を非表示 */
  .iw-left__schoolname {
    display: none !important;
  }
}

/* フッター ARTISTIC B ブロック: 赤背景を #2dccfc に */
.iw-footer__ab {
  background-image: none !important;
  background-color: #2dccfc !important;
}
.iw-footer__ab::before {
  background: transparent !important;
}

/* モバイル: フッター固定ボタン（左＝学校説明会）黄単色・文字水色 */
@media (max-width: 830px) {
  .iw-bottom-cta__btn--oc {
    background: #FFE700 !important;
    color: #2dccfc !important;
  }
}

/* PC: 右パネル Next 円（背景黄・文字 #00BAFF） */
@media (min-width: 831px) {
  .iw-next__circle {
    background: #FFE700 !important;
    color: #00BAFF !important;
  }
  .iw-next__circle .iw-next__title,
  .iw-next__circle .iw-next__date {
    color: #00BAFF !important;
  }
  .iw-next__circle .iw-next__dow {
    background: #fff !important;
    color: #00BAFF !important;
  }
  .iw-next__circle .iw-next__btn {
    background: #fff !important;
    color: #00BAFF !important;
  }
}

/* イベントハブ一覧：OC は開催回（ラベル＋開始–終了） */
.iw-events-type__sessions {
  display: grid;
  gap: 6px;
}
.iw-events-type__session-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  font-weight: 800;
  line-height: 1.35;
}
.iw-events-type__session-label {
  font-weight: 800;
}
.iw-events-type__session-time {
  font-weight: 800;
  color: rgba(0, 0, 0, 0.75);
}

/* =====================================
   Event form status note
   open / full / closed
   used in single.php
===================================== */

.event-form-note {
  padding: 16px;
  border-radius: 8px;
  background: #f6f6f6;
  margin-top: 16px;
  font-weight: 600;
}
.event-form-note.is-full {
  background: #fff3f3;
}
.event-form-note.is-closed {
  background: #f2f2f2;
}
.iw-event-datetime {
  margin: 16px 0 24px;
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
.iw-event-datetime__date {
  font-weight: 700;
}
.iw-event-datetime__time {
  margin-top: 4px;
  opacity: 0.8;
}

.iw-thanks-box {
  margin: 24px 0;
  padding: 20px;
  background: #f7f8fa;
  border-radius: 12px;
}

.iw-thanks-actions {
  margin-top: 24px;
  text-align: center;
}