/* ════════════════════════════════════════════════════════════════
   Baek Doryeong — overrides on top of yeon.css + halmae.css
   amber/orange dominant (재물 테마)
   ════════════════════════════════════════════════════════════════ */

/* ─── Promo bar — 앰버/오렌지 그라데이션 ─── */
.promo-bar-baek {
  background: linear-gradient(90deg, #92400e 0%, #c2410c 50%, #ea580c 100%);
}
.promo-bar-baek .pb-icon { color: #fef3c7; }
.promo-bar-baek .pb-msg strong { color: #fef3c7; }
.promo-bar-baek .pb-timer {
  background: rgba(0,0,0,0.5);
  color: #fef3c7;
}

/* ─── Kicker amber ─── */
.kicker-amber {
  color: var(--amber-l) !important;
}

/* ─── Hero tag amber 강조 ─── */
.yt-amber {
  background: linear-gradient(135deg, var(--amber-l), var(--orange));
  color: #1f1206;
}

/* ─── Gradient amber ─── */
.grad-y-amber {
  background: linear-gradient(135deg, #fef3c7 0%, #fbbf24 30%, #f97316 70%, #ea580c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ─── Hero — 앰버 도미넌트 ─── */
.baek-hero {
  background: linear-gradient(180deg, #2a1505 0%, #150a02 70%, var(--bg-1) 100%);
}
.baek-hero .yh-bg {
  background:
    radial-gradient(ellipse 60% 40% at 30% 30%, rgba(245, 158, 11, 0.22), transparent 60%),
    radial-gradient(ellipse 50% 30% at 80% 60%, rgba(249, 115, 22, 0.18), transparent 60%),
    radial-gradient(ellipse 40% 20% at 50% 80%, rgba(254, 243, 199, 0.06), transparent 60%);
}

/* ─── Mini stats — 앰버 ─── */
.yh-mini-stats-amber strong {
  color: var(--amber-l);
}

/* ─── Live pill — 앰버 ─── */
.yh-live-amber {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.3);
  color: var(--amber-l);
}
.yh-live-amber strong { color: white; }

/* ─── Hero CTA amber ─── */
.yh-cta-amber {
  background: linear-gradient(135deg, var(--amber-l), var(--orange));
  color: #1f1206;
  box-shadow: 0 12px 32px rgba(245, 158, 11, 0.45);
}
.yh-cta-amber:hover {
  box-shadow: 0 16px 40px rgba(245, 158, 11, 0.6);
}

/* ─── Baek 카드 ─── */
.baek-card {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(251, 191, 36, 0.4), transparent 60%),
    radial-gradient(ellipse at 50% 100%, rgba(146, 64, 14, 0.7), transparent 70%),
    linear-gradient(180deg, #3a1d05 0%, #1a0a02 100%);
  border-color: rgba(251, 191, 36, 0.4);
}
.baek-card .yc-img::after {
  background: linear-gradient(180deg, transparent 35%, rgba(58, 29, 5, 0.92));
}
.yc-live-amber {
  background: rgba(245, 158, 11, 0.4);
  border-color: var(--amber-l);
  color: white;
}
.baek-card .ycs-num {
  color: var(--amber-l);
}
.baek-card .yc-tag {
  color: var(--amber-l);
}

/* ─── WHO IS HE — 좌우 반전 (이미지 좌, 4박스 우) ─── */
.who-grid-flip {
  /* 메인 grid 그대로지만 자식 순서로 반전 */
  grid-template-columns: 1fr 1fr;
}

/* ─── Baek quote — 산/태양 황금빛 일러스트 ─── */
.baek-quote {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(245, 158, 11, 0.35), transparent 60%),
    linear-gradient(180deg, #2a1505 0%, #150a02 100%);
  border-color: rgba(245, 158, 11, 0.35);
}
.baek-quote .wq-illust {
  position: relative;
  height: 200px;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(180deg, #1a0a02 0%, #2a1505 50%, #1a0a02 100%);
}
.wq-mountain {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background:
    linear-gradient(180deg, transparent 0%, rgba(45, 22, 5, 0.6) 30%, #150a02 100%);
  clip-path: polygon(0 100%, 0 60%, 15% 30%, 30% 50%, 45% 20%, 60% 45%, 75% 25%, 90% 50%, 100% 35%, 100% 100%);
}
.wq-mountain::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(120, 53, 15, 0.4), transparent 70%);
}
.wq-sun {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle, #fef3c7 0%, #fbbf24 30%, #f59e0b 60%, transparent 100%);
  box-shadow: 0 0 40px #f59e0b, 0 0 80px rgba(245, 158, 11, 0.5);
  z-index: 2;
  animation: sunPulse 4s ease-in-out infinite;
}
@keyframes sunPulse {
  0%, 100% { transform: translateX(-50%) scale(1); opacity: 0.95; }
  50% { transform: translateX(-50%) scale(1.06); opacity: 1; }
}
.wq-rays {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 50% 40%, rgba(254, 243, 199, 0.35) 0%, transparent 50%);
  z-index: 1;
}
.wq-rays::before {
  content: '';
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  height: 60%;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0px,
      transparent 18px,
      rgba(254, 243, 199, 0.08) 18px,
      rgba(254, 243, 199, 0.08) 19px
    );
  filter: blur(1px);
  mask-image: radial-gradient(ellipse at 25% 0%, black 0%, transparent 60%);
  -webkit-mask-image: radial-gradient(ellipse at 25% 0%, black 0%, transparent 60%);
}

.wq-label-amber {
  color: var(--amber-l) !important;
}
.baek-quote blockquote {
  color: white;
}

/* ─── WHO 4박스 — 앰버 액센트 ─── */
.who-item-amber .wi-icon {
  background: var(--amber-bg);
  color: var(--amber-l);
}
.who-item-amber h4 {
  color: var(--amber-l);
}

/* ─── 6개 included 일러스트 (모두 앰버 톤) ─── */
.bill-01 { background: radial-gradient(circle at 50% 60%, #fef3c7 0%, #fbbf24 25%, #b45309 70%, #1a0e02 100%); }
.bill-02 { background: radial-gradient(circle at 50% 50%, #fde68a 0%, #f59e0b 30%, #92400e 70%, #1a0e02 100%); }
.bill-03 { background: radial-gradient(circle at 30% 50%, #fef3c7 0%, #f59e0b 30%, #c2410c 70%, #1a0a02 100%); }
.bill-04 { background: radial-gradient(circle at 70% 30%, #fde68a 0%, #f97316 30%, #7c2d12 70%, #1a0a02 100%); }
.bill-05 { background: radial-gradient(circle at 50% 50%, #fef3c7 0%, #fbbf24 25%, #ea580c 60%, #1f0e02 100%); }
.bill-06 { background: radial-gradient(circle at 50% 30%, #fef9c3 0%, #fbbf24 30%, #b45309 70%, #1a0e02 100%); }

/* incl 페이지의 체크 컬러 — 앰버 (halmae.css의 .incl-checks li::before가 보라라 오버라이드) */
.baek-hero ~ section .incl-checks li::before,
section.yeon-included .incl-checks li::before {
  color: var(--amber-l);
}

/* ─── TRANSFORMATION — 우측 박스 앰버 톤 ─── */
.tf-after-amber {
  background:
    radial-gradient(ellipse at 0% 0%, rgba(245, 158, 11, 0.12), transparent 60%),
    var(--bg-3);
  border-color: rgba(245, 158, 11, 0.35);
}
.tf-icon-amber {
  background: rgba(245, 158, 11, 0.2);
  color: var(--amber-l);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.tf-after-amber .tf-head h3 {
  color: var(--amber-l);
}
.tf-after-amber .tf-list li em {
  background: rgba(245, 158, 11, 0.18);
  color: var(--amber-l);
}
.tf-v-amber {
  color: var(--amber-l) !important;
}

/* ─── PR amber pre-existing — yeon.css에 정의됨 (.pr-amber, .pr-band-amber, .pr-cta-amber) ─── */

/* ─── ORDER FORM amber ─── */
.order-form-amber {
  /* 같은 베이스, 포커스 색상만 앰버 */
}
.order-form-amber .of-field input:focus,
.order-form-amber .of-field textarea:focus {
  border-color: var(--amber);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}
.of-toggle-amber .ot.active {
  background: rgba(245, 158, 11, 0.18);
  border-color: var(--amber);
}
.of-submit-amber {
  background: linear-gradient(135deg, var(--amber-l), var(--orange)) !important;
  color: #1f1206 !important;
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4) !important;
}

/* ─── FAQ amber 강조 ─── */
.faq-list-amber .faq[open] {
  border-color: rgba(245, 158, 11, 0.35);
}
.faq-list-amber .faq-i {
  color: var(--amber-l);
}

/* ─── Final CTA — amber 톤 ─── */
.final-cta-amber {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(245, 158, 11, 0.3), transparent 60%),
    linear-gradient(135deg, #2a1505 0%, #150a02 100%);
  border-color: rgba(245, 158, 11, 0.35);
}
.fc-btn-amber {
  background: linear-gradient(135deg, var(--amber-l), var(--orange));
  color: #1f1206;
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4);
}