/*
 Theme Name: Cocoon Child
 Template: cocoon-master
*/

/* =================================================
   1. 外部フォント・基本設定
   ================================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');



/* =================================================
   2. 全体背景とオーバーレイ
   ================================================= */
body {
  background-image: url("http://watasitatinotyousenn.life/wp-content/uploads/2026/04/Gemini_Generated_Image_395djv395djv395d-2-scaled.png");
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-color: #0b0f19;
  font-family: 'Noto Sans JP', sans-serif;
}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(5, 8, 20, 0.75);
  z-index: -1;
  pointer-events: none;
}

/* =================================================
   3. ヘッダー・グローバルナビゲーション（白飛び修正済）
   ================================================= */
.header, #header, .header-container, .header-in, .common-header-in, #navi {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.site-name-text {
  font-family: 'Bebas Neue', 'Noto Sans JP', sans-serif;
  font-size: 42px;
  letter-spacing: 8px;
  color: #e6f1ff;
  text-transform: uppercase;

  text-shadow:
    0 0 5px #00f7ff,
    0 0 10px #00f7ff,
    0 0 20px #00c3ff,
    0 0 40px #0077ff,
    0 0 80px rgba(0, 247, 255, 0.6);
}

.navi-in {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0, 255, 255, 0.3) !important;
  border-radius: 40px;
}

.navi-in a {
  color: #e6f1ff !important;
  transition: 0.3s;
  font-weight: bold;
}

.navi-in a:hover {
  color: #00f7ff !important;      
  background: #000000 !important; 
  border-radius: 8px !important;  
}

/* =================================================
   7. 見出し（H2）とボタン
   ================================================= */
.article h2, .entry-content h2 {
  background: rgba(0, 0, 0, 0.7) !important;
  color: #ffffff !important;
  border-left: 5px solid #00f7ff !important;
  padding: 10px 15px !important;
}

.wp-block-button__link {
  background: linear-gradient(135deg, #00f7ff, #7b61ff);
  border-radius: 8px;
  transition: 0.3s;
}
.wp-block-button__link:hover {
  filter: brightness(1.2);
  box-shadow: 0 0 15px rgba(0, 247, 255, 0.6);
}

/* =================================================
   8. フッター
   ================================================= */
.footer, #footer {
  background: rgba(0, 0, 0, 0.8) !important;
  border-top: 1px solid rgba(0, 255, 255, 0.3) !important;
}
.footer a {
  color: #ffffff !important;
  transition: 0.3s;
  padding: 6px 12px;
  border-radius: 8px;
}
.footer a:hover {
  color: #00f7ff !important;
  background-color: #000000 !important;
}

/* =================================================
   9. レスポンシブ設定（スマホ対応）
   ================================================= */
@media (max-width: 768px) {
  body { background-attachment: scroll; }
  .main, .widget { padding: 20px !important; }
}

/* =================================================
   タグ検索 修正版（ネオンUI）
   ================================================= */

.tagcloud a,
.widget_tag_cloud a {
  display: inline-block !important;
  color: #e6f1ff !important;
  background: rgba(255,255,255,0.05) !important;

  border: 1px solid rgba(0,247,255,0.35) !important;
  border-radius: 10px !important;

  padding: 8px 12px !important;
  margin: 4px !important;

  box-shadow: 0 0 8px rgba(0,247,255,0.15);
  transition: 0.3s !important;
}

.tagcloud a:hover,
.widget_tag_cloud a:hover {
  color: #00f7ff !important;
  background: #000 !important;

  box-shadow:
    0 0 10px rgba(0,247,255,0.5),
    0 0 20px rgba(0,247,255,0.25);
}