/*
 Theme Name:   Hueman Child
 Template:     hueman
*/

/* 1. 両サイドのカラムをヘッダーと同じグレー（#33363B）にする */
.main-inner, .s1, .s2 {
    background-color: #33363B !important;
    background-image: none !important; /* 謎の薄グレー画像の出所を断つ */
}

/* 2. サイドバー全体とウィジェットも同じ色で統一 */
.sidebar, .widget {
    background-color: #33363B !important;
    color: #cccccc !important;
}

/* 3. 記事エリア（中央）の「白」を死守する */
.content {
    background-color: #ffffff !important;
}

/* 4. サイドバーの見出し装飾（ズーマーイエロー） */
.widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid #efc640 !important;
}

/* 5. リンク色 */
.sidebar a {
    color: #aaaaaa !important;
}
.sidebar a:hover {
    color: #efc640 !important;
}

/* Livedoorカテゴリ 濃い灰色背景 */
/*
.category-13,
.category-14,
.category-15,
.category-16,
.category-17 {
    background-color: #ffffff !important;
}
*/

/* ============================================================
   2. 記事一覧レイアウト（スリム化・余白カット版）
   ============================================================ */
/* 記事エリアの上下余白を大幅に削る */
.post-standard .post-inner {
    position: relative !important;
    padding-top: 15px !important;    /* 上の余白（40pxから削減） */
    padding-bottom: 5px !important;  /* 下の余白（大幅カット） */
    padding-left: 0 !important;
    background-color: #ffffff !important;
    min-height: 100px !important;    /* 最低の高さを120pxから100pxへ */
}

/* 記事と記事の間の隙間も詰める */
.post-standard {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #eee;   /* 境界線を細く入れる */
}

/* サムネイル枠の無効化 */
.post-standard .post-thumbnail {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}
.post-standard .post-thumbnail img {
    display: none !important;
}

/* コメントアイコン（黄色）の位置を上に詰める */
.post-standard .post-comments {
    position: absolute !important;
    left: 15px !important;
    top: 30px !important;    /* 余白を詰めた分、少し上に移動（45px→30px） */
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 10 !important;
}

/* アイコンの尖った部分を消去 */
.post-standard .post-comments::before {
    display: none !important;
}

/* テキストの左余白を維持しつつスリム化 */
.post-standard .post-content {
    width: 100% !important;
    padding-left: 80px !important; 
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* ============================================================
   3. カテゴリーウィジェットの階層インデント
   ============================================================ */
.widget_categories ul ul {
    padding-left: 15px !important;
    margin-top: 5px !important;
}
/* ============================================================
   3. ★カレンダー改造（投稿日をズーマーイエローに）
   ============================================================ */
/* 投稿がある日の数字をボタン風にする */
#wp-calendar tbody td a {
    background-color: #efc640 !important; /* ズーマーイエロー */
    color: #33363b !important;          /* 文字色は濃いグレーで視認性確保 */
    display: block !important;
    font-weight: bold !important;
    border-radius: 2px !important;      /* ほんの少し角丸 */
    padding: 2px 0 !important;
}

/* ホバーした時は色を反転させる */
#wp-calendar tbody td a:hover {
    background-color: #ffffff !important;
    color: #efc640 !important;
    text-decoration: none !important;
}

/* 今日の日付（#today）の装飾が干渉しないよう調整 */
#wp-calendar tbody td#today {
    color: #efc640 !important;
    font-weight: bold;
}

/* ブログタイトルと説明文の点滅（再描画干渉）を防止 */
.site-title, .site-description, #header-image-wrap {
    -webkit-backface-visibility: hidden; /* 裏面を隠してGPUレンダリングを安定させる */
    backface-visibility: hidden;
    transform: translateZ(0);            /* 強制的にハードウェア加速（GPU）レイヤーに送る */
    will-change: opacity;                /* 変化するのは不透明度だけだとブラウザに予告する */
}

/* タイトルが画像の下に隠れないように念のため重なり順を固定 */
.site-title {
    position: relative;
    z-index: 10;
}