/**
 * 클락어때 — Premium Navy & Champagne Gold
 * 세부어때(eottae.css) 위에 로드 · body.eottae-site-clark 스코프
 */
body.eottae-site-clark {
  --brand-primary: #253b5b;
  --brand-secondary: #d9b36c;
  --brand-background: #f6f3eb;
  --brand-surface: #ffffff;

  --text-primary: #253b5b;
  --text-body: #374151;
  --text-secondary: #6b7280;
  --border-default: #e5e7eb;

  --state-success: #238564;
  --state-warning: #b7791f;
  --state-error: #c24141;
  --state-info: #426c91;

  --color-primary: #253b5b;
  --color-primary-hover: #1e3049;
  --color-secondary: #d9b36c;
  --color-bg: #ffffff;
  --color-surface: #f6f3eb;
  --color-text: #253b5b;
  --color-muted: #6b7280;
  --color-line: #e5e7eb;
  --color-on-primary: #ffffff;

  --eottae-bg: #f6f3eb;
  --eottae-surface: #ffffff;
  --eottae-text: #253b5b;
  --eottae-muted: #6b7280;
  --eottae-primary: #253b5b;
  --eottae-primary-dark: #1e3049;
  --eottae-mint: #426c91;
  --eottae-emerald: #238564;
  --eottae-shadow: 0 4px 24px rgba(37, 59, 91, 0.08);
  --eottae-shadow-sm: 0 2px 8px rgba(37, 59, 91, 0.06);
}

body.eottae-site-clark .eottae-gnb-header {
  --eottae-gnb-primary: #253b5b;
  --eottae-gnb-primary-dark: #1e3049;
  --eottae-gnb-primary-soft: #eef2f7;
}

/* ── Layout chrome ── */
body.eottae-site-clark.eottae-page {
  background: var(--brand-background);
  color: var(--text-body);
}

body.eottae-site-clark.eottae-page #hd,
body.eottae-site-clark.eottae-page #siteHeader.site-header,
body.eottae-site-clark.eottae-page #siteHeader.site-header.eottae-gnb-header,
body.eottae-site-clark.eottae-page #hd .eottae-gnb-header,
body.eottae-site-clark.eottae-page .eottae-gnb-header {
  background: #ffffff !important;
}

body.eottae-site-clark.eottae-page #ft.site-footer-wrap {
  background: #253b5b;
}

body.eottae-site-clark .site-header.eottae-header,
body.eottae-site-clark #siteHeader.mobile-header {
  border-bottom-color: var(--border-default);
}

body.eottae-site-clark .eottae-gnb-header__shell {
  border-color: var(--border-default);
  box-shadow: 0 4px 24px rgba(37, 59, 91, 0.06);
}

body.eottae-site-clark .site-header__skip a:focus,
body.eottae-site-clark .site-header__skip a:active,
body.eottae-site-clark #skip_to_container a:focus,
body.eottae-site-clark #skip_to_container a:active {
  background: #253b5b;
  box-shadow: 0 4px 16px rgba(37, 59, 91, 0.25);
}

/* ── GNB secondary CTAs (업소등록 링크형) ── */
body.eottae-site-clark .eottae-gnb-header__btn--register.eottae-gnb-header__mega-footer-btn,
body.eottae-site-clark .eottae-gnb-header__btn--register.eottae-gnb-header__mobile-child-cta {
  background: var(--eottae-gnb-primary-soft);
  color: var(--eottae-gnb-primary);
}

body.eottae-site-clark .eottae-gnb-header__btn--register.eottae-gnb-header__mega-footer-btn:hover,
body.eottae-site-clark .eottae-gnb-header__btn--register.eottae-gnb-header__mobile-child-cta:hover {
  background: #e2e8f0;
  color: var(--eottae-gnb-primary-dark);
}

/* React 홈 헤더 — primary pill → navy */
body.eottae-site-clark #root header a.eottae-gnb-header__btn--register,
body.eottae-site-clark #root header a.eottae-home-header-pill.eottae-gnb-header__btn--register,
body.eottae-site-clark #root header a[href*="bo_table=shop"][href*="write"]:not([href*="안내"]),
body.eottae-site-clark #root header a[href*="bo_table%3Dshop"][href*="write"]:not([href*="안내"]) {
  background: #253b5b !important;
  background-color: #253b5b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.eottae-site-clark #root header a.eottae-gnb-header__btn--register:hover,
body.eottae-site-clark #root header a[href*="bo_table=shop"][href*="write"]:not([href*="안내"]):hover,
body.eottae-site-clark #root header a[href*="bo_table%3Dshop"][href*="write"]:not([href*="안내"]):hover {
  background: #1e3049 !important;
  background-color: #1e3049 !important;
}

body.eottae-site-clark #root header a.eottae-gnb-header__mega-footer-btn,
body.eottae-site-clark #root header a.eottae-gnb-header__mobile-child-cta {
  background: var(--eottae-gnb-primary-soft) !important;
  background-color: var(--eottae-gnb-primary-soft) !important;
  color: #253b5b !important;
  -webkit-text-fill-color: #253b5b !important;
}

body.eottae-site-clark #root header a.eottae-gnb-header__mega-footer-btn:hover,
body.eottae-site-clark #root header a.eottae-gnb-header__mobile-child-cta:hover {
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  color: #1e3049 !important;
  -webkit-text-fill-color: #1e3049 !important;
}

/* ── Footer ── */
body.eottae-site-clark .eottae-gnb-footer__panel {
  background: #253b5b;
  color: #cbd5e1;
}

body.eottae-site-clark .eottae-gnb-footer__logo {
  color: #ffffff;
}

body.eottae-site-clark .eottae-gnb-footer__desc,
body.eottae-site-clark .eottae-gnb-footer__links a,
body.eottae-site-clark .eottae-gnb-footer__links span {
  color: #94a3b8;
}

body.eottae-site-clark .eottae-gnb-footer__links a:hover {
  color: #ffffff;
}

body.eottae-site-clark .eottae-gnb-footer__bottom {
  border-top-color: rgba(255, 255, 255, 0.12);
}

body.eottae-site-clark .eottae-gnb-footer__legal a.is-emphasis {
  color: #d9b36c;
}

body.eottae-site-clark .eottae-gnb-footer__copy {
  color: #94a3b8;
}

/* ── Mobile bottom nav ── */
body.eottae-site-clark .mobile-bottom-nav {
  border-top-color: var(--border-default);
  box-shadow: 0 -4px 20px rgba(37, 59, 91, 0.06);
}

/* ── Chatbot FAB (브랜드 네이비) ── */
body.eottae-site-clark .onoff-chatbot-fallback__launcher {
  background: linear-gradient(135deg, #253b5b, #426c91);
  box-shadow: 0 18px 42px rgba(37, 59, 91, 0.34);
}

/* ── 홈 메인 섹션 (eottae-home-main-section.css) ── */
body.eottae-site-clark .sebu-traffic-chip__more,
body.eottae-site-clark .sebu-home-cal__eyebrow,
body.eottae-site-clark .sebu-home-cal__day.is-today .sebu-home-cal__day-week,
body.eottae-site-clark .sebu-community-item__link:hover .sebu-community-item__title,
body.eottae-site-clark .sebu-news-panel__eyebrow,
body.eottae-site-clark .sebu-talkrooms-ai-banner__eyebrow {
  color: #253b5b;
}

body.eottae-site-clark .sebu-traffic-sources span i,
body.eottae-site-clark .sebu-home-cal__btn--primary,
body.eottae-site-clark .sebu-home-cal-card__dday.is-now,
body.eottae-site-clark .sebu-community-col__accent--sky,
body.eottae-site-clark .sebu-news-empty__btn--primary {
  background: #253b5b;
}

body.eottae-site-clark .sebu-home-cal__btn--primary,
body.eottae-site-clark .sebu-home-cal__day.is-today,
body.eottae-site-clark .sebu-news-empty__btn--primary,
body.eottae-site-clark .sebu-news-empty__btn:hover,
body.eottae-site-clark .sebu-news-panel__more:hover {
  border-color: #253b5b;
}

body.eottae-site-clark .sebu-home-cal__btn--primary:hover,
body.eottae-site-clark .sebu-news-empty__btn--primary:hover {
  background: #1e3049;
  border-color: #1e3049;
}

body.eottae-site-clark .sebu-home-cal__nav-btn {
  color: #253b5b;
}

body.eottae-site-clark .sebu-contribute-banner {
  border-color: rgba(37, 59, 91, 0.22);
  background:
    radial-gradient(circle at 12% 0%, rgba(217, 179, 108, 0.18), transparent 38%),
    linear-gradient(135deg, #182438 0%, #253b5b 52%, #426c91 100%);
  box-shadow: 0 22px 54px -34px rgba(24, 36, 56, 0.85);
}

body.eottae-site-clark .sebu-contribute-banner__btn:hover,
body.eottae-site-clark .sebu-contribute-banner__btn--primary {
  color: #253b5b;
}

body.eottae-site-clark .sebu-news-item__thumb--initial {
  background: linear-gradient(145deg, #253b5b, #1e3049);
}

body.eottae-site-clark .sebu-community-item__rank {
  color: #253b5b;
}

/* ── 프리미엄 골드 포인트 (제한적) ── */
body.eottae-site-clark .eottae-ad-platform__card--premium::before {
  background: linear-gradient(90deg, transparent, #d9b36c, transparent);
}

body.eottae-site-clark .eottae-ad-platform__card--premium {
  border-color: rgba(217, 179, 108, 0.45);
}

body.eottae-site-clark .eottae-app-premium-card {
  border-color: rgba(217, 179, 108, 0.35);
}

body.eottae-site-clark .eottae-app-premium-card__body em {
  color: #b7791f;
}

/* ── 로그인·회원 (auth) ── */
body.eottae-site-clark.eottae-page:has(.auth-layout),
body.eottae-site-clark.eottae-page.eottae-auth-page {
  background: linear-gradient(165deg, #426c91 0%, #253b5b 42%, #1e3049 100%);
}

body.eottae-site-clark.eottae-page:has(.auth-layout) #ft.site-footer-wrap,
body.eottae-site-clark.eottae-page.eottae-auth-page #ft.site-footer-wrap {
  background: rgba(37, 59, 91, 0.72);
}

body.eottae-site-clark.eottae-page:has(.auth-layout) .eottae-gnb-header__btn--register,
body.eottae-site-clark.eottae-page.eottae-auth-page .eottae-gnb-header__btn--register {
  color: #253b5b !important;
}

/* ── Focus ring ── */
body.eottae-site-clark .eottae-gnb-header__btn--primary:focus-visible,
body.eottae-site-clark .eottae-gnb-header__btn:focus-visible,
body.eottae-site-clark button:focus-visible,
body.eottae-site-clark a.eottae-gnb-header__btn--primary:focus-visible {
  outline: 2px solid #426c91;
  outline-offset: 2px;
}

/* ── React 홈 빌더 (Tailwind primary 토큰) ── */
body.eottae-site-clark #root {
  --color-primary-50: #eef2f7;
  --color-primary-100: #dce4ed;
  --color-primary-200: #b8c9db;
  --color-primary-400: #426c91;
  --color-primary-500: #253b5b;
  --color-primary-600: #1e3049;
  --color-primary-700: #182438;
  --color-primary-800: #121a28;
}

/* ── 비용 계산기 ── */
body.eottae-site-clark .cost-calculator-hero {
  background:
    radial-gradient(circle at top right, rgba(37, 59, 91, 0.14), transparent 34%),
    linear-gradient(135deg, #f6f3eb 0%, #ffffff 100%);
}

body.eottae-site-clark .cost-calculator-hero__eyebrow,
body.eottae-site-clark .cost-calculator-section-kicker {
  color: #253b5b;
}

body.eottae-site-clark .cost-calculator-hero__actions a:nth-child(2) {
  background: #253b5b;
}

body.eottae-site-clark .cost-calculator-hero__actions a:nth-child(2):hover {
  background: #1e3049;
}

body.eottae-site-clark .cost-calculator-page .cost-preset-btn.is-active,
body.eottae-site-clark .cost-calculator-page .cost-scenario-tab.is-active,
body.eottae-site-clark .cost-calculator-page .cost-input-chip.is-selected,
body.eottae-site-clark .cost-calculator-page .cost-result-highlight,
body.eottae-site-clark .cost-calculator-page .cost-slider-fill {
  border-color: #253b5b;
  background: #253b5b;
}

body.eottae-site-clark .cost-calculator-page .cost-preset-btn.is-active,
body.eottae-site-clark .cost-calculator-page .cost-scenario-tab.is-active {
  color: #fff;
}

body.eottae-site-clark .cost-calculator-page .cost-result-kicker,
body.eottae-site-clark .cost-calculator-page .cost-guide-link {
  color: #253b5b;
}

body.eottae-site-clark .cost-calculator-page .cost-progress-bar__fill {
  background: linear-gradient(90deg, #426c91, #253b5b);
}

/* ── 톡룸·미디어 게시판 (eottae.css 변수 fallback) ── */
body.eottae-site-clark {
  --talkroom-primary: #253b5b;
}

body.eottae-site-clark .eottae-media-board-hero,
body.eottae-site-clark .eottae-media-board-card__cta {
  background: linear-gradient(135deg, #253b5b 0%, #1e3049 100%);
}

body.eottae-site-clark .eottae-media-board-card__cta:hover {
  background: linear-gradient(135deg, #1e3049 0%, #182438 100%);
}