@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
* エディタ（Gutenberg）の視認性修正
************************************/

/* 1. 背景が白すぎて文字が見えにくい問題を解消 */
.editor-styles-wrapper {
    background-color: #fcfcfc !important; /* ほんの少しグレーを混ぜて目に優しく */
    padding-top: 40px !important;       /* 上部に余裕を持たせる */
}

/* 2. 細すぎる文字を「くっきり」させる */
.editor-styles-wrapper .wp-block-paragraph,
.editor-styles-wrapper .wp-block {
    font-weight: 500 !important;      /* 400（標準）より少し太く */
    color: #333333 !important;        /* 文字色を濃くしてコントラストを上げる */
    line-height: 1.9 !important;      /* 行間を広げてブログ投稿しやすく */
}

/* 3. タイトル部分も見やすく修正 */
.editor-post-title__block .editor-post-title__input {
    font-weight: bold !important;
    color: #222222 !important;
    font-family: sans-serif !important; /* フォントを標準の読みやすいものに */
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}