/*
Theme Name: Neve Child
Template: neve
*/

/* ============================================================
   コラム記事 スタイル改善
   neve-child/style.css の末尾に追記してください
   ============================================================ */

/* ----------------------------------------------------------
   1. テーブル：ストライプ＋ヘッダー強調
   ---------------------------------------------------------- */
.single-post .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.75em 0;
    font-size: 0.95em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    overflow: hidden;
}

.single-post .entry-content table thead tr {
    background-color: #2c5f8a;
    color: #ffffff;
    text-align: left;
}

.single-post .entry-content table th,
.single-post .entry-content table td {
    padding: 0.75em 1em;
    border: none !important;
    border-bottom: 1px solid #e8eef3 !important;
    vertical-align: top;
    line-height: 1.6;
}

/* 最終行の下線を消す */
.single-post .entry-content table tbody tr:last-child td {
    border-bottom: none !important;
}

.single-post .entry-content table tbody tr:nth-child(even) {
    background-color: #f4f8fb;
}

.single-post .entry-content table tbody tr:hover {
    background-color: #eaf2f8;
    transition: background-color 0.15s ease;
}

/* ----------------------------------------------------------
   2. ul リスト：チェックマーク風アイコン
   Neve親テーマが padding/margin をリセットしているため
   詳細度を上げて上書きする
   ---------------------------------------------------------- */

/* ul 自体のリセット上書き */
body.single-post .entry-content ul.wp-block-list,
body.single-post .entry-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    --liststyle: none;
}

/* li のパディング確保（親テーマの margin:0; padding:0; を上書き） */
body.single-post .entry-content ul.wp-block-list > li,
body.single-post .entry-content ul > li {
    position: relative !important;
    padding-left: 1.6em !important;
    margin-bottom: 0.55em !important;
    line-height: 1.7 !important;
    list-style: none !important;
}

/* ::before でチェックマークを描画
   親テーマの ::after, ::before { box-sizing: border-box } より詳細度を上げる */
body.single-post .entry-content ul.wp-block-list > li::before,
body.single-post .entry-content ul > li::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0.15em !important;
    top: 0.52em !important;
    width: 8px !important;
    height: 5px !important;
    background: transparent !important;
    border-style: solid !important;
    border-color: #2c5f8a !important;
    border-width: 0 0 2px 2px !important;
    border-radius: 0 !important;
    transform: rotate(-45deg) !important;
    box-sizing: border-box !important;
}

/* ----------------------------------------------------------
   3. h2 見出し：左アクセントライン＋淡いグラデ背景
   ---------------------------------------------------------- */
.single-post .entry-content h2 {
    font-size: 1.35em;
    font-weight: 700;
    margin-top: 2.5em;
    margin-bottom: 0.9em;
    padding: 0.45em 0 0.45em 0.85em !important;
    border-left: 4px solid #2c5f8a !important;
    border-bottom: 1px solid #d6e4ef !important;
    background: linear-gradient(to right, #f0f6fb, transparent);
    color: #1a2e3d;
    line-height: 1.5;
}

/* ----------------------------------------------------------
   4. h3 見出し：シンプルな下線アクセント
   ---------------------------------------------------------- */
.single-post .entry-content h3 {
    font-size: 1.1em;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 0.7em;
    padding-bottom: 0.35em;
    border-bottom: 2px solid #d6e4ef;
    color: #1a2e3d;
}

/* ----------------------------------------------------------
   5. セパレーター（hr）：細く控えめに
   ---------------------------------------------------------- */
.single-post .entry-content hr,
.single-post .entry-content .wp-block-separator {
    border: none !important;
    border-top: 1px solid #dde8f0 !important;
    margin: 2.5em 0 !important;
    opacity: 0.6;
}

/* ----------------------------------------------------------
   6. 「この記事でわかること」ブロック（冒頭リスト）
   ---------------------------------------------------------- */
body.single-post .entry-content > ul:first-of-type,
body.single-post .entry-content .wp-block-list:first-of-type {
    background: #f0f6fb !important;
    border: 1px solid #c8dded !important;
    border-radius: 8px;
    padding: 1.25em 1.5em 1.25em 2em !important;
    margin-bottom: 2em !important;
}

/* ----------------------------------------------------------
   7. 強調テキスト（strong）
   ---------------------------------------------------------- */
.single-post .entry-content strong {
    color: #1a4a6e;
    font-weight: 700;
}

/* ----------------------------------------------------------
   8. リンク：ドット下線
   ---------------------------------------------------------- */
.single-post .entry-content p a,
.single-post .entry-content li a {
    color: #2c5f8a;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    transition: color 0.15s ease;
}

.single-post .entry-content p a:hover,
.single-post .entry-content li a:hover {
    color: #1a4a6e;
    text-decoration-style: solid;
}
 
/* ============================================================
   ② サイト名「今夜もASMR」フォント・スタイル
   ============================================================ */
.site-title,
.site-logo .site-title,
.nv-title-tagline-wrap .site-title {
    font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic Pro', sans-serif !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    letter-spacing: 0.03em !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
 
/* ホバー時も同色を維持 */
.site-logo a:hover .site-title,
.site-logo .brand:hover .site-title {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important;
}
 
/* ============================================================
   ③ ロゴエリア全体の最大幅を拡張
      （デフォルト --maxwidth:32px がアイコンサイズ基準のため）
   ============================================================ */
.builder-item--logo {
    --maxwidth: 200px !important;
}
 
.site-logo .title-with-logo {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}
 
.site-logo .nv-title-tagline-wrap {
    display: block !important;
}

.neve-site-logo {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
}