@charset "UTF-8";

/*!
Skin Name: Daisy Black Orange Safe
Description: 黒ベース＋オレンジアクセントの安全版デイジースキン。Cocoonメニュー展開には干渉しない。
Skin URI: https://dvtv.d-v.co.jp/
Author: デジビジヨン / Daisy
Author URI: https://dvtv.d-v.co.jp/
Version: 1.1.0
Priority: 9999000000
*/

/* =========================
   Daisy Safe Color Base
   ※ヘッダー・ナビ・サブメニューには干渉しない
========================= */

:root {
  --daisy-bg: #080b10;
  --daisy-panel: #111722;
  --daisy-panel-2: #161d29;
  --daisy-border: #2c3647;
  --daisy-text: #e9eef5;
  --daisy-muted: #9fb0c6;
  --daisy-orange: #ff8a00;
  --daisy-orange-light: #ffb347;
}

/* 全体背景 */
body {
  background: var(--daisy-bg);
  color: var(--daisy-text);
}

/* Cocoon本文まわり */
#container,
#content,
.content,
.content-in,
.main,
.article,
.sidebar,
.widget,
.entry-content {
  background-color: var(--daisy-bg);
  color: var(--daisy-text);
}

/* メイン記事・サイドバーの箱 */
.main,
.sidebar,
.article,
.widget {
  background: var(--daisy-panel);
  border: 1px solid var(--daisy-border);
  border-radius: 14px;
}

/* リンク */
a {
  color: #ff9a1f;
}

a:hover {
  color: var(--daisy-orange-light);
}

/* 見出し */
.article h1 {
  color: #ffffff;
  border-bottom: 2px solid var(--daisy-orange);
  padding-bottom: 0.4em;
}

.article h2 {
  color: #ffffff;
  background: linear-gradient(90deg, #ff8a00 0%, #242d3b 18%, #18202c 100%);
  border-left: 6px solid var(--daisy-orange-light);
  border-radius: 10px;
  padding: 0.75em 1em;
}

.article h3 {
  color: #ffffff;
  border-left: 5px solid var(--daisy-orange);
  background: #1a2230;
  border-radius: 8px;
  padding: 0.6em 0.9em;
}

/* 記事カード・関連記事・目次 */
.entry-card-wrap,
.related-entry-card-wrap,
.blogcard-wrap,
.toc,
.comment-area,
.pager-post-navi {
  background: var(--daisy-panel-2);
  border: 1px solid var(--daisy-border);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* ボタン */
.btn,
.button,
input[type="submit"],
.wp-block-button__link {
  background: linear-gradient(135deg, var(--daisy-orange), var(--daisy-orange-light));
  color: #111111 !important;
  border: none;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(255, 138, 0, 0.35);
}

/* テーブル */
.article table {
  background: #111722;
  color: var(--daisy-text);
  border-color: #30394a;
}

.article th {
  background: var(--daisy-orange);
  color: #111111;
}

.article td {
  border-color: #30394a;
}

/* フォーム */
input,
textarea,
select {
  background: #0e141d;
  color: #ffffff;
  border: 1px solid #38445a;
  border-radius: 8px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--daisy-orange);
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 138, 0, 0.2);
}

/* フッター */
.footer,
.footer-in {
  background: #070a0f;
  color: #d8dee8;
}

.footer a {
  color: #ff9a1f;
}

/* 投稿日・更新日を非表示 */
.date-tags,
.post-date,
.post-update,
.entry-date,
.update-date {
  display: none !important;
}

/* スマホ */
@media screen and (max-width: 834px) {
  .main,
  .sidebar,
  .article,
  .widget {
    border-radius: 10px;
  }

  .article h2 {
    font-size: 1.1em;
  }
}

/* =========================
   Daisy Safe: ヘッダーを黒ベースにする
   ※メニュー展開を壊さないため display/overflow/z-index は触らない
========================= */

/* ヘッダー全体 */
#header-container,
.header-container,
.header-container-in,
#header,
.header,
.header-in,
.logo-header {
  background: #05070b !important;
  color: #ffffff !important;
}

/* サイト名 DVTv */
.site-name-text,
.logo-text,
.logo-header a,
.header a {
  color: #ffffff !important;
}

/* ヘッダーメニュー */
.menu-header,
.menu-header-container,
.menu-header ul,
.menu-header li,
.menu-header a,
.header-container .menu,
.header-container .menu li,
.header-container .menu a {
  background-color: #05070b !important;
  color: #ffffff !important;
}

/* 親メニュー hover / 現在位置 */
.menu-header > li:hover > a,
.menu-header li:hover > a,
.header-container .menu > li:hover > a,
.header-container .menu li:hover > a,
.current-menu-item > a,
.current-menu-parent > a {
  background: #ff8a00 !important;
  color: #111111 !important;
}

/* サブメニューの色だけ調整 */
.sub-menu,
.sub-menu li,
.sub-menu a {
  background-color: #05070b !important;
  color: #ffffff !important;
}

/* サブメニュー hover */
.sub-menu li:hover > a,
.sub-menu a:hover {
  background: #ff8a00 !important;
  color: #111111 !important;
}

/* ヘッダー下に細いオレンジ線 */
#header-container,
.header-container {
  border-bottom: 2px solid #ff8a00 !important;
}