/*
Theme Name: Purokuri Reservation Theme
Description: 予約管理テーマ（リデザイン版）
Author: Hachisu
Version: 1.1
*/

/* ----------------------------
   全体レイアウト／共通
---------------------------- */
body {
  background-color: #eef7fc;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
}

.reservation-container {
  max-width: 720px;
  margin: 40px auto;
  padding: 0 16px;
}

/* ヘッダー内をコンテンツ幅に揃えるラッパー */
.site-header-inner {
  max-width: 720px;     /* .reservation-container と同じ max-width */
  margin: 0 auto;       /* 中央寄せ */
  padding: 0 16px;      /* .reservation-container と同じ左右パディング */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 既存の site-header は背景シャドウ等を保持 */
.site-header {
  background: #ffffff;
  padding: 1rem 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* サイトタイトルは左寄せ */
.site-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
  /* ▼ タイトルだけ丸ゴ系フォントを適用 */
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
}

/* ナビが不要なら非表示 */
.primary-navigation {
  display: none;
}


/* ==== Header / Branding ==== */
.site-header {
  background:#fff;
  padding:12px 0;
  box-shadow:0 2px 4px rgba(0,0,0,.05);
}
.site-header-inner{
  max-width:720px;      /* 予約ページ幅に合わせる */
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.site-branding{
  display:flex;
  align-items:center;
  gap:10px;
}

/* カスタマイザーのロゴ（リンク有無どちらでもOK） */
.site-branding .custom-logo,
.site-branding img{
  display:inline-block !important;
  max-height:40px;      /* お好みで調整 */
  width:auto;
  height:auto;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:none !important;
}

/* サイト名 */
.site-title{
  margin:0;
  font-size:1.5rem;
  font-weight:700;
  color:#333;
  /* ▼ タイトルだけ丸ゴ系フォントを適用 */
  font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;
}

/* ナビを使わないなら非表示のままでOK */
.primary-navigation{ display:none; }

@media (max-width:600px){
  .site-branding .custom-logo,
  .site-branding img{ max-height:32px; }
  .site-title{ font-size:1.25rem; }
}