/* ===== Shellie's Refined Design ===== */

/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');

/* ===== Base Typography ===== */
body {
  font-family: 'Zen Kaku Gothic New', 'Hiragino Sans', sans-serif !important;
  font-weight: 300;
  color: #2a2a2a;
  letter-spacing: 0.02em;
  line-height: 1.9;
  background-color: #fafaf8 !important;
}

/* ===== Announcement Bar 非表示 ===== */
.wp-block-group:has(> .wp-block-paragraph a[href*="e-book"]),
header + div:first-child,
.site-header ~ .wp-block-group:first-child {
  display: none !important;
}
div[class*="announcement"],
div[class*="banner"]:not(.wp-block-cover) {
  display: none !important;
}

/* ===== ヘッダー ===== */
.wp-block-site-title a,
.site-title a {
  font-family: 'Noto Serif JP', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
}

header.wp-block-template-part,
.site-header {
  border-bottom: 1px solid #e8e0d8 !important;
  background: rgba(250,250,248,0.95) !important;
  backdrop-filter: blur(8px);
  position: sticky;
  top: 0;
  z-index: 100;
}

/* ===== ナビゲーション ===== */
.wp-block-navigation a {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  color: #3a3a3a !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  transition: color 0.2s ease !important;
  border-bottom: 1px solid transparent !important;
}
.wp-block-navigation a:hover {
  color: #c2185b !important;
  border-bottom-color: #c2185b !important;
}

/* ===== メインコンテンツ ===== */
.wp-block-post-content,
.entry-content,
main {
  font-size: 15px !important;
  line-height: 1.9 !important;
}

/* ===== 記事カード ===== */
.wp-block-post {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.wp-block-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.08) !important;
}

/* アイキャッチ画像 */
.wp-block-post-featured-image img {
  border-radius: 10px !important;
  transition: transform 0.4s ease !important;
}
.wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.03) !important;
}

/* 記事タイトル */
.wp-block-post-title a {
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  line-height: 1.6 !important;
  transition: color 0.2s ease !important;
}
.wp-block-post-title a:hover {
  color: #c2185b !important;
}

/* ===== HOMEページ カテゴリボタン ===== */
.shellie-affiliate-block a,
div[style*="美容"] a,
div[style*="ファッション"] a {
  transition: all 0.2s ease !important;
}

/* カテゴリグリッドのボタンをリファイン */
a[href*="beauty-cosme"],
a[href*="fashion"],
a[href*="oshi"],
a[href*="gourmet"],
a[href*="travel"] {
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  transition: all 0.25s ease !important;
}
a[href*="beauty-cosme"]:hover,
a[href*="fashion"]:hover,
a[href*="oshi"]:hover,
a[href*="gourmet"]:hover,
a[href*="travel"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}

/* ===== アフィリエイトブロック ===== */
.shellie-affiliate-block {
  background: linear-gradient(135deg, #fff8f9, #fef2f7) !important;
  border: 1px solid #f8d7e3 !important;
  border-radius: 14px !important;
  padding: 1.4em 1.6em !important;
}

/* ===== サイドバー ===== */
.wp-block-template-part aside,
aside.widget-area,
.widget-area {
  font-size: 13px !important;
}

/* サイドバーの「Recent posts」 */
.wp-block-latest-posts {
  font-size: 13px !important;
}
.wp-block-latest-posts a {
  color: #2a2a2a !important;
  text-decoration: none !important;
  line-height: 1.6 !important;
  transition: color 0.2s ease !important;
}
.wp-block-latest-posts a:hover {
  color: #c2185b !important;
}

/* ===== 見出し全般 ===== */
h1, h2, h3, h4 {
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  color: #1a1a1a !important;
  line-height: 1.5 !important;
}

h2 {
  font-size: 1.25em !important;
  padding-bottom: 0.4em !important;
  border-bottom: 2px solid #f8d7e3 !important;
  margin-bottom: 1em !important;
}

h3 {
  font-size: 1.05em !important;
  color: #c2185b !important;
}

/* ===== 段落 ===== */
p {
  margin-bottom: 1.4em !important;
  font-weight: 300 !important;
}

/* ===== リンク全般 ===== */
a {
  color: #c2185b !important;
  transition: opacity 0.2s ease !important;
}
a:hover {
  opacity: 0.75 !important;
}

/* ===== フッター ===== */
footer.wp-block-template-part,
.site-footer {
  background: #1a1a1a !important;
  color: #ccc !important;
  font-size: 12px !important;
  border-top: none !important;
}
footer a {
  color: #aaa !important;
  text-decoration: none !important;
}
footer a:hover {
  color: #f8d7e3 !important;
}

/* ===== ソーシャルリンク ===== */
.wp-block-social-links .wp-block-social-link {
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.wp-block-social-links .wp-block-social-link:hover {
  transform: translateY(-2px) !important;
  opacity: 0.8 !important;
}

/* ===== 検索ボックス ===== */
.wp-block-search input,
input[type="search"] {
  border: 1px solid #e8e0d8 !important;
  border-radius: 20px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  background: #fafaf8 !important;
  transition: border-color 0.2s ease !important;
}
.wp-block-search input:focus,
input[type="search"]:focus {
  outline: none !important;
  border-color: #c2185b !important;
}

/* ===== ボタン全般 ===== */
.wp-block-button__link,
button[type="submit"] {
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  transition: background 0.2s ease !important;
}
.wp-block-button__link:hover {
  background: #c2185b !important;
}

/* ===== 記事内コンテンツ ===== */
.wp-block-post-content ul {
  padding-left: 1.4em !important;
}
.wp-block-post-content li {
  margin-bottom: 0.5em !important;
  font-weight: 300 !important;
}

/* ===== スクロールバー ===== */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: #fafaf8;
}
::-webkit-scrollbar-thumb {
  background: #e8d0d8;
  border-radius: 2px;
}

/* ===== アニメーション ===== */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
.wp-block-post,
.wp-block-group {
  animation: fadeInUp 0.5s ease both;
}

/* ===== レスポンシブ ===== */
@media (max-width: 768px) {
  body { font-size: 14px !important; }
  h2 { font-size: 1.1em !important; }
  .wp-block-post-title a { font-size: 14px !important; }
}