@charset "UTF-8";
/*
Theme Name: Emanon Free child
Theme URI: https://wp-emanon.jp
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Free の子テーマです。
Template: emanon-free
Version: 3.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Free 子テーマ用のスタイルを以下に記述
*/

/* ---- 最近の投稿ウィジェット スタイル調整（統合版） ---- */

/* 「最近の投稿」ウィジェットのみに適用 */
.sidebar .widget_block,
.sidebar .widget_recent_entries {

    /* 各投稿アイテムのレイアウト調整 */
    .wp-block-latest-posts > li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    /* サムネイルのサイズと位置調整 */
    .wp-block-latest-posts__featured-image {
        /* ここを107px x 60pxに修正 */
        width: 125px;
        height: 60px;
        flex-shrink: 0;
        /* Flexboxで画像を中央に配置 */
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    /* 画像そのもののサイズ調整 */
    .wp-block-latest-posts__featured-image img {
        /* ここをコンテナに合わせるよう修正 */
        width: 100%;
        height: 100%;
        object-fit: cover; /* 画像を切り取ってコンテナにフィットさせる */
    }

/* タイトルの位置調整 */
.wp-block-latest-posts__post-title {
    font-size: 13px !important;
    flex-grow: 1;
    margin-top: -15px;
    margin-left: 0;
    text-decoration: none;
    letter-spacing: 0em;
}


/* サムネイルがない投稿の調整（任意） */
.sidebar .widget_block .wp-block-latest-posts > li:not(:has(.wp-block-latest-posts__featured-image)) {
    display: block;
}

/* 最近の投稿ウィジェットのタイトル調整 */
.widget .wp-block-latest-posts__post-title {
    max-height: none !important; /* 高さを制限しない */
    overflow: visible !important; /* 隠さない */
    position: static !important; /* 位置指定をリセット */
    padding-right: 0 !important; /* パディングをリセット */
}

.widget .wp-block-latest-posts__post-title::after {
    content: none !important; /* 省略記号を削除 */
}

/* 抜粋文を確実に非表示にする */
.widget .wp-block-latest-posts__post-excerpt {
    display: none !important;
}
* --- サイドバーのタイトルを3行表示に限定 --- */
.widget .wp-block-latest-posts__post-title {
    line-height: 0; /* 行の高さをフォントサイズの1.5倍に設定 */
    max-height: 4.5em !important; /* 行の高さ × 3行分 (1.5 × 3 = 4.5) */
    overflow: hidden !important;
    position: relative !important;
    padding-right: 1em !important;
}

.widget .wp-block-latest-posts__post-title::after {
    content: "…" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    padding-right: 0.5em !important;
    background: #f7f7f7 !important; /* サイドバーの背景色に合わせて調整 */
}