/* ═══════════ 다크 프리미엄 스킨 (skin=auto) — 자동차 렌트·리스 ═══════════ */
/* cardui(body.tidy) 구조 재사용 + body.auto 로 다크/메탈릭 오버라이드. 물결 없음. */
/* 색은 sites.yaml palette(다크 토큰: --bg=차콜, --ink=실버, --wash=카드면, --blue/sky=시안)로 주입. */
/* tidy.css 의 하드코딩 흰색 표면을 다크로 덮어씀(소스 순서상 auto.css 가 나중 → 우선). */

body.auto { background: var(--bg); color: var(--ink); }
body.auto .tidy { color: var(--ink); }

/* ── 헤더/푸터 ── */
body.auto .site-header { background: rgba(13,17,22,.82); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
body.auto .site-header a, body.auto .brand { color: var(--ink); }
body.auto .brand { letter-spacing: .01em; }
body.auto .nav-burger span { background: var(--ink); }
body.auto .site-footer, body.auto footer { background: #0b0e12; border-top: 1px solid var(--line); color: var(--muted); }
body.auto .site-footer a { color: var(--muted); }

/* ── 히어로(다크 그라데이션 + 메탈릭 라인, 물결 없음) ── */
body.auto .tidy-hero {
  background: radial-gradient(120% 130% at 80% -10%, rgba(56,189,248,.16), transparent 55%),
              linear-gradient(180deg, #11161d 0%, #0e1318 100%);
  border-bottom: 1px solid var(--line);
}
body.auto .tidy-hero::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--sky), transparent); opacity: .5;
}
body.auto .tidy-h1 { color: #fff; letter-spacing: -.02em; }
body.auto .tidy-sub { color: var(--muted); }
body.auto .tidy-fresh { background: rgba(255,255,255,.06); border: 1px solid var(--line); color: var(--ink); }
body.auto .tidy-fresh i { background: var(--sky); }
body.auto .tidy-stats .st b { color: #fff; }
body.auto .tidy-stats .st span { color: var(--muted); }

/* ── 섹션/카드 ── */
body.auto .tidy-kicker, body.auto .tidy-sec-kicker { color: var(--sky); letter-spacing: .12em; }
body.auto .tidy-h2 { color: var(--ink); }
body.auto .tidy-section--guide { background: #0c1014; }
body.auto .tidy-card {
  background: var(--wash); border: 1px solid var(--line); border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .16s, box-shadow .16s, border-color .16s;
}
body.auto .tidy-card:hover { transform: translateY(-4px); border-color: var(--sky); box-shadow: 0 16px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(56,189,248,.25); }
body.auto .tidy-card-title { color: var(--ink); }
body.auto .tidy-card-sub { color: var(--muted); }
body.auto .tidy-card-media--blank { background: linear-gradient(135deg, #1a222c, #11161d); }
body.auto .tidy-badge { background: rgba(0,0,0,.55); color: #fff; border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(4px); }
body.auto .svc-media { background: linear-gradient(135deg, #1a222c, #11161d); }
body.auto .tidy-foot { color: var(--muted); }
body.auto .tidy-more a { color: var(--sky); }

/* CTA 버튼: 메탈릭 시안 그라데이션 */
body.auto .tidy-cta { background: linear-gradient(100deg, var(--sky), var(--blue)); color: #06121f; font-weight: 800; }
body.auto .tidy-cta:hover { filter: brightness(1.08); }

/* ── 업체보기(pt) ── */
body.auto .pt-chip { background: var(--wash); border: 1px solid var(--line); color: var(--ink); }
body.auto .pt-chip:hover { border-color: var(--sky); color: var(--sky); }
body.auto .pt-count { color: var(--sky); }
body.auto .pt-group-title { color: var(--ink); }

/* ── 비용 가이드 ── */
body.auto .cost-block { background: var(--wash); border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(0,0,0,.3); }
body.auto .cost-tips { background: #0c1014; border: 1px solid var(--line); }
body.auto .cost-table { background: var(--wash); border: 1px solid var(--line); }
body.auto .cost-table button { color: var(--ink); background: var(--wash); }
body.auto .cost-table th, body.auto .cost-table td { border-color: var(--line); color: var(--ink); }
body.auto .cost-faq, body.auto .cost-faq * { color: var(--ink); }

/* ── 글 페이지 ── */
body.auto .post-body { color: var(--ink); }
body.auto .post-hero { background-color: #0c1014; }
body.auto .post-intro { background: var(--wash); border-left: 4px solid var(--sky); color: var(--ink); }
body.auto .post-date, body.auto .post-more a { color: var(--muted); }
body.auto .post-cta { background: var(--wash); box-shadow: 0 14px 40px rgba(0,0,0,.5); }
body.auto .post-cta--bg .post-cta-body { background: var(--wash); color: var(--ink); }
body.auto .post-cta--bg .post-cta-top::after { background: linear-gradient(180deg, rgba(23,29,37,0) 0%, var(--wash) 100%); }
body.auto .post-cta-head { color: var(--ink); }
body.auto .post-cta-benefits li { background: rgba(56,189,248,.12); color: var(--sky); border: 1px solid var(--line); }
body.auto .post-cta-btn { background: linear-gradient(100deg, var(--sky), var(--blue)); color: #06121f; }

/* ── 신청현황 위젯(다크 가독성: 전체 다크 일관 + 시안 강조 + 밝은 텍스트) ── */
body.auto #lead-widget { background: #1b2531; border: 1px solid var(--line); box-shadow: 0 16px 44px rgba(0,0,0,.6); }
body.auto #lead-widget .lw-head { background: #1b2531; color: var(--ink); }
body.auto #lead-widget.lw-open .lw-head { border-bottom: 1px solid var(--line); }
body.auto #lead-widget .lw-head em { color: var(--sky); }
body.auto #lead-widget .lw-list { background: #1b2531; }
body.auto #lead-widget .lw-row { border-bottom: 1px solid var(--line); }
body.auto #lead-widget .lw-name { color: var(--ink); }
body.auto #lead-widget .lw-svc { color: var(--sky); }
body.auto #lead-widget .lw-time { color: var(--muted); }
body.auto #lead-widget .lw-cta { background: linear-gradient(100deg, var(--sky), var(--blue)); color: #06121f; }

/* ── 히어로 럭셔리 SUV 일러스트 ── */
body.auto .tidy-hero { position: relative; overflow: hidden; }
body.auto .auto-hero-car {
  position: absolute; right: clamp(-30px, 2vw, 40px); bottom: 6px;
  width: clamp(220px, 34vw, 420px); height: auto; opacity: .9;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.5));
  pointer-events: none;
}
@media (max-width: 760px){ body.auto .auto-hero-car { position: static; display: block; margin: 14px auto 0; width: 78%; opacity: .95; } }

/* ── 프리미엄 브랜드 스트립 ── */
body.auto .auto-brands {
  max-width: 1080px; margin: -8px auto 0; padding: 16px 20px 4px;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: center;
}
body.auto .auto-brands-label { font-family: var(--latin); font-weight: 800; letter-spacing: .18em; font-size: .72rem; color: var(--sky); }
body.auto .auto-brands-row { display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: center; }
body.auto .auto-brand {
  font-family: var(--disp); font-weight: 800; font-size: .96rem; letter-spacing: .02em;
  color: #c8d2dd; padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px;
  background: linear-gradient(180deg, #1b2531, #141a22);
}

/* ── 이미지 없는 업체 카드: 차량 실루엣 워터마크 ── */
body.auto .tidy-card-media--blank {
  background:
    no-repeat center/52% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 30'%3E%3Cpath fill='%232f3a48' d='M5 22h54l-4-8-7-6H21l-8 6-8 1z'/%3E%3Cpath fill='%23222b36' d='M22 9h21l4 4H18z'/%3E%3Ccircle cx='19' cy='23' r='4' fill='%233a4757'/%3E%3Ccircle cx='46' cy='23' r='4' fill='%233a4757'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #1a222c, #11161d);
}