/* ==========================================================================
   Custom Admin Title Style (30px / #7A7A7A) - Strict Admin Input Only
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. WordPress標準の投稿タイトル入力欄（新規投稿画面・既存投稿の通常編集画面）
   -------------------------------------------------------------------------- */

/* クラシックエディターのタイトル */
html body #title, 
html body #title-prompt-text {
    font-size: 30px !important;
    color: #7A7A7A !important;
    height: auto !important;
}

/* Gutenberg（ブロックエディター）の iframe 内タイトル入力 */
.editor-styles-wrapper h1.wp-block-post-title,
.editor-styles-wrapper .wp-block-post-title,
.editor-styles-wrapper [contenteditable="true"].wp-block-post-title,
.editor-styles-wrapper .editor-post-title__input,
.editor-styles-wrapper .editor-post-title__input textarea,
.wp-block-post-title,
.editor-post-title__input,
.editor-post-title__input textarea {
    font-size: 30px !important;
    color: #7A7A7A !important;
    line-height: 1.2 !important;
}

/* プレースホルダー（入力前のガイド文字） */
.editor-styles-wrapper .wp-block-post-title:empty:before,
.editor-styles-wrapper [data-rich-text-placeholder]::before,
.editor-styles-wrapper .editor-post-title__input::placeholder,
.wp-block-post-title:empty:before,
.editor-post-title__input::placeholder {
    color: #7A7A7A !important;
    opacity: 0.6 !important;
    font-size: 30px !important;
}


/* --------------------------------------------------------------------------
   2. コメントフォームエリアの左右の幅を狭めて中央寄せにする（左右に余白・パディングを追加）
   -------------------------------------------------------------------------- */
body.single .comments-area,
body.single-post .comments-area {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

body.single .comment-respond,
body.single-post .comment-respond {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* コメントエリア内のコメントフォームで二重パディングを防ぐ */
body.single .comments-area .comment-respond,
body.single-post .comments-area .comment-respond {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.single .comment-form input[type="text"],
body.single .comment-form input[type="email"],
body.single .comment-form input[type="url"],
body.single .comment-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
}
