/* =========================================================================
 * theme-food.css — koreafoodcoupon.com 음식 특화 테마 (P4 host 분기, 2026-07-01)
 * 스코프: body.theme-food (koreafoodcoupon.com 에서만 로드 — koreacoupon.kr 무영향).
 * 방식: redesign.css 의 CSS 변수를 상속 오버라이드 → 음식 팔레트(토마토/오렌지/그린).
 *       HTML/DOM 무변경 요소는 CSS(order·color)로만 차별화.
 * 롤백: 본 파일 제거 + head_v.php 의 theme-food.css 조건부 <link> 1줄 제거.
 * ========================================================================= */

/* ---------- 0. 팔레트 오버라이드 (redesign.css :root 변수 상속 치환) ----------
 * kc-intro 그라데이션(var(--kc-navy),var(--kc-navy2))·강조(var(--kc-gold))가
 * 자동으로 음식색으로 바뀐다. */
body.theme-food{
  --kc-navy:#b7301a;      /* 딥 토마토 — kc-intro 그라데이션 시작 */
  --kc-navy2:#e8481f;     /* 브라이트 토마토-오렌지 — 그라데이션 끝 */
  --kc-blue:#e8481f;      /* 링크/호버 강조 → 음식색 */
  --kc-gold:#ffd233;      /* 앰버 강조 — 스텝·스탯 숫자 */
}

/* ---------- 1. 헤더 브랜드 악센트 + 마스코트 로고 + 텍스트 워드마크 ---------- */
body.theme-food header{border-top:3px solid #e8481f;}
body.theme-food .logo{display:flex; align-items:center; gap:9px;}
body.theme-food .logo a{display:inline-flex; align-items:center; gap:9px; text-decoration:none;}
body.theme-food .logo .kc-food-mascot{
  height:46px; width:46px; display:inline-block; vertical-align:middle; flex:0 0 auto;
}
body.theme-food .logo .kc-food-logo{
  display:inline-block; vertical-align:middle; line-height:1;
  font-size:26px; font-weight:800; letter-spacing:-.4px; color:#b7301a;
  white-space:nowrap;
}
body.theme-food .logo .kc-food-logo b{color:#e8481f; font-weight:800;}
@media (max-width:575px){
  body.theme-food .logo .kc-food-mascot{height:40px; width:40px;}
  body.theme-food .logo .kc-food-logo{font-size:20px;}
}

/* ---------- 2. 인트로 answer-first 블록 음식 무드 ----------
 * 배경 그라데이션은 변수로 자동 전환. 본문 텍스트 대비만 따뜻하게 보정. */
body.theme-food .kc-intro p{color:#ffe7de;}
body.theme-food .kc-intro p strong{color:#ffd233;}
body.theme-food .kc-steps li{background:rgba(255,255,255,.12);}
body.theme-food .kc-steps li span{color:#fdece6;}
body.theme-food .kc-stats div span{color:#ffd9cc;}

/* ---------- 3. 카테고리 그리드 — food 카드 우선 배치 + 강조 ----------
 * DOM 순서 무변경, flex order 로만 food 를 첫 칸으로. */
body.theme-food .kc-seo-cats .kc-cat-grid a[href*="300-food"]{
  order:-1; border-color:#e8481f; box-shadow:0 2px 12px rgba(232,72,31,.14);
}
body.theme-food .kc-seo-cats .kc-cat-grid a[href*="300-food"] b{color:#b7301a;}
body.theme-food .kc-seo-cats .kc-cat-grid a:hover{border-color:#e8481f;}

/* ---------- 4. 쿠폰 카드 강조색 음식 전환 ---------- */
body.theme-food .coupon-inner:hover{border-color:#e8481f!important;}
body.theme-food .coupon-inner .c-img h3{color:#e8481f;}
body.theme-food .coupon-inner .btn,
body.theme-food .off-over .btn{
  background:#e8481f!important; border-color:#e8481f!important; color:#fff!important;
}
body.theme-food .coupon-inner .top-tag .ribn-red{filter:hue-rotate(-8deg) saturate(1.05);}

/* ---------- 5. FAQ 마커 음식색 ---------- */
body.theme-food .kc-faq summary::before{color:#e8481f;}
body.theme-food .kc-faq details{border-color:#f3d3c8;}

/* ---------- 6. 그린 프레시 악센트 라인 (음식 신선함 시그널) ---------- */
body.theme-food .kc-seo-cats h2{
  border-left:4px solid #2fa84f; padding-left:10px;
}