/**
 * TAI 브랜드 색상 (단일 관리)
 * ─────────────────────────
 * 버튼·링크·그라데이션 등 테마 변수(--main-color, --main-gradient)를
 * 사이트 전체에서 같은 톤으로 맞춥니다.
 *
 * 조정 시 주로 건드릴 값:
 *   --tai-primary / --tai-primary-dark / --tai-primary-rgb  … 브랜드 블루
 *   --tai-surface-dark / --tai-surface-dark-rgb              … 히어로·CTA 다크 배경·오버레이
 *   --tai-ink-deep-rgb                                       … 그림자·그라데이션 딥 네이비
 */
:root {
  --tai-primary: #1a5fd4;
  --tai-primary-dark: #0f3f8f;
  --tai-primary-rgb: 26, 95, 212;

  /* 히어로·CTA 다크 배경·오버레이 (랜딩 상단 톤) */
  --tai-surface-dark: #0b1324;
  --tai-surface-dark-rgb: 11, 19, 36;
  /* 그림자·그라데이션 끝 등 딥 네이비 악센트 */
  --tai-ink-deep-rgb: 12, 0, 46;

  --main-color: var(--tai-primary);
  --main-color-opacity: var(--tai-primary-rgb);
  --main-gradient: linear-gradient(
    135deg,
    var(--tai-primary) 0%,
    var(--tai-primary-dark) 100%
  );
}

/* 테마 데모용 .home-2 ~ .home-6 가 서로 다른 색을 쓰지 않도록 통일 */
.home-2,
.home-3,
.home-4,
.home-5,
.home-6 {
  --main-color: var(--tai-primary);
  --main-color-opacity: var(--tai-primary-rgb);
  --main-gradient: linear-gradient(
    135deg,
    var(--tai-primary) 0%,
    var(--tai-primary-dark) 100%
  );
}

/* home-6 전용 스티키 내비가 테마 보라색을 쓰지 않도록 */
.home-6 .navbar-area-fixed {
  background: rgba(var(--tai-primary-rgb), 0.85);
}

/*
 * 헤더 정렬: 이 테마는 <nav> 직계 자식이 .container 하나뿐이라
 * Bootstrap의 .navbar { justify-content: space-between }가 로고·메뉴에 닿지 않음.
 * 로고와 .navbar-collapse는 .nav-container 안의 형제이므로 여기서 flex로 양끝 정렬.
 */
@media (min-width: 992px) {
  .navbar-area .nav-container {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .navbar-area .nav-container .navbar-collapse {
    justify-content: flex-end !important;
    flex: 0 1 auto;
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    width: auto !important;
    text-align: right;
  }
}

/* 안전정보 뒤 구분선(  |  ); 모바일 세로 메뉴에서는 숨김 */
.navbar-area .nav-container .navbar-collapse .navbar-nav li.tai-nav-sep {
  pointer-events: none;
  user-select: none;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.tai-nav-sep span {
  color: rgba(255, 255, 255, 0.55);
  font-weight: 300;
}
@media (max-width: 991px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.tai-nav-sep {
    display: none !important;
  }
}

/* 푸터 회사 블록: 회사명·대표·주소·연락처 등 글자 크기 통일 (테마 .footer-widget p 16px·.small·회사명 1.05rem 덮음) */
.footer-company-info .footer-company-name {
  font-size: inherit;
  margin-bottom: 0;
}
.footer-company-info p,
.footer-company-info .small {
  font-size: inherit !important;
}

/* 무료진단 결과 하단 — 다음 단계(B2B 톤, 쇼핑몰형 테이블 지양) */
.tai-pricing-next {
  padding: 4rem 0 5rem;
  background: linear-gradient(180deg, #f6f8fc 0%, #eef2f9 100%);
  border-top: 1px solid rgba(var(--tai-primary-rgb), 0.12);
}
.tai-pricing-next h2 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1a1d2e;
  margin-bottom: 0.5rem;
}
.tai-pricing-next .tai-pricing-lead {
  color: #5c6070;
  font-size: 0.95rem;
  max-width: 42rem;
  margin: 0 auto 2rem;
}
.tai-pricing-card {
  background: #fff;
  border: 1px solid #e2e6ef;
  border-radius: 12px;
  padding: 1.35rem 1.25rem;
  height: 100%;
  box-shadow: 0 8px 24px rgba(11, 19, 36, 0.06);
}
.tai-pricing-card h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #222;
}
.tai-pricing-card p.desc {
  font-size: 0.88rem;
  color: #5c6070;
  margin-bottom: 1rem;
  min-height: 2.75rem;
}
.tai-pricing-card .tai-price-hint {
  font-size: 0.8rem;
  color: #8b909f;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid #eef0f5;
}
.tai-diag-risk-pill {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
}
.tai-diag-risk-HIGH {
  background: #fee2e2;
  color: #b91c1c;
}
.tai-diag-risk-MEDIUM {
  background: #fef3c7;
  color: #b45309;
}
.tai-diag-risk-LOW {
  background: #dcfce7;
  color: #15803d;
}