/* ======================================
   rihobeer.com UI最適化 v2.1.0 (2026-03-18)
   第13条準拠: Cocoon標準テーマ準拠
   ====================================== */

/* --- ヘッダーコンパクト化 --- */
/* ヘッダー画像のみコンパクト化（ナビバーは含めない） */
.header-container .site-logo-image,
.header-container-in .header-in img {
    max-height: 280px !important;
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
}





/* --- 記事タイトル強調 --- */
.article h1.entry-title {
    font-size: 1.6em;
    line-height: 1.4;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
    border-bottom: 2px solid #e0e0e0;
}

/* --- 目次改善 --- */
.toc {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 1em;
    margin: 1.5em 0;
}

/* --- モバイル最適化 --- */
@media (max-width: 768px) {
    .header-container .site-logo-image,
    .header-container-in .header-in img {
        max-height: 160px !important;
    }

    .article h1.entry-title {
        font-size: 1.3em;
    }

    .navi-in > ul > li {
        font-size: 0.85em;
    }
}


/* ======================================
   UI最適化 v2.2.0: E-E-A-T + トップページ改善
   ====================================== */

/* --- 著者プロフィールカード強化 --- */
.author-box {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 1.2em !important;
    margin: 1em 0 !important;
    background: #fafafa !important;
}

.author-box .author-name {
    font-size: 1.1em !important;
    font-weight: bold !important;
}

/* --- サイドバー整理 --- */
.sidebar .widget {
    margin-bottom: 1.5em;
}

.sidebar .widget-title {
    font-size: 1em;
    padding: 0.5em 0.8em;
    border-radius: 4px;
}

/* --- 人気記事カード改善 --- */
.popular-entry-card {
    transition: transform 0.2s ease;
}

.popular-entry-card:hover {
    transform: translateY(-2px);
}

/* --- タグクラウド改善 --- */
.tagcloud a {
    display: inline-block !important;
    padding: 4px 10px !important;
    margin: 3px !important;
    border: 1px solid #ddd !important;
    border-radius: 16px !important;
    font-size: 0.85em !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}

.tagcloud a:hover {
    background: #f0f0f0 !important;
}

/* --- パンくずリスト強調 --- */
.breadcrumb {
    padding: 8px 0 !important;
    margin-bottom: 8px !important;
    font-size: 0.85em !important;
}

/* --- 記事メタ情報改善 --- */
.entry-date {
    font-size: 0.85em;
    color: #666;
}

/* --- モバイル: 人気記事横スクロール改善 --- */
@media (max-width: 768px) {
    .popular-entry-card-thumb {
        min-height: 120px !important;
    }

    /* タグクラウドコンパクト */
    .tagcloud a {
        font-size: 0.8em !important;
        padding: 3px 8px !important;
    }
}




/* ======================================
   UI最適化 v2.3.1: recommend_books制御 + ナビ + 言語
   ====================================== */

/* --- 記事ページで .recommendations を非表示 --- */
body.single .recommendations,
body.page:not(.home) .recommendations {
    display: none !important;
}

/* --- 言語ドロップダウン右寄せ・コンパクト --- */
.content-top .widget_polylang {
    max-width: 200px !important;
    margin-left: auto !important;
}

.content-top .widget_polylang select {
    padding: 4px 8px !important;
    font-size: 0.85em !important;
}

/* --- グローバルナビ中央揃え --- */
.navi-in > ul {
    justify-content: center !important;
}

.navi-in > ul > li > a {
    padding: 8px 14px !important;
    font-size: 0.9em !important;
    white-space: nowrap !important;
}

/* --- モバイル: 言語ドロップダウン非表示 --- */
@media (max-width: 768px) {
    .content-top .widget_polylang {
        display: none !important;
    }
}




/* --- グローバルナビ強制表示 --- */
#navi {
    background: #fff !important;
    border-bottom: 2px solid #d4a017 !important;
    position: relative !important;
    z-index: 99 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

#navi .navi-in > ul {
    justify-content: center !important;
}

#navi .navi-in > ul > li > a {
    color: #333 !important;
    padding: 10px 16px !important;
    font-size: 0.9em !important;
}

#navi .navi-in > ul > li > a:hover {
    color: #d4a017 !important;
    background: #f8f4e8 !important;
}