/* ═══════════ 다크 프리미엄 스킨 (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);
}

/* ── 시안3 스플릿 히어로(skin=auto 메인) ── */
body.auto .auto-split { display: grid; grid-template-columns: 1fr 1.1fr; min-height: 600px; }
body.auto .auto-split-left { padding: 84px 56px; display: flex; flex-direction: column; justify-content: center; background: radial-gradient(120% 90% at 0% 0%, #1b1f26, transparent), var(--wash); }
body.auto .auto-tag { color: var(--sky); font-weight: 700; letter-spacing: .14em; font-size: .82rem; text-transform: uppercase; margin-bottom: 20px; }
body.auto .auto-h1 { font-size: clamp(2.2rem, 4.6vw, 3.4rem); line-height: 1.14; font-weight: 800; letter-spacing: -.01em; color: #fff; margin: 0; }
body.auto .auto-h1 em { font-style: normal; color: var(--sky); }
body.auto .auto-sub { color: var(--muted); font-size: 1.08rem; line-height: 1.75; margin: 24px 0 36px; max-width: 460px; }
body.auto .auto-btns { display: flex; gap: 14px; flex-wrap: wrap; }
body.auto .auto-b1 { background: linear-gradient(135deg, var(--sky), var(--blue)); color: #1c1404; padding: 15px 30px; border-radius: 10px; font-weight: 800; text-decoration: none; box-shadow: 0 10px 30px rgba(224,162,63,.22); }
body.auto .auto-b2 { border: 1px solid var(--line); color: var(--ink); padding: 15px 26px; border-radius: 10px; text-decoration: none; }
body.auto .auto-b2:hover { border-color: var(--sky); }
body.auto .auto-split-right { position: relative; min-height: 360px; overflow: hidden; background: #0c0e12; }
body.auto .auto-split-right img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.auto .auto-split-right::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--wash), transparent 24%); pointer-events: none; }
@media (max-width: 860px) {
  body.auto .auto-split { grid-template-columns: 1fr; }
  body.auto .auto-split-left { padding: 48px 24px 38px; }
  body.auto .auto-split-right { min-height: 240px; order: -1; }
  body.auto .auto-split-right::after { background: linear-gradient(0deg, var(--wash), transparent 45%); }
}

/* ── 다크 테마 오버라이드: 차량 페이지·목록·신뢰 카드(흰 카드 컴포넌트를 다크 토큰으로) ── */
body.auto .trust-card, body.auto .car-concept, body.auto .rg-group, body.auto .rg-chip,
body.auto .rehab-faq-item, body.auto .region-table, body.auto .region-frm, body.auto .tidy-card {
  background: var(--wash); border-color: var(--line); color: var(--ink);
}
body.auto .trust-q, body.auto .car-concept .q, body.auto .rg-name, body.auto .tidy-card-title { color: var(--ink); }
body.auto .trust-a, body.auto .car-concept .a, body.auto .region-note, body.auto .tidy-card-sub { color: var(--muted); }
body.auto .rg-head { background: var(--wash2); border-color: var(--line); }
body.auto .rg-count { background: var(--wash); color: var(--sky); border-color: var(--line); }
body.auto .rg-chip:hover { border-color: var(--sky); color: var(--sky); }
body.auto .region-table th { background: var(--wash2); color: var(--ink); }
body.auto .region-table td { border-color: var(--line); }
body.auto .rehab-faq-item summary { color: var(--ink); }
body.auto .rehab-court { background: var(--wash); border-color: var(--line); border-left-color: var(--sky); color: var(--ink); }
body.auto .region-intro { color: var(--ink); }
body.auto .tidy-hero--sub h1 { color: var(--ink); }
body.auto .region-h2 { color: var(--ink); }
body.auto .tidy-foot { color: var(--muted); }
/* 차량 개념 카드 그리드 */
body.auto .car-concepts { max-width: 980px; margin: 0 auto; padding: 8px 16px 0; text-align: left; }
body.auto .car-concept-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
body.auto .car-concept { border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; }
body.auto .car-concept .q { font-weight: 800; margin: 0 0 6px; }
body.auto .car-concept .q i { font-style: normal; margin-right: 8px; }
body.auto .car-concept .a { font-size: .87rem; margin: 0; line-height: 1.6; }
@media (max-width: 640px) { body.auto .car-concept-grid { grid-template-columns: 1fr; } }

/* hero 설정 사이트(네온) — CTA 글자는 다크 배경색으로 또렷하게 */
body.auto .cat-cta { color: #0B0F14; }
body.auto .cat-kick { color: var(--sky); }