/**
 * NARITA TIME — Shop 個別 v3 追加スタイル
 *
 * single-nts_shop.php 用。ヒーロー/関連は single-story.css の .ntm-art- を再利用し、
 * ここでは本文＋店舗情報カードの2カラム body と、ヒーロー内の営業状態バッジのみ定義。
 * 既存 shop.css（shop-info-card 等）と併用。クラスは ntm-shopv3- 名前空間。
 *
 * @package naritatime
 */

/* ヘッダー：Hero上は透明 mix → スクロールで solid（記事 single と同挙動） */
body.single-nts_shop .ntm-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    background: transparent;
    border-bottom: 1px solid transparent;
    color: #fff;
    transition: background var(--ntm-transition-normal), color var(--ntm-transition-normal), border-color var(--ntm-transition-normal);
}
body.single-nts_shop .ntm-header .ntm-logo-en,
body.single-nts_shop .ntm-header .ntm-logo-tagline,
body.single-nts_shop .ntm-header .ntm-nav-link,
body.single-nts_shop .ntm-header .ntm-search-toggle,
body.single-nts_shop .ntm-header .ntm-menu-toggle { color: #fff; }
body.single-nts_shop .ntm-header .ntm-menu-toggle-bar { background: currentColor; }
body.single-nts_shop .ntm-header.is-scrolled {
    background: rgba(248, 245, 238, .94);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom-color: var(--ntm-hairline);
    color: var(--ntm-indigo);
}
body.single-nts_shop .ntm-header.is-scrolled .ntm-logo-en,
body.single-nts_shop .ntm-header.is-scrolled .ntm-nav-link,
body.single-nts_shop .ntm-header.is-scrolled .ntm-search-toggle,
body.single-nts_shop .ntm-header.is-scrolled .ntm-menu-toggle { color: var(--ntm-indigo); }
body.single-nts_shop .ntm-header.is-scrolled .ntm-logo-tagline { color: var(--ntm-terracotta); }

.ntm-shopv3-body {
    background: var(--ntm-snow);
    padding: clamp(2.5rem, 5vw, 4rem) var(--ntm-padding-pc) clamp(3rem, 6vw, 5rem);
}
.ntm-shopv3-body-grid {
    max-width: var(--ntm-content-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
}
.ntm-shopv3-main { min-width: 0; }
.ntm-shopv3-sidebar { position: sticky; top: 100px; }

@media (max-width: 880px) {
    .ntm-shopv3-body-grid { grid-template-columns: 1fr; }
    .ntm-shopv3-sidebar { position: static; }
}

/* 「場所」見出し（記事 h2 と同じ語彙） */
.ntm-shopv3-maph {
    font-family: var(--ntm-font-serif);
    font-weight: 700;
    font-size: clamp(1.3rem, 2.4vw, 1.6rem);
    color: var(--ntm-indigo);
    letter-spacing: .03em;
    margin: 2.6rem 0 1.2rem;
    padding-left: 1rem;
    border-left: 3px solid var(--ntm-terracotta);
}

/* 営業状態バッジ（ヒーローの白文字メタ内に置く・色で状態を示す） */
.ntm-shopv3-badge {
    display: inline-block;
    font-family: var(--ntm-font-en);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .1em;
    padding: .3rem .75rem;
    border-radius: 3px;
    color: #fff;
    background: var(--ntm-slate);
}
.ntm-shopv3-badge--open { background: var(--ntm-moss); }
.ntm-shopv3-badge--closed { background: var(--ntm-slate); }