@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* WordPressテーマの干渉を強制的に上書きする修正コード */

/* 1. プロンプトボックス（黒背景部分） */
.post-container .prompt-box {
    background-color: #111827 !important; /* 強制的に濃い紺色背景に */
    background: #111827 !important;
    border-radius: 10px !important;
    padding: 24px !important;
    border-top: 3px solid #10b981 !important;
    display: block !important;
}

/* ボックス内の全テキスト・見出し・記号を「白系」に強制 */
.post-container .prompt-box,
.post-container .prompt-box *,
.post-container .prompt-box h2,
.post-container .prompt-box p,
.post-container .prompt-box span,
.post-container .prompt-box pre {
    color: #e2e8f0 !important; /* 明るいグレー */
}

.post-container .prompt-box strong,
.post-container .prompt-box-label {
    color: #6ee7b7 !important; /* ラベルは明るい緑 */
}

/* 2. まとめバナー（濃紺バナー部分） */
.post-container .summary-banner {
    background: linear-gradient(135deg, #1a3a5c 0%, #2563a8 100%) !important;
    border-radius: 10px !important;
    padding: 32px !important;
    display: block !important;
}

/* バナー内の全テキストを「完全な白」に強制 */
.post-container .summary-banner,
.post-container .summary-banner *,
.post-container .summary-banner h2,
.post-container .summary-banner ul li {
    color: #ffffff !important;
}

/* バナー内のリンクだけは「目立つ黄色」に強制 */
.post-container .summary-banner a {
    color: #ffd770 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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