/*
Theme Name: Premium Review Blog
Theme URI: 
Author: World Class WP Engineer
Author URI: 
Description: アダルトアフィリエイト特化型レビューテーマ。回遊率とCVRの最大化を目的としたモバイルファースト設計。Tailwind CSSベース。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: premium-review-blog
*/

html { scroll-behavior: smooth; }
body { font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; }

/* ホバーエフェクトとアニメーション */
.article-card:hover .thumbnail { transform: scale(1.05); }
.thumbnail { transition: transform 0.3s ease; }
@keyframes pulse-slow {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .9; transform: scale(0.98); }
}
.animate-pulse-slow { animation: pulse-slow 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; }

/* 記事本文のスタイリング */
.entry-content h2 { font-size: 1.5rem; font-weight: bold; margin-top: 2em; margin-bottom: 1em; padding-bottom: 0.5rem; border-bottom: 2px solid #E11D48; }
.entry-content h3 { font-size: 1.25rem; font-weight: bold; margin-top: 1.5em; margin-bottom: 0.75em; border-left: 4px solid #1F2937; padding-left: 0.5rem; }
.entry-content p { margin-bottom: 1.5em; line-height: 1.8; }
.entry-content ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1.5em; }
.entry-content ol { list-style-type: decimal; padding-left: 1.5em; margin-bottom: 1.5em; }
.entry-content li { margin-bottom: 0.5em; }
.entry-content blockquote { border-left: 4px solid #E5E7EB; padding-left: 1rem; color: #6B7280; font-style: italic; background-color: #F9FAFB; padding: 1rem; margin-bottom: 1.5em; border-radius: 0.25rem; }

/* Tailwind CSS がアドブロックや読み込み遅延で効かない場合のフォールバックグリッド */
.grid {
  display: grid !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
}