@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){
  /*必要ならばここにコードを書く*/
}/* ========================================
   オトナの漫画BOOK - 完全デザインCSS
   ======================================== */

:root {
  --bg: #0a0608;
  --bg2: #120c10;
  --bg3: #1a1018;
  --accent: #c8243a;
  --accent2: #e8453c;
  --gold: #d4a843;
  --gold2: #f0c860;
  --text: #f0e8e0;
  --text-dim: #a09088;
  --border: rgba(200,36,58,0.25);
  --border-gold: rgba(212,168,67,0.3);
}

* { margin:0; padding:0; box-sizing:border-box; }

body { 
  background:var(--bg) !important; 
  color:var(--text) !important; 
  font-family:'Noto Serif JP',serif !important; 
  overflow-x:hidden; 
}

/* Header Override */
#header, .header, header {
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
  background:rgba(10,6,8,0.98) !important;
  backdrop-filter:blur(12px) !important;
  border-bottom:1px solid var(--border-gold) !important;
  padding:0 1rem !important;
}

.header-container {
  max-width:1200px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:56px !important;
}

.logo, .site-name-text {
  font-family:'Shippori Mincho',serif !important;
  font-size:1.1rem !important;
  font-weight:800 !important;
  color:var(--gold) !important;
  letter-spacing:0.1em !important;
  text-decoration:none !important;
}

/* Card Styles */
.entry-card, .article, .post {
  background:var(--bg2) !important;
  border:1px solid var(--border) !important;
  transition:all 0.3s !important;
}

.entry-card:hover {
  border-color:var(--gold) !important;
  transform:translateY(-4px) !important;
  box-shadow:0 12px 32px rgba(0,0,0,0.5) !important;
}

/* Thumbnails with Gold Border */
.entry-card-thumb, .thumbnail, img {
  border:2px solid var(--gold) !important;
  box-shadow:0 0 20px rgba(212,168,67,0.3), inset 0 0 30px rgba(212,168,67,0.08) !important;
}

/* Links */
a {
  color:var(--text-dim) !important;
  transition:color 0.2s !important;
}

a:hover {
  color:var(--gold) !important;
}

/* Buttons */
.btn, button, input[type="submit"] {
  background:var(--accent) !important;
  color:white !important;
  border:none !important;
  padding:0.75rem 1.5rem !important;
  font-weight:700 !important;
  transition:all 0.3s !important;
}

.btn:hover, button:hover {
  background:var(--accent2) !important;
  transform:translateY(-2px) !important;
}

/* Sidebar */
.sidebar, .widget {
  background:var(--bg2) !important;
  border:1px solid var(--border-gold) !important;
  padding:1.5rem !important;
}

/* Footer */
.footer, footer {
  background:var(--bg2) !important;
  border-top:1px solid var(--border-gold) !important;
  padding:2rem 1rem !important;
  text-align:center !important;
}

.footer a {
  color:var(--text-dim) !important;
  text-decoration:none !important;
  font-size:0.7rem !important;
}

.footer a:hover {
  color:var(--gold) !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  color:var(--gold) !important;
  font-family:'Shippori Mincho',serif !important;
}

p, li, span {
  color:var(--text-dim) !important;
}

/* Forms */
input, textarea, select {
  background:var(--bg3) !important;
  border:1px solid var(--border-gold) !important;
  color:var(--text) !important;
  padding:0.75rem !important;
}

input:focus, textarea:focus, select:focus {
  outline:none !important;
  border-color:var(--gold) !important;
  box-shadow:0 0 0 2px rgba(212,168,67,0.2) !important;
}

/* Container */
.container, .main, .content {
  max-width:1200px !important;
  margin:0 auto !important;
  padding:2rem 1rem !important;
}

/* Rating Stars */
.rating, .stars {
  color:var(--gold) !important;
  font-size:1rem !important;
}

/* Meta Info */
.post-meta, .entry-meta, .meta {
  font-family:'Space Mono',monospace !important;
  font-size:0.7rem !important;
  color:var(--text-dim) !important;
}

/* Categories & Tags */
.category, .tag, .cat-link {
  font-family:'Space Mono',monospace !important;
  font-size:0.65rem !important;
  color:var(--accent) !important;
  letter-spacing:0.1em !important;
}

/* Pagination */
.pagination, .page-numbers {
  background:var(--bg2) !important;
  border:1px solid var(--border-gold) !important;
  color:var(--text) !important;
  padding:0.5rem 1rem !important;
}

.pagination a:hover {
  background:var(--gold) !important;
  color:var(--bg) !important;
}

/* Comments */
.comment, .comment-list {
  background:var(--bg2) !important;
  border:1px solid var(--border) !important;
  padding:1rem !important;
  margin-bottom:1rem !important;
}

/* Search */
.search-form input {
  background:var(--bg3) !important;
  border:1px solid var(--border-gold) !important;
  color:var(--text) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .header-container {
    flex-wrap:wrap !important;
  }
  
  .container, .main {
    padding:1.5rem 1rem !important;
  }
}