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

/************************************
** DVTV全プラグイン共通ダークモード保護
** 2026-04-12 追加
** [data-theme="dark"] 付きDVTVコンテナ内の全要素を強制ダーク化
************************************/

/* 背景・テキスト基本 */
[id^="dvtv-"][data-theme="dark"],
[id^="dvtv-"][data-theme="dark"] div,
[id^="dvtv-"][data-theme="dark"] span,
[id^="dvtv-"][data-theme="dark"] p,
[id^="dvtv-"][data-theme="dark"] section,
[id^="dvtv-"][data-theme="dark"] article,
[id^="dvtv-"][data-theme="dark"] header,
[id^="dvtv-"][data-theme="dark"] footer,
[id^="dvtv-"][data-theme="dark"] main,
[id^="dvtv-"][data-theme="dark"] nav {
    color: #e0e0e0 !important;
}

/* テーブル */
[id^="dvtv-"][data-theme="dark"] table { background: transparent !important; }
[id^="dvtv-"][data-theme="dark"] th {
    background: #1e1e1e !important;
    color: #aaa !important;
    border-color: #444 !important;
}
[id^="dvtv-"][data-theme="dark"] td {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* フォーム要素 */
[id^="dvtv-"][data-theme="dark"] input,
[id^="dvtv-"][data-theme="dark"] select,
[id^="dvtv-"][data-theme="dark"] textarea {
    background: #383838 !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/* リンク */
[id^="dvtv-"][data-theme="dark"] a {
    color: #60a5fa !important;
}

/* リスト */
[id^="dvtv-"][data-theme="dark"] li {
    color: #e0e0e0 !important;
}

/* 見出し */
[id^="dvtv-"][data-theme="dark"] h1,
[id^="dvtv-"][data-theme="dark"] h2,
[id^="dvtv-"][data-theme="dark"] h3,
[id^="dvtv-"][data-theme="dark"] h4 {
    color: #e0e0e0 !important;
}

/* ボタン（プラグイン個別CSSが上書きするための下地） */
[id^="dvtv-"][data-theme="dark"] button {
    background: #383838 !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){
}
@media screen and (max-width: 834px){
}