/**
 * 店舗個別ページ用スタイル
 *
 * 【重要】
 * このファイルは現在使用されていません。
 * single-store_list.php では barom_render_store_card() を使用しているため、
 * ブロック用CSS（includes/store/block/assets/css/store-single.css）を読み込んでいます。
 *
 * 将来的にシングルページ固有のスタイルが必要になった場合のために残してあります。
 *
 * 【ファイルの役割分担】
 * - includes/store/block/assets/css/store-single.css
 *   → 店舗ブロック・シングルページ共通のスタイル（メインファイル）
 * - includes/store/block/assets/css/editor.css
 *   → エディタ専用のスタイル
 * - includes/store/block/assets/css/related-stores.css
 *   → 関連店舗ブロック専用のスタイル
 * - このファイル（現在未使用）
 *   → シングルページ固有のスタイル（必要になったら追加）
 */

/* =============================================================================
   シングルページ固有のスタイル
   ============================================================================= */

/* h1タイトル内の閉店バッジ（より控えめに） */
h1 .store-closed-badge,
.c-postTitle__ttl .store-closed-badge {
    font-size: 0.5em;
    font-weight: 600;
    vertical-align: middle;
    padding: 0.3em 0.6em;
}

/* =============================================================================
   関連記事セクション（この店舗が掲載されている記事）
   ============================================================================= */

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.related-post-card {
    border: 1px solid var(--color_border);
    overflow: hidden;
    transition: all 0.3s ease;
}

.related-post-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.related-post-card__link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.related-post-card__thumbnail {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    overflow: hidden;
}

.related-post-card__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-post-card:hover .related-post-card__thumbnail img {
    transform: scale(1.05);
}

.related-post-card__content {
    padding: 0.75rem !important;
}

.related-post-card__type {
    display: inline-block !important;
    padding: 0.2rem 0.5rem !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    color: var(--color_main_on) !important;
    background: var(--color_main) !important;
    margin: 0 0 0.5rem 0 !important;
    line-height: 1.2 !important;
}

.related-post-card__title {
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    color: var(--color_text) !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.related-post-card__title::before,
.related-post-card__title::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

.related-post-card__excerpt {
    display: none !important;
}

.related-post-card__date {
    display: block !important;
    font-size: 0.7rem !important;
    color: var(--color_text_sub) !important;
    margin: 0.5rem 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* レスポンシブ */
@media (max-width: 1024px) {
    .related-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .related-posts-grid {
        grid-template-columns: 1fr;
    }

    .related-post-card__content {
        padding: 0.75rem;
    }

    .related-post-card__title {
        font-size: 0.9rem;
    }
}