/* 라이트만 지원 선언 (UA 자동 다크 방지용) */
:root { color-scheme: light only; }

/* OS가 다크여도 우리 페이지는 라이트 유지 */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: light only !important; }

  /* 핵심 영역은 확실한 라이트 배경으로 고정 */
  html, body { background:#ffffff !important; color:#111 !important; }

  /* 네 사이트 구조에 맞춰 추가: 반투명/블러가 있으면 어둡게 보여서 라이트 고정 */
  header, .global-header, .global-nav, .site-nav,
  .hero, .hero-overlay, .cd-pricing-hero,
  .cd-card, .cd-result {
    background:#ffffff !important;
    /* 혹시 배경에 반투명/그라데이션을 쓰면 여기서 라이트 값으로 재정의 */
  }

  /* 자동 다크가 이미지/비디오에 필터를 먹일 때 해제 */
  html { filter: none !important; }
  img, picture, video, canvas { filter: none !important; }
}



/* ===== 프라이싱 전용: 헤더 톤/크기 ===== */
.is-pricing .cd-header {
    background: #fff; /* 유리효과 대신 화이트 */
    backdrop-filter: none;
    border-bottom: 1px solid var(--cd-border);
  }
  .is-pricing .cd-container {
    padding: 14px 16px;
  }
  .is-pricing .cd-logo-img {
    display: block;
    height: 60px; /* 데스크톱 기준 */
    width: auto;
    margin-top: 10px;
  }
  
  /* 네비게이션 간격/타이포 */
  .is-pricing .cd-nav-list {
    gap: 10px;
  }
  .is-pricing .nav-link {
    font-size: 14px;
  }
  
  /* ===== pricing 전용 가격 버튼 ===== */
  .is-pricing .nav-link.primary {
    font-family: "ArialDotum";
    font-size: clamp(9px, 1.1vw, 14px);
    font-weight: 600;
    background: var(--cd-blue);
    color: #fff;
    border: 1px solid var(--cd-blue);
    border-radius: 999px;
    padding: clamp(8px, 0.9vw, 10px) 0;
    width: clamp(140px, 14vw, 160px);
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease,
      border-color 0.2s ease;
  }
  .is-pricing .nav-link.primary:hover {
    background: #fff;
    color: var(--cd-blue);
    border-color: var(--cd-blue);
  }
  
  /* 본문 공통 섹션 */
  .prc-sec {
    padding: clamp(48px, 7vw, 96px) 16px;
    border-bottom: 1px solid #f0f2f6;
  }
  .prc-wrap {
    max-width: 1040px;
    margin: 0 auto;
  }
  .prc-title {
    font: 700 clamp(20px, 3.2vw, 32px) / 1.2 "GimpoTitleRegular", system-ui;
    color: var(--cd-dark);
    margin: 0 0 12px;
  }
  .prc-desc {
    color: #444;
    margin: 0 0 20px;
  }
  .btn-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  /* =========================
       pricing 전용 헤더 레이아웃
       ========================= */
  
  /* 1101px 이상: 헤더 한 줄 */
  @media (min-width: 1101px) {
    .is-pricing .cd-container {
      flex-wrap: nowrap;
    }
    .is-pricing .cd-nav {
      margin-left: auto;
      width: auto;
      order: 0;
    }
    .is-pricing .cd-nav-list {
      display: flex;
      gap: 18px;
      justify-content: flex-start;
      padding-top: 0;
    }
    .is-pricing .cd-nav-list .nav-item:last-child {
      display: list-item;
    }
    .is-pricing .cd-nav-list .nav-item:last-child .nav-link.primary {
      position: static;
      width: clamp(150px, 18vw, 220px);
      font-size: 14px;
      padding: 10px 0;
    }
  }
  
  /* 769~1100px: 상단 로고+버튼, 아래 1×4 */
  @media (min-width: 769px) and (max-width: 1100px) {
    .is-pricing .cd-container {
      position: relative;
      flex-wrap: wrap;
    }
    .is-pricing .cd-nav {
      width: 100%;
      order: 2;
    }
    .is-pricing .cd-nav-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px 32px;
      justify-items: center;
      padding-top: 16px;
    }
    .is-pricing .cd-nav-list .nav-item:last-child {
      display: contents;
    }
    .is-pricing .cd-nav-list .nav-item:last-child .nav-link.primary {
      position: absolute;
      right: 16px;
      top: 28px;
      width: clamp(180px, 22vw, 280px);
      padding: 10px 0;
    }
  }
  
  /* 768px 이하: 상단 로고+버튼, 아래 2×2 */
  @media (max-width: 768px) {
    .is-pricing .cd-container {
      position: relative;
      flex-wrap: wrap;
    }
    .is-pricing .cd-logo-img {
      height: clamp(20px, 12vw, 50px);
      margin-top: 4px;
    } /* 모바일 기본 로고 */
    .is-pricing .cd-nav {
      width: 100%;
      order: 2;
    }
    .is-pricing .cd-nav-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px 18px;
      justify-items: center;
      padding-top: 12px;
    }
    .is-pricing .cd-nav-list .nav-item:last-child {
      display: contents;
    }
    .is-pricing .cd-nav-list .nav-item:last-child .nav-link.primary {
      position: absolute;
      right: 16px;
      top: 24px;
      width: min(56vw, 140px);
      font-size: 12px;
      padding: 8px 0;
      line-height: 1.15;
    }
  }
  
  /* === 320px 이하: CTA를 다시 상단 고정으로 (370px 규칙 덮어쓰기) === */
  @media (max-width: 320px) {
    /* 로고 조금 더 컴팩트 */
    .is-pricing .cd-logo-img {
      height: 40px; /* 40 → 36 */
      margin-top: 4px;
    }
  
    /* 메뉴 간격 살짝 압축 */
    .is-pricing .cd-nav-list {
      gap: 8px 10px;
      padding-top: 6px;
    }
    .is-pricing .nav-link {
      font-size: 12px;
    }
  
    /* CTA: 우상단 고정으로 복귀 */
    .is-pricing .cd-nav-list .nav-item:last-child {
      display: contents; /* 370px에서의 block → 해제 */
    }
    .is-pricing .cd-nav-list .nav-item:last-child .nav-link.primary {
      position: absolute; /* 상단 고정 */
      right: 10px; /* 좁은 폭에 맞게 여백 축소 */
      top: 18px;
      width: min(58vw, 120px); /* 너무 길면 폭 제한 */
      font-size: 11.5px; /* 살짝 더 축소 */
      padding: 8px 0;
      line-height: 1.15;
      margin-top: 0; /* 370px 규칙 덮어쓰기 */
      text-align: center;
      word-break: keep-all;
    }
  
    /* 본문 상단 여백 원복(헤더에 안 가리게) */
    body {
      padding-top: 72px;
    } /* 68 → 72 */
  }
  

  /* 전역 부드러운 스크롤(한 줄이면 충분) */
html { scroll-behavior: smooth; }

/* 활성 메뉴 글씨만 파란색 */
.cd-nav .nav-link.is-active {
  color: var(--cd-blue);   /* 글자만 파란색 */
  background: transparent; /* 배경 제거 */
  box-shadow: none;        /* 그림자 제거 */
  font-weight: 700;        /* 강조 효과 원하면 두껍게 */
}