/* =============================================
 * ショップガイド サブナビ - スティッキー
 *
 * Lightningテーマのヘッダー固定設定に応じて
 * top 値の調整が必要になる場合があります。
 *
 * 配置先: assets/css/shop-subnav.css
 * 読み込み: enqueue.php または theme-setup.php で条件付き読み込み
 * ============================================= */

.sunmall-shop-subnav {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* --- WordPress管理バー表示時の補正 --- */
.admin-bar .sunmall-shop-subnav {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .sunmall-shop-subnav {
        top: 46px;
    }
}

/* --- Lightningヘッダー固定が有効な場合 ---
 * Lightning の「ヘッダー上部固定」を使っている場合、
 * ヘッダーの高さ分だけ top を下げる必要があります。
 *
 * 方法A: Lightning の固定ヘッダーの下に来るよう JS で自動計算
 *         → 下記の shop-subnav-sticky.js を使用
 *
 * 方法B: ヘッダー高さが固定なら CSS だけで対応
 *         例: .site-header-fixed .sunmall-shop-subnav { top: 80px; }
 * ---------------------------------------- */