/* ═══ 金継ぎ 追補CSS(ikoiya.net・2026-08-29)═══
   元のCSSは変えず、後から上書きして読みやすさを底上げする。
   各ページの head の最後で読み込む。 */

/* ── 派生1色(読みやすさの床のための例外・色相は金のまま明度だけ上げる)── */
:root { --accent-bright: #EDD37B; }

/* ── 1. トップページ: 文字サイズの段の統合(ボタン・ナビ=16px/電話番号、その他=16/19.2px/キャッチ)
      タブレット・スマホの極小文字(8.6px台)もこの固定pxで解消 ── */
#site-concept { font-size: 16px; }
#since-display { font-size: 16px !important; }
#global-nav a { font-size: 16px; }
#global-nav .nav-divider { font-size: 16px; }
a.contact-tel span { font-size: 16px; }
#chef-info { font-size: 16px; }
#copyright-display { font-size: 16px; }
/* 狭い幅ではCopyrightは絶対配置のため、16pxに上げると電話番号に重なる。元の大きさを残す */
@media (max-width: 768px) { #copyright-display { font-size: 13.2px; } }
#subcaption-display { font-size: 16px; word-break: auto-phrase; }
#contact-info div.contact-addr { font-size: 19.2px; }
#business-hours-display, #business-hours-display-2 { font-size: 19.2px; }

/* ── 1b. スマホ幅の頭の一角: 肩書き行とSINCE 2004は読める最小限(12px)にとどめ、
      ナビとボタンは重ならない位置へ配り直す(固定位置が文字の拡大で衝突していたため) ── */
@media (max-width: 768px) {
    #site-concept { font-size: 12px; }
    #since-display { font-size: 12px !important; }
    #global-nav { top: 140px; }
    #insta-display { top: 205px; }
}

/* ── 2. トップページ: シェフ名の読みやすさ(背景写真に対して薄すぎたため、不透明+下敷き)── */
#chef-info {
    color: var(--text-color);
    background: rgba(0, 0, 0, 0.82);
    padding: 6px 15px;
    width: max-content;
    max-width: 94vw;
}
/* シェフ名(58%)とサブキャッチが同じ高さで衝突していたため、
   広い幅ではボタンの下の空きへ移す */
@media (min-width: 769px) { #chef-info { top: 77%; } }

/* ── 3. メニューページ: 文字サイズの段の統合 ── */
.static-logo #site-concept { font-size: 12px; }
.page-nav a { font-size: 17.6px; }
h2.menu-item-name { font-size: 20.8px !important; }
p.menu-item-desc { font-size: 15.2px; }
p.menu-item-desc[style*="0.9em"] { font-size: 13.6px !important; }
p.menu-item-desc > span[style*="0.9em"] { font-size: 13.6px !important; }
p.menu-note { font-size: 13.6px; }
.menu-footer .copyright { font-size: 13.6px; }

/* ── 4. メニューページ: 説明文の読みやすさ(半透明85%→不透明。箱の黒もわずかに深め、
      明るい写真の上でも読める濃さに)── */
.menu-item-desc { color: var(--text-color); }
.menu-item { background: rgba(20, 20, 20, 0.72); }
.menu-item-options { background: rgba(20, 20, 20, 0.55); }
.menu-footer .copyright { background: #141414; }

/* ── 4b. コース内容の「/」区切り(透明度40%は薄すぎ)を80%へ、価格の金は明るい派生色へ ── */
.menu-item-desc > span[style*="247,0.4"] { color: rgba(253, 251, 247, 0.8) !important; }
.menu-item-price { color: var(--accent-bright); }

/* ── 5. 金色が暗さ負けする小物だけ、明るい金の派生色に(現在地ナビ・肩書き行)── */
.page-nav a:hover, .page-nav a.active { color: var(--accent-bright); border-bottom-color: var(--accent-bright); }
.static-logo #site-concept { color: var(--accent-bright); }

/* ── 6. 白の統一(--text-color = #FDFBF7 に寄せる・安全な文字色だけ)── */
.page-nav a { color: #FDFBF7; }
#footer-band { background-color: #FDFBF7; }
#global-nav a { color: #FDFBF7; }
#caption-display { color: #FDFBF7; }

/* ── 7. 名物メニューボタンの文字も16pxの段へ ── */
#insta-display span { font-size: 16px; }

/* ── 8. 予約ページの電話番号: 元のCSSはスマホ幅にしか装いが無く、
      パソコン幅では青い標準リンクのまま表示されていた。全幅に同じ装いを ── */
.menu-info-tel {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    color: rgba(253, 251, 247, 0.95);
    font-family: 'Cinzel', serif;
    margin: 0 0 30px 0;
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}
.menu-info-tel a { color: inherit; text-decoration: none; transition: opacity 0.3s ease; }
.menu-info-tel a:hover { opacity: 0.7; }

/* ── 9. スマホ用の枠にしか装いが無かった部品を全幅へ昇格
      (パソコン幅で電話ボタンが青い標準リンク・商品カードが素のまま等の不具合の修正) ── */
.menu-tel-btn {
    display: inline-block;
    padding: 15px 40px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    text-decoration: none;
    font-size: 17.6px;
    letter-spacing: 0.1em;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.1);
}
.menu-tel-btn:hover { background: var(--accent-color); color: #000; }
@media (max-width: 768px) { .menu-tel-btn { font-size: 17.6px !important; padding: 12px 25px !important; } }

.menu-custom-subtitle {
    color: var(--accent-color);
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.15em;
    line-height: 1.6;
}
.menu-custom-subtitle.sz-15 { font-size: 1.5rem; margin-bottom: 25px; }
.menu-custom-subtitle.sz-16 { font-size: 1.6rem; margin-bottom: 30px; }

.menu-desc-large {
    color: rgba(253, 251, 247, 0.95);
    font-size: 16px;
    line-height: 2;
    margin-bottom: 50px;
}
@media (max-width: 768px) { .menu-desc-large { font-size: 15.2px !important; } }

.product-card-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    background: rgba(20, 20, 20, 0.55);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 8px;
    padding: 25px;
}