/*
Theme Name: Potomak 2026
Theme URI: https://www.potomak.co.jp
Author: Potomak Inc.
Description: potomak.co.jp リニューアル用の新テーマ。デザイントークンは assets/css/tokens.css、投稿タイプ定義は potomak-content-types プラグインに分離。
Version: 0.2.0
Requires PHP: 8.0
Text Domain: potomak2026
*/

/* --------------------------------------------------------------------------
   このファイルはテーマを識別するために必要。
   実際のスタイルは assets/css/ 配下に分割している:
     tokens.css     色・書体・余白などの値の定義
     base.css       リセットと共通の見た目
     layout.css     ヘッダー / フッター
     front-page.css トップページ

   以下は「店舗詳細ページ(single-shop.php)」の検証用の暫定スタイル。
   店舗ページを本実装する段階で assets/css/single-shop.css へ移す。
   -------------------------------------------------------------------------- */

.shop-detail {
  max-width: var(--content-max);
  margin-inline: auto;
  padding: var(--space-2xl) var(--gutter);
}

.dummy-notice {
  max-width: var(--content-max);
  margin: var(--space-lg) auto 0;
  padding: var(--space-sm) var(--space-md);
  background: #FFF8E1;
  border: 1px solid #F0E3B8;
  font: var(--type-caption);
  letter-spacing: var(--ls-caption);
  color: var(--color-text-sub);
}

.shop-detail-header {
  margin-bottom: var(--space-lg);
}

.shop-detail-header h1 {
  font: var(--type-h1);
  letter-spacing: var(--ls-body);
}

.shop-name-ja {
  margin-top: var(--space-2xs);
  color: var(--color-text-sub);
  font: var(--type-body);
}

.shop-description {
  margin-block: var(--space-lg);
}

.shop-basic-info dl {
  display: grid;
  grid-template-columns: 8em 1fr;
  gap: var(--space-xs) var(--space-md);
  margin-bottom: var(--space-lg);
}

.shop-basic-info dt {
  color: var(--color-text-sub);
}

.shop-map iframe {
  max-width: 100%;
}

.shop-gallery-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-sm);
}

.shop-menu-list {
  display: grid;
  gap: var(--space-xs);
}

.shop-menu-list a {
  color: var(--color-link);
  border-bottom: 1px solid currentColor;
}

.shop-debug {
  margin-top: var(--space-2xl);
  border-top: 1px dashed var(--color-line);
  padding-top: var(--space-sm);
  font-size: 12px;
}

.shop-debug table {
  width: 100%;
  border-collapse: collapse;
}

.shop-debug th,
.shop-debug td {
  text-align: left;
  vertical-align: top;
  padding: 4px 8px;
  border-bottom: 1px solid var(--color-line);
  word-break: break-all;
}

.shop-debug th {
  width: 12em;
  color: var(--color-text-sub);
  font-weight: normal;
}