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

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

/* ==============================================
 *     | 
 *    ============================================== */

/*  */
#header {
	  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #0f172a 100%) !important;
	  border-bottom: none !important;
}

/*  */
#header-in {
	  display: flex;
	  align-items: center;
	  padding: 18px 24px;
}

/*  */
#site-name {
	  font-size: 22px;
	  font-weight: 700;
	  letter-spacing: 0.08em;
	  color: #ffffff !important;
}
#site-name a {
	  color: #ffffff !important;
	  text-decoration: none;
}
#site-name a:hover {
	  color: #93c5fd !important;
}

/*  */
#site-catch {
	  color: rgba(255,255,255,0.65) !important;
	  font-size: 12px;
	  letter-spacing: 0.06em;
}

/* :  */
#navi {
	  background: #1e3a5f !important;
	  border-bottom: 1px solid rgba(147,197,253,0.2) !important;
}
#navi .menu-item a {
	  color: rgba(255,255,255,0.88) !important;
	  font-weight: 500;
	  letter-spacing: 0.04em;
	  font-size: 13.5px;
}
#navi .menu-item a:hover {
	  color: #93c5fd !important;
	  background: rgba(255,255,255,0.07) !important;
}

/*  */
#navi .sub-menu-list li a {
	  border-bottom-color: rgba(147,197,253,0.3) !important;
}

/* ==============================================
 *     | 
 *    ============================================== */

/*  */
.entry-card-wrap {
	  background: #ffffff !important;
	  border: 1px solid #e2e8f0 !important;
	  border-radius: 8px !important;
	  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
	  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.entry-card-wrap:hover {
	  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
	  transform: translateY(-2px) !important;
}

/*  */
.entry-card-title {
	  color: #1e293b !important;
	  font-weight: 700 !important;
}

/*  */
.entry-card-snippet {
	  color: #475569 !important;
	  line-height: 1.7 !important;
}


/* ============================================================
   [MY-PREMIUM] ヘッダー Inner Glow / 浮遊発光エフェクト
   このブロックを削除するだけで100%元に戻ります
   ============================================================ */
#header {
  position: relative !important;
  isolation: isolate !important;
  background:
    radial-gradient(ellipse 85% 90% at 50% 0%, rgba(110, 195, 255, 0.38) 0%, rgba(70, 150, 255, 0.12) 45%, transparent 70%),
    radial-gradient(ellipse 25% 100% at 2% 50%, rgba(90, 170, 255, 0.18) 0%, transparent 60%),
    radial-gradient(ellipse 25% 100% at 98% 50%, rgba(90, 170, 255, 0.18) 0%, transparent 60%),
    linear-gradient(135deg, #1e4d82 0%, #132f58 55%, #0e1e3a 100%) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.65),
    0 1.5px 0px rgba(140, 210, 255, 0.55) inset,
    0 3px 20px rgba(100, 180, 255, 0.20) inset !important;
  border-bottom: 1px solid rgba(120, 200, 255, 0.35) !important;
}

#header::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(to bottom, rgba(150, 220, 255, 0.22) 0%, transparent 60%),
    linear-gradient(to right,  rgba(110, 190, 255, 0.15) 0%, transparent 35%),
    linear-gradient(to left,   rgba(110, 190, 255, 0.15) 0%, transparent 35%),
    linear-gradient(to top,    rgba(70, 140, 230, 0.10)  0%, transparent 40%) !important;
}

#header > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 768px) {
  #header::before { opacity: 0.5 !important; }
  #header {
    box-shadow:
      0 4px 16px rgba(0, 0, 0, 0.55),
      0 1px 0px rgba(140, 210, 255, 0.35) inset !important;
  }
}
/* ============================================================ */