@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){
  /*必要ならばここにコードを書く*/
}

/* PVカウント非表示 */
.admin-pv { display: none !important; }


/* ================================================
   Your Compass - テーマカスタマイズ
   占い専門サイト向けデザイン調整
   ================================================ */

/* ヘッダー: 神秘的な濃紫グラデーション */
header.header {
  background: linear-gradient(160deg, #2C1654 0%, #1A0D33 60%, #0F0A2B 100%) !important;
  padding-bottom: 0 !important;
}

/* サイト名: ゴールド + 輝き */
.logo-text,
.logo-text a {
  color: #FFD700 !important;
  text-shadow: 0 0 24px rgba(255, 215, 0, 0.35) !important;
  font-size: 28px !important;
  letter-spacing: 2px !important;
}

/* タグライン: 半透明ホワイト */
.tagline {
  color: rgba(200, 180, 255, 0.85) !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* グローバルナビ: 半透明ダーク */
#navi,
.navi {
  background: rgba(10, 5, 25, 0.5) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
#navi .navi-in > ul > li > a {
  color: #D0C0FF !important;
  font-size: 13px !important;
}
#navi .navi-in > ul > li > a:hover,
#navi .navi-in > ul > li.current-menu-item > a {
  color: #FFD700 !important;
  background: rgba(255, 215, 0, 0.08) !important;
}

/* 本文リンク色: 紫系 */
.entry-content a {
  color: #7B5EA7;
}
.entry-content a:hover {
  color: #5B3E87;
}

/* 記事カードタイトル */
.entry-card-title a {
  color: #1a1a2e !important;
}
.entry-card-title a:hover {
  color: #7B5EA7 !important;
}

/* 本文 h2 見出し: 左ボーダー紫 */
.entry-content h2 {
  border-left: 4px solid #7B5EA7 !important;
  padding-left: 12px !important;
  color: #2C1654 !important;
}

/* 本文 h3 見出し: アクセント */
.entry-content h3 {
  color: #3D1A6B !important;
  border-bottom: 1px solid #D0C0FF !important;
  padding-bottom: 4px !important;
}

/* サイドバー ウィジェットタイトル */
.widget-title,
.sidebar .widget-title {
  color: #2C1654 !important;
  border-bottom: 2px solid #7B5EA7 !important;
  padding-bottom: 6px !important;
}

/* フッター */
#footer {
  background: linear-gradient(135deg, #1A0D33, #0F0A2B) !important;
  color: rgba(200, 180, 255, 0.7) !important;
}
#footer a {
  color: rgba(200, 180, 255, 0.85) !important;
}