/*
 Theme Name:   DekaWan
 Theme URI:    https://dekawan.jp
 Description:  中・大型犬専門レビューサイト「デカワン」のカスタムテーマ。GeneratePressベース。
 Author:       DekaWan
 Author URI:   https://dekawan.jp
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  dekawan
*/

/* ========================================
   DekaWan Custom Styles
   ======================================== */

:root {
  /* Brand Colors */
  --dw-gold: #B8860B;          /* ゴールデンブラウン（メイン） */
  --dw-gold-light: #DAA520;    /* ゴールド明るめ */
  --dw-gold-pale: #FDF5E6;     /* ゴールド薄い背景 */
  --dw-navy: #1B2A4A;          /* ネイビー（テキスト・アクセント） */
  --dw-navy-light: #2C4066;    /* ネイビー明るめ */
  --dw-green: #2D5F2D;         /* ダークグリーン（サブアクセント） */
  --dw-bg: #FAFAF7;            /* 温かみのある白背景 */
  --dw-text: #333333;          /* 本文テキスト */
  --dw-text-light: #666666;    /* サブテキスト */
  --dw-border: #E8E4DC;        /* ボーダー */
}

/* --- Typography --- */
body {
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--dw-text);
  background-color: var(--dw-bg);
  line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--dw-navy);
  font-weight: 700;
  line-height: 1.4;
}

/* --- Links --- */
a {
  color: var(--dw-gold);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--dw-gold-light);
}

/* --- Buttons --- */
.dw-btn-primary {
  display: inline-block;
  background: var(--dw-gold);
  color: #fff;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.1s ease;
}

.dw-btn-primary:hover {
  background: var(--dw-gold-light);
  color: #fff;
  transform: translateY(-1px);
}

.dw-btn-secondary {
  display: inline-block;
  background: var(--dw-navy);
  color: #fff;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.dw-btn-secondary:hover {
  background: var(--dw-navy-light);
  color: #fff;
}

/* --- Cards --- */
.dw-review-card {
  background: #fff;
  border: 1px solid var(--dw-border);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  transition: box-shadow 0.2s ease;
}

.dw-review-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* --- Rating Stars --- */
.dw-stars {
  color: var(--dw-gold);
  font-size: 1.2em;
}

/* --- Category Badge --- */
.dw-badge {
  display: inline-block;
  background: var(--dw-gold-pale);
  color: var(--dw-gold);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
}

.dw-badge--green {
  background: #E8F5E8;
  color: var(--dw-green);
}

.dw-badge--navy {
  background: #E8EDF5;
  color: var(--dw-navy);
}

/* --- Header Override --- */
.site-header {
  border-bottom: 2px solid var(--dw-gold);
}

/* --- Footer --- */
.dw-footer {
  background: var(--dw-navy);
  color: #ccc;
  padding: 48px 0 24px;
}

.dw-footer a {
  color: #eee;
}

.dw-footer a:hover {
  color: var(--dw-gold-light);
}

/* --- Utility --- */
.dw-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.dw-section {
  padding: 48px 0;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .dw-section {
    padding: 32px 0;
  }
}