/* ============================================================
   店舗詳細ページ CSS
   設置場所: /wp-content/themes/hello-elementor/store-detail.css
   ============================================================ */

.store-detail { max-width: 760px; margin: 0 auto; padding: 0 16px 60px; }

/* ── ギャラリー ── */
.store-gallery {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 6px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
  height: 280px;
}
.store-gallery__main { grid-row: 1 / 3; overflow: hidden; }
.store-gallery__sub  { overflow: hidden; }
.store-gallery__main img,
.store-gallery__sub  img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

/* ── 店舗名・バッジ ── */
.store-name {
  font-size: 22px; font-weight: 700;
  color: #0c2340; margin-bottom: 12px;
}
.store-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 20px; }
.store-badge  { display: inline-flex; border-radius: 4px; overflow: hidden; font-size: 11px; font-weight: 600; }
.store-badge__label { background: #1a1a2e; color: #fff; padding: 3px 8px; }
.store-badge__val   { background: #eef0ff; color: #3c3489; padding: 3px 10px; }
.store-badge--green .store-badge__label { background: #27500a; }
.store-badge--green .store-badge__val   { background: #eaf3de; color: #27500a; }
.store-badge--amber .store-badge__label { background: #633806; }
.store-badge--amber .store-badge__val   { background: #faeeda; color: #633806; }

/* ── セクション ── */
.store-section {
  background: #fff; border: 1px solid #d0e4f7;
  border-radius: 12px; margin-bottom: 14px; overflow: hidden;
}
.store-section__head {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 18px; border-bottom: 1px solid #d0e4f7;
}
.store-section__accent { width: 4px; height: 18px; border-radius: 2px; flex-shrink: 0; }
.store-section__title  { font-size: 14px; font-weight: 700; color: #0c2340; }

.accent--purple { background: #534ab7; }
.accent--teal   { background: #1D9E75; }
.accent--amber  { background: #BA7517; }
.accent--pink   { background: #D4537E; }

/* ── テーブル ── */
.store-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.store-table tr { border-bottom: 1px solid #eef3f9; }
.store-table tr:last-child { border-bottom: none; }
.store-table th {
  width: 36%; padding: 10px 18px;
  background: #f7fafd; color: #5a7a9a;
  font-weight: 600; text-align: left; vertical-align: top; white-space: nowrap;
}
.store-table td { padding: 10px 18px; color: #1a2b3c; line-height: 1.7; vertical-align: top; }

/* ── 店舗PR ── */
.store-pr { padding: 14px 18px; font-size: 13px; color: #4a5a6a; line-height: 1.9; }

/* ── レスポンシブ ── */
@media (max-width: 600px) {
  .store-gallery { grid-template-columns: 1fr 1fr; height: auto; }
  .store-gallery__main { grid-row: auto; grid-column: 1 / 3; aspect-ratio: 16/9; }
  .store-gallery__sub  { aspect-ratio: 4/3; }
  .store-table th { white-space: normal; width: 34%; }
}