/*
 Theme Name:   Sydney Child - CUE Official
 Theme URI:    https://cue.official.jp
 Description:  Sydney テーマの子テーマ（CUE Official カスタム用）
 Author:       CUE Official
 Author URI:   https://cue.official.jp
 Template:     sydney
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  sydney-child
*/

/* ==========================================================================
   CUE Official - カスタムCSS
   ここにCSSを追記するとSydneyテーマのスタイルを上書きできます
   ========================================================================== */

/* --- 例: カラー変数（必要に応じて変更） --- */
/*
:root {
    --cue-primary: #2d3436;
    --cue-accent: #00b894;
    --cue-bg: #ffffff;
    --cue-text: #2d3436;
}
*/

/* --- ここからカスタムCSSを記述 --- */

/* サイドバーの「最近のコメント (Recent Comments)」を非表示にする */
.widget_recent_comments,
.wp-block-latest-comments {
    display: none !important;
}

/* サイドバー内の Recent Comments の見出し（h2やh3）がある場合も非表示 */
.widget_recent_comments-title,
.wp-block-heading:has(+ .wp-block-latest-comments) {
    display: none !important;
}

/* 投稿一覧（アーカイブ/グリッド）のタイトル文字を小さくする */
.blog .title-post,
.archive .title-post {
    font-size: 1.25rem;
    /* デフォルトより小さく（約20px前後） */
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* ========================================================
   ヘッダーの背景色反転（ダークブルー系）と文字色の白色化
   ======================================================== */
header#masthead,
.site-header,
.site-header.float-header,
.shfb-header,
.sticky-header-active .has-sticky-header .shfb-main_header_row,
.shfb-sticky-header.sticky-active {
    background-color: #1a2332 !important;
}

/* メニューのリンク文字・アイコンを白色に */
#mainnav ul li a,
.shfb-header a,
.site-header a,
.header-search-icon,
.header-search-icon i,
.site-header .social-menu-widget a,
.btn-menu {
    color: #ffffff !important;
}

/* ホバー時のメニュー文字色 */
#mainnav ul li a:hover,
.shfb-header a:hover,
.site-header a:hover {
    color: #94a3b8 !important;
}

/* ヘッダー右側にある検索アイコン（虫眼鏡）を非表示にする */
.header-search,
.header-search-icon,
.shfb-search,
.shfb-search-wrap {
    display: none !important;
}

/* スクロール時の画面バウンス（「引っ張って更新」のような挙動）を無効化 */
html,
body {
    overscroll-behavior-y: none !important;
}

/* ヘッダー自体のスクロール時のスライド・バウンスアニメーションを無効化 */
.site-header,
.shfb-header,
#masthead,
.site-header.float-header {
    transition: none !important;
    animation: none !important;
}

/* スマホ用ハンバーガーメニューのアイコン色を白にする */
.shfb-component-mobile_hamburger .menu-toggle svg {
    fill: #ffffff !important;
}

/* スマホ用メニュー（オフキャンバス）の中身を強制的に表示する */
.shfb-component-mobile_offcanvas_menu {
    display: block !important;
}

/* ページネーション（数字、現在のページ、省略のドットなど）が見えなくなる問題の修正 */
.nav-links .page-numbers,
.pagination .page-numbers,
.page-numbers.current,
.page-numbers.dots {
    color: #333333 !important;
    display: inline-block !important;
}