/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Astra子テーマ - LearnDashカテゴリーページにサムネイル表示機能を追加
Author: Your Name
Author URI: https://wpastra.com/about/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* 親テーマのスタイルを読み込み */
@import url('../astra/style.css');

/* 段落の余白をデフォルトに修正 */
p, .entry-content p {
    margin-bottom: 15px !important;
    line-height: 1.8 !important;
}

/* レッスンリストのサムネイル表示 - メインコンテンツ */
.ld-item-list-item .ld-item-name {
    display: flex !important;
    align-items: center !important;
}

/* レッスンリストのサムネイル表示 - サイドバー */
.ld-lesson-item-preview-heading,
.ld-course-navigation .ld-lesson-item-preview a {
    display: flex !important;
    align-items: center !important;
}

/* サムネイル画像の共通スタイル（16:9比率、横幅200px） */
.ld-lesson-thumb {
    width: 200px !important;
    height: 112.5px !important;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 20px !important;
    flex-shrink: 0;
}

/* ::beforeで追加されたサムネイルのスタイル調整 */
.ld-item-name::before,
.ld-lesson-item-preview-heading::before {
    flex-shrink: 0;
}

/* LearnDashカテゴリーページのサムネイル表示 */
.ld-course-list-items .ld-course-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

.ld-course-list-items .ld-course-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.ld-course-list-items .ld-course-thumbnail {
    flex-shrink: 0;
    margin-right: 20px;
}

.ld-course-list-items .ld-course-thumbnail img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 5px;
}

.ld-course-list-items .ld-course-content {
    flex: 1;
}

.ld-course-list-items .entry-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.5em;
}

.ld-course-list-items .entry-title a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.ld-course-list-items .entry-title a:hover {
    color: #0073aa;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .ld-course-list-items .ld-course-item {
        flex-direction: column;
    }

    .ld-course-list-items .ld-course-thumbnail {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }

    .ld-course-list-items .ld-course-thumbnail img {
        width: 100%;
        height: auto;
        max-height: 200px;
    }

    .ld-lesson-thumb {
        width: 160px !important;
        height: 90px !important;
        margin-right: 15px !important;
    }

    .ld-item-list-item .ld-item-name,
    .ld-lesson-item-preview-heading {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .ld-lesson-thumb {
        margin-bottom: 10px !important;
    }
}

/* =========================
   サイドバーの余白調整（強制版）
   ========================= */

/* 各ウィジェット同士の間隔を詰める */
#secondary .widget {
    margin-bottom: 10px !important;
}

/* 見出し（最新のブログ / ブログカテゴリー）の下の余白を詰める */
#secondary .widget_block h3.wp-block-heading {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

/* 最新のブログ一覧・カテゴリー一覧のリストの上下余白をゼロに */
#secondary .wp-block-latest-posts__list,
#secondary .wp-block-categories-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* サイドバーのカード（ウィジェット）内の上下余白を詰める */
.ast-separate-container.ast-two-container #secondary .widget {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

/* 「最新のブログ」「ブログカテゴリー」見出しの下を詰める（再掲） */
#secondary .widget_block h3.wp-block-heading {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

/* リスト（最新のブログ一覧／カテゴリ一覧）の上下余白をゼロに（再掲） */
#secondary .wp-block-latest-posts__list,
#secondary .wp-block-categories-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* リスト項目同士の間隔を調整 */
#secondary .wp-block-latest-posts__list li,
#secondary .wp-block-categories-list li {
    margin-bottom: 4px !important;
}

/* 最新のブログ ＆ ブログカテゴリーに中黒を付ける */
#secondary .wp-block-latest-posts__list li a::before,
#secondary .wp-block-categories-list li a::before {
    content: "・";
    margin-right: 6px;
    color: #333;
    font-weight: normal;
}

/* リストの左側をそろえる（余白調整） */
#secondary .wp-block-latest-posts__list li,
#secondary .wp-block-categories-list li {
    list-style: none;
    padding-left: 0px;
    margin-left: 0;
}

/* ─────────────────────────────
   単一記事：メタ情報の表示をカスタマイズ
   2025年12月7日
   カテゴリー：運動（進行予防のために）
   タグ：運動予防／動画あり
───────────────────────────── */
h1.entry-title{
font-weight: 800;
}
.single-post .ast-single-post-order .entry-meta {
    display: flex;
    flex-direction: column;      /* 縦並び */
    align-items: flex-start;
    margin-top: 10px;
    line-height: 1.8;
    font-size: 0;                /* 「/」「、」などテキストノードを非表示 */
}

/* span と a の文字だけ復活させる */
.single-post .ast-single-post-order .entry-meta span,
.single-post .ast-single-post-order .entry-meta a {
    font-size: 14px;
}

/* 並び順：日付 → カテゴリー → タグ */
.single-post .ast-single-post-order .entry-meta .posted-on {
    order: 1;
}
.single-post .ast-single-post-order .entry-meta .cat-links {
    order: 2;
    margin-top: 5px;
}
.single-post .ast-single-post-order .entry-meta .tags-links {
    order: 3;
    margin-top: 5px;
    font-size: 0;   /* 中のテキストを消してリンクだけ表示 */
}
.single-post .ast-single-post-order .entry-meta .tags-links a {
    font-size: 14px;
}

/* 更新日は非表示（公開日のみ） */
.single-post .ast-single-post-order .entry-meta .updated {
    display: none;
}

/* カテゴリーラベル（リンクではないテキスト） */
.single-post .ast-single-post-order .entry-meta .cat-links::before {
    content: "カテゴリー：";
    font-size: 14px;
    font-weight: 700;
    color: #000;   /* ラベル */
}

/* ラベルの後ろに通常色スペースを追加 */
.single-post .ast-single-post-order .entry-meta .cat-links::after {
    content: " ";
    font-size: 14px;
}

/* タグラベル（リンクではないテキスト） */
.single-post .ast-single-post-order .entry-meta .tags-links::before {
    content: "タグ：";
    font-size: 14px;
    font-weight: 700;
    color: #000;   /* ラベル */
}

/* タグラベルの後ろにも通常色スペース */
.single-post .ast-single-post-order .entry-meta .tags-links::after {
    content: " ";
    font-size: 14px;
}

/* タグの区切り「／」を追加（2個目以降） */
.single-post .ast-single-post-order .entry-meta .tags-links a + a::before {
    content: " , ";
    font-size: 14px;
    margin: 0 2px;
}
/* 最新記事リスト：日付の下に下線を追加 */
.wp-block-latest-posts__post-date {
    margin-top: 0;            /* タイトルとの間に余白 */
    padding-bottom: 3px;        /* 下線と文字の間 */
    border-bottom: 1px solid #ccc;  /* 下線 */
    font-size: 14px;            /* 任意：少し小さめにすると見やすい */
    margin-bottom: 10px;
}
/* メインのブログ一覧だけタイトルを大きくする */
#main .wp-block-latest-posts__post-title {
    font-size: 20px;  /* 好きなサイズに調整 */
    font-weight: 700;
    line-height: 1.4;
}
/* メイン投稿一覧（カテゴリーページ等）の記事タイトル */
#main .entry-title a {
    font-size: 20px;      /* 最新記事タイトルと同じサイズに調整 */
    font-weight: 700;
    line-height: 1.4;
}

/* h2.entry-title 全体の余白調整（任意） */
#main .entry-title {
    margin-bottom: 6px;
}
/* 最新記事ウィジェットの日付 */
.wp-block-latest-posts__post-date {
    color: #000 !important;
}

/* 投稿一覧（カテゴリーページなど）の日付 */
.entry-meta .published,
.entry-meta .updated {
    color: #000 !important;
}