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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/* ============================================
   GHOST IN THE SHELL - MONO SELECT THEME
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@400;700&display=swap');

:root {
  --g-bg: #0a0e17;
  --g-panel: rgba(15,23,42,0.92);
  --g-border: rgba(0,255,65,0.25);
  --g-green: #00ff41;
  --g-gdim: #00cc33;
  --g-cyan: #00d4ff;
  --g-txt: #c8d6e5;
  --g-txtb: #e8f0fe;
  --g-glow: 0 0 10px rgba(0,255,65,0.4),0 0 30px rgba(0,255,65,0.15);
  --g-cglow: 0 0 10px rgba(0,212,255,0.4),0 0 30px rgba(0,212,255,0.15);
}
body,body.public-page{background:var(--g-bg)!important;color:var(--g-txt)!important}
body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,0.015) 2px,rgba(0,255,65,0.015) 4px)}
#content-in::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(0,255,65,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,0.03) 1px,transparent 1px);background-size:60px 60px}
.header,#header,.header-container,.header-container-in{background:var(--g-panel)!important;border-bottom:1px solid var(--g-border)!important;box-shadow:0 2px 20px rgba(0,255,65,0.1)!important}
.site-name-text,.site-name-text-link,.logo-text{color:var(--g-green)!important;font-family:'Orbitron',monospace!important;text-shadow:var(--g-glow)!important;letter-spacing:2px!important}
.tagline{color:var(--g-cyan)!important;font-family:'Share Tech Mono',monospace!important}
.navi,#navi,.navi-in,.menu-header{background:rgba(10,14,23,0.95)!important;border-bottom:1px solid var(--g-border)!important}
.navi a,.menu-header a,#navi a{color:var(--g-txt)!important;font-family:'Share Tech Mono',monospace!important;text-transform:uppercase;letter-spacing:1px;font-size:13px!important;transition:all .3s ease!important}
.navi a:hover,.menu-header a:hover{color:var(--g-green)!important;text-shadow:var(--g-glow)!important;background:rgba(0,255,65,0.08)!important}
.entry-card-wrap,.entry-card,.widget-entry-card-link{background:var(--g-panel)!important;border:1px solid var(--g-border)!important;border-radius:4px!important;transition:all .4s ease!important}
.entry-card-wrap:hover,.widget-entry-card-link:hover{border-color:var(--g-green)!important;box-shadow:var(--g-glow),inset 0 0 30px rgba(0,255,65,0.03)!important;transform:translateY(-3px)!important}
.entry-card-title,.card-title{color:var(--g-txtb)!important}
.entry-card-wrap:hover .entry-card-title{color:var(--g-green)!important}
.entry-card-snippet,.entry-card-meta,.post-date,.post-update{color:rgba(200,214,229,0.6)!important;font-family:'Share Tech Mono',monospace!important;font-size:12px!important}
.entry-card-thumb{position:relative;overflow:hidden}
.entry-card-thumb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,65,0.1) 0%,transparent 50%,rgba(0,212,255,0.08) 100%);pointer-events:none}
.article,.article-body{background:var(--g-panel)!important;border:1px solid var(--g-border)!important;border-radius:4px!important}
.entry-title{color:var(--g-green)!important;text-shadow:0 0 8px rgba(0,255,65,0.3)!important;border-bottom:2px solid var(--g-border)!important}
.entry-content h2{color:var(--g-cyan)!important;border-left:4px solid var(--g-green)!important;border-bottom:none!important;background:rgba(0,255,65,0.05)!important;padding:.6em 1em!important;text-shadow:0 0 6px rgba(0,212,255,0.3)!important}
.entry-content h3{color:var(--g-gdim)!important;border-left:3px solid var(--g-cyan)!important;padding-left:.8em!important}
.entry-content p{color:var(--g-txt)!important;line-height:1.9!important}
.entry-content a{color:var(--g-cyan)!important;border-bottom:1px dashed rgba(0,212,255,0.4)!important;text-decoration:none!important}
.entry-content a:hover{color:var(--g-green)!important;text-shadow:var(--g-glow)!important}
.sidebar,#sidebar{background:transparent!important}
.widget,aside .widget{background:var(--g-panel)!important;border:1px solid var(--g-border)!important;border-radius:4px!important}
.widget-title,.widget_title{background:linear-gradient(90deg,rgba(0,255,65,0.15),transparent)!important;color:var(--g-green)!important;border-bottom:1px solid var(--g-border)!important;font-family:'Orbitron',monospace!important;font-size:13px!important;letter-spacing:2px!important;text-transform:uppercase}
.widget a{color:var(--g-txt)!important}
.widget a:hover{color:var(--g-cyan)!important;text-shadow:var(--g-cglow)!important}
.footer,#footer,.footer-bottom{background:var(--g-bg)!important;border-top:1px solid var(--g-border)!important;color:rgba(200,214,229,0.5)!important}
.footer a{color:var(--g-gdim)!important}
.breadcrumb{background:rgba(15,23,42,0.6)!important;color:rgba(200,214,229,0.5)!important;font-family:'Share Tech Mono',monospace!important;font-size:12px!important}
.breadcrumb a{color:var(--g-cyan)!important}
.btn,.btn-l,.pagination a{background:transparent!important;border:1px solid var(--g-green)!important;color:var(--g-green)!important;font-family:'Share Tech Mono',monospace!important;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease!important}
.btn:hover,.btn-l:hover,.pagination a:hover{background:rgba(0,255,65,0.15)!important;box-shadow:var(--g-glow)!important;color:#fff!important}
.pagination .current{background:var(--g-green)!important;color:var(--g-bg)!important;box-shadow:var(--g-glow)!important}
::-webkit-scrollbar{width:8px;background:var(--g-bg)}
::-webkit-scrollbar-thumb{background:rgba(0,255,65,0.3);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,255,65,0.5)}
::selection{background:rgba(0,255,65,0.3);color:#fff}
.cat-label,.category-label{background:rgba(0,255,65,0.15)!important;color:var(--g-green)!important;border:1px solid var(--g-border)!important;font-family:'Share Tech Mono',monospace!important;font-size:11px!important}
.search-edit,input[type="search"],input[type="text"]{background:rgba(15,23,42,0.8)!important;border:1px solid var(--g-border)!important;color:var(--g-txt)!important}
input[type="search"]:focus,input[type="text"]:focus{border-color:var(--g-green)!important;box-shadow:var(--g-glow)!important}
.sns-share a,.sns-follow a{background:var(--g-panel)!important;border:1px solid var(--g-border)!important;color:var(--g-txt)!important}
.sns-share a:hover,.sns-follow a:hover{border-color:var(--g-cyan)!important;box-shadow:var(--g-cglow)!important}
.toc,.toc-content{background:var(--g-panel)!important;border:1px solid var(--g-border)!important}
.toc-title{color:var(--g-green)!important}
.toc a{color:var(--g-txt)!important}
.toc a:hover{color:var(--g-cyan)!important}
.logo-header img:hover,.site-logo-image:hover img{animation:gits-glitch .3s ease-in-out}
@keyframes gits-glitch{0%{filter:none}20%{filter:hue-rotate(90deg) saturate(2);transform:translate(2px,-1px)}40%{filter:hue-rotate(-90deg) brightness(1.5);transform:translate(-2px,1px)}60%{filter:hue-rotate(45deg) contrast(1.5);transform:translate(1px,2px)}80%{filter:hue-rotate(-45deg) saturate(1.5);transform:translate(-1px,-2px)}100%{filter:none;transform:translate(0,0)}}
@keyframes neon-pulse{0%,100%{opacity:.8}50%{opacity:1;text-shadow:0 0 15px rgba(0,255,65,0.6),0 0 40px rgba(0,255,65,0.3)}}
.site-name-text:hover,.site-name-text-link:hover{animation:neon-pulse 2s ease-in-out infinite!important}

/* === Cocoon設定の色を上書き === */
.tagline {
  background: transparent !important;
  background-color: transparent !important;
}
/* Cocoonヘッダーロゴ部の背景色上書き */
.header .header-in,
.header-in,
.logo-header,
.appeal {
  background: transparent !important;
  background-color: transparent !important;
}
/* NOT FOUND ページの見出し */
.not-found-title, .entry-title {
  color: var(--g-green) !important;
}
/* 全体的な黒テキスト防止 */
#page * {
  border-color: var(--g-border) !important;
}
/* フォーム要素 */
select, textarea {
  background: rgba(15,23,42,0.8) !important;
  color: var(--g-txt) !important;
  border: 1px solid var(--g-border) !important;
}
/* Cocoon固有の色リセット */
a { color: var(--g-cyan) !important; }
a:hover { color: var(--g-green) !important; }
/* アピールエリア */
.appeal-content { background: transparent !important; }


/* === ENHANCED SITE NAME VISIBILITY === */
.site-name-text,
.site-name-text a,
.logo-header a,
.site-name-text a:hover {
  color: #ffffff !important;
  font-family: 'M PLUS 1 Code', 'Share Tech Mono', monospace !important;
  font-weight: 700 !important;
  font-size: 1.8em !important;
  text-shadow: 0 0 10px var(--g-cyan), 0 0 20px var(--g-cyan), 0 0 40px rgba(0,212,255,0.3) !important;
  letter-spacing: 0.05em;
}
.site-name-text a:hover {
  text-shadow: 0 0 15px var(--g-green), 0 0 30px var(--g-green), 0 0 60px rgba(0,255,65,0.4) !important;
}
/* Logo image glow */
.logo-header img,
.site-logo-image {
  filter: drop-shadow(0 0 8px var(--g-cyan)) brightness(1.1) !important;
}
.logo-header img:hover,
.site-logo-image:hover {
  filter: drop-shadow(0 0 15px var(--g-green)) brightness(1.2) !important;
}