/*
 Theme Name:     X-T9 Child
 Description:    X-T9 の子テーマ
 Template:       x-t9
 Version:        1.0
 License:        GNU General Public License v2 or later
 License URI:    https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    x-t9-child
*/

/* ここから先にCSSを書く */


/* インラインコード（例：<code>） */
code {
  background-color: #F2F7FB; color: #222222;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 0.95em;
}

pre.wp-block-code {
  display: block;
  overflow-x: auto;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 0.95em;
}

pre.wp-block-code code {
  display: block !important;
  padding: 0.5em 0.5em !important;
  line-height: 1.5 !important;
}

.wp-block-query .wp-block-post-featured-image img {
    aspect-ratio: auto !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}


/* ------------------------------------------------------------
 * 投稿編集画面 (Gutenberg) のみに適用
 * サイトエディター (.is-site-editor) は除外する
 * ------------------------------------------------------------ */

/* サイトエディターではない（body:not(.is-site-editor)）場合のコンテンツ幅制限 */
:where(body:not(.is-site-editor)) .editor-styles-wrapper .is-root-container {
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 幅広 (Wide) ブロックの対応 */
:where(body:not(.is-site-editor)) .editor-styles-wrapper .is-root-container > .alignwide {
    max-width: 1100px !important;
    width: 1100px !important;
}

/* 全幅 (Full) ブロックの対応 */
:where(body:not(.is-site-editor)) .editor-styles-wrapper .is-root-container > .alignfull {
    max-width: none !important;
    width: 100% !important;
}