@import url('../ishikawa-2026-street/style.css');

/* ===========================
   LIGHT VERSION — 白 × オレンジ
   =========================== */
:root {
  --black:  #FFFFFF;
  --black2: #F5F5F5;
  --black3: #EBEBEB;
  --white:  #111111;
  --gray:   #666666;
}

/* ボディ */
body { background: #FFFFFF; color: #111111; }

/* ヘッダー */
.header { background: var(--orange) !important; border-bottom: none; }
.header.scrolled { background: var(--orange) !important; border-bottom: none; }
.header__logo img { filter: none; }
.header__nav a { color: rgba(255,255,255,0.9); }
.header__nav a:hover { color: #FFFFFF; }
.header__cta { background: #FFFFFF !important; color: var(--orange) !important; }
.header__cta:hover { background: rgba(255,255,255,0.85) !important; }
.header__hamburger span { background: #FFFFFF; }
@media (max-width: 768px) {
  .header__nav { background: var(--orange) !important; }
}

/* ヒーロー：写真背景なのでテキストは白を維持 */
.hero__bg { background-image: url('../ishikawa-2026-street/images/komatsu-dome-venue-ishikawa.webp') !important; }
.hero__overlay { background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.88) 100%); }
.hero__organizer,
.hero__title,
.hero__catch,
.hero__date,
.hero__time,
.hero__venue { color: #FFFFFF; }
.hero__date-box { background: rgba(255,255,255,0.1); border-color: rgba(255,69,0,0.6); }

/* スタッツ */
.stats { background: var(--orange); border-top: none; }
.stats__item { border-right-color: rgba(255,255,255,0.3); }
.stats__num { color: #FFFFFF; }
.stats__num em { color: rgba(255,255,255,0.8); }
.stats__label { color: rgba(255,255,255,0.85); }

/* セクションタイトルのmark */
.section__title mark { background: var(--orange); color: #FFFFFF; }

/* 開催情報 */
.info__grid { background: rgba(0,0,0,0.06); }
.info__card { background: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }
.info__card:hover { border-left-color: var(--orange); background: #FFF8F0; }

/* ステージ */
.stage__day-header { border-bottom-color: var(--orange); }
.stage__performers { background: transparent; gap: 0; }
.stage__performer { background: #FFFFFF; }
.stage__performer:hover { background: #F8F8F8; }
.stage__performer-info { border-top: none; text-align: center; }
.stage__performer-name { color: #111; border-bottom: 2px solid rgba(255,69,0,0.35); padding-bottom: 6px; }
.stage__performer-note { color: #666; }
.stage__flyer { border-color: rgba(255,69,0,0.2); }
.timetable { background: #F5F5F5; border-color: rgba(0,0,0,0.1); }
.timetable__tab { border-color: rgba(0,0,0,0.15); color: #666; }
.timetable__row { border-bottom-color: rgba(0,0,0,0.08); }
.timetable__act { color: rgba(17,17,17,0.85); }

/* フードグリッド */
.food__grid { background: rgba(255,69,0,0.35); gap: 2px; padding: 2px; }
.food__card { background: #FFFFFF; }
.food__card:hover { background: #F8F8F8; }
.food__imgbox { background: #EBEBEB; }
.food__tag { background: rgba(255,69,0,0.1); }
.food__name { color: #111111; }
.food__desc { color: #666666; }
.food__more { background: linear-gradient(135deg, #FFF3E0, #EBEBEB); border-color: rgba(255,69,0,0.25); }

/* FAQ */
.faq__item { border-bottom-color: rgba(0,0,0,0.1); }
.faq__question { color: #111111; }
.faq__question:hover { color: var(--orange); }
.faq__answer p { color: #555555; }
.faq__answer a { color: var(--orange); }

/* アクセス */
.access__item h3 { color: #111; }
.access__item p { color: #555; }

/* SNS */
.sns__share, .sns__follow { color: #111; }

/* オーガナイザー */
.organizer__role { color: #666; }
.organizer__name { color: #111; }

/* フッター */
.footer { background: var(--orange); color: #FFFFFF; }
.footer__copy { color: rgba(255,255,255,0.8); }
.footer__logo { opacity: 1; filter: none; }

/* COMING SOON */
.food__coming-soon { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.food__coming-icon { font-size: 2.2rem; opacity: 0.4; }
.food__coming-text { font-size: 0.75rem; font-weight: 900; letter-spacing: 0.15em; color: #999; }

/* フロートシェア */
.float-share__btn { background: #111111; }

/* フライヤー */
.section--flyer { padding: 40px 0 0; }
.flyer__wrap { max-width: 720px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.12); position: relative; }
.flyer__img { width: 100%; height: auto; min-height: 200px; display: block; cursor: pointer; background: #f0f0f0; }
.flyer__hint { position: absolute; bottom: 12px; right: 14px; background: rgba(0,0,0,0.55); color: #fff; font-size: 0.72rem; padding: 4px 10px; border-radius: 20px; pointer-events: none; }


/* 動画 */
.section--video { padding: 48px 0; background: #F5F5F5; }
.video__facade { position: relative; max-width: 800px; margin: 0 auto; border-radius: 12px; overflow: hidden; cursor: pointer; background: #000; aspect-ratio: 16/9; }
.video__thumb { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.2s; }
.video__facade:hover .video__thumb { opacity: 0.85; }
.video__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; }
.video__play svg { filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4)); transition: transform 0.15s; }
.video__facade:hover .video__play svg { transform: scale(1.1); }
.video__facade iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }