@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 固定ページ全般で「この記事は〜分で読めます」を非表示 */
.page .read-time {
    display: none !important;
}

/* 固定ページ全般で日付を非表示 */
.page .date-tags {
    display: none !important;
}

/* =====================================================
   reCAPTCHAバッジを非表示
   ===================================================== */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* =====================================================
   ヘッダーのサイズ調整（スマホではみ出し防止）
   ===================================================== */
.header-container .header-in {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

@media (max-width: 767px) {
    .header-container .header-in {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        gap: 0.5rem;
    }
}

/* =====================================================
   統一記事カードグリッド
   ===================================================== */

/* 記事一覧グリッド */
.post-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (min-width: 768px) {
    .post-card-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .post-card-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
    }
}

/* サイドバー付きレイアウト用（3カラム版） */
.post-card-grid.with-sidebar {
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
    .post-card-grid.with-sidebar {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 記事カード内のテキスト切り詰め（タイトル用） */
.post-card h3.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 記事カード内の抜粋テキスト（2行で切り詰め、スマホでは非表示） */
.post-card .card-excerpt {
    display: none;
}

@media (min-width: 640px) {
    .post-card .card-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* =====================================================
   統一ページネーション
   ===================================================== */

.pagination-nav ul.page-numbers {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.pagination-nav li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.pagination-nav .page-numbers {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #4A3B2A;
    text-decoration: none;
    transition: all 0.2s;
    background-color: #fff;
}

.pagination-nav a.page-numbers:hover {
    background-color: #f3f4f6;
    border-color: #9ca3af !important;
}

.pagination-nav .page-numbers.current {
    background-color: #4A3B2A;
    border-color: #4A3B2A !important;
    color: #fff;
}