/* =========================================================================
   見た目の追加分（js/theme.js とセット）
   ★何も設定しなければ、ここは効きません（これまでと同じ見た目）。
   ========================================================================= */

/* ── 横に長いロゴ（南十字星の楕円・四角など） ─────────────── */
.hero-logo.is-wide{ width:min(78vw,17rem); }
.hero-logo.is-broad{ width:min(62vw,13rem); }

/* ── 旧店名 ────────────────────────────────────────────── */
.hero-former{
  margin:-1.15rem 0 1.4rem; font-size:.78rem; letter-spacing:.06em;
  color:var(--ink-faint);
}
.foot-former{ margin:-.7rem 0 1rem; font-size:.72rem; color:var(--ink-faint); }

/* ── 時間で変わる空（ページ上部だけ） ─────────────────────── */
.hero.has-sky{
  /* 明るい空のときは、色の組み合わせに関係なく濃い文字にする */
  --ink:#3B2A1E; --ink-soft:#6B5544; --ink-faint:#8A7360;
  --card:#FFFDF9; --rule:#E6D8C4;
  color:var(--ink);
}
.hero.has-sky .hero-photo::after{
  opacity:1;
  background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 45%, var(--sky-3) 100%);
}
/* 夜は紺の空。文字を明るくする */
.hero.has-sky.is-night{
  --ink:#F7F0E4; --ink-soft:#DDD3C5; --ink-faint:#B3B9C6;
  --card:rgba(255,255,255,.09); --rule:rgba(255,255,255,.22);
  --accent-2:#F4B987;
}
.hero.has-sky.is-night .hero-logo img{
  filter:drop-shadow(0 0 14px rgba(255,240,210,.35));
}

/* ── 流れ星 ────────────────────────────────────────────── */
.hero-stars{
  position:absolute; inset:0; z-index:0;
  pointer-events:none;
}