/* 쇼핑(kcp-catalog) 화면을 디자인 시스템 색/모양으로 맞춘다. kcp-catalog.css 다음에 로드되어
   --kcp-* 변수를 --kd-* 토큰으로 돌리고, 변수로 안 잡힌 그라데이션/하드코딩 색만 따로 덮는다.
   이 플러그인을 끄면 kcp-catalog 원래 모양으로 돌아간다. DESIGN.md 5번 "상품 카드" 참고. */

:root {
  --kcp-primary: var(--kd-blue);
  --kcp-primary-dark: var(--kd-blue-dark);
  --kcp-accent: var(--kd-blue);
  --kcp-price: var(--kd-sale);
  --kcp-gold: #E4B64A;
  --kcp-text: var(--kd-ink);
  --kcp-muted: var(--kd-soft);
  --kcp-border: var(--kd-line);
  --kcp-bg-soft: var(--kd-bg);
  --kcp-radius: var(--kd-r-lg);
  --kcp-shadow: none;
  --kcp-shadow-hover: 0 4px 14px rgba(19, 32, 59, 0.08);
}

/* 쇼핑 페이지는 Astra 기본 위쪽 여백(약 125px)이 커서 화면 첫 줄이 비어 보인다. */
body.kd-shop-page #primary { margin-top: var(--kd-s5); padding-top: 0; }
/* 숏코드 사이에 워드프레스가 자동으로 넣는 <br> 줄바꿈 */
body.kd-shop-page .entry-content > br { display: none; }
/* 옛 사이트 추가 CSS(.entry-content a:not(...) 밑줄)가 쇼핑 카드까지 밑줄을 그어서 끈다. :not(#id)로 우선순위만 올림 */
.entry-content a[class*="kcp-"]:not(#kd-none) { text-decoration: none; }
body.kd-shop-page.ast-separate-container .ast-article-single { padding-top: var(--kd-s5); }

.kcp-catalog-wrap { max-width: var(--kd-container); padding: var(--kd-s5) var(--kd-s4) var(--kd-s7); font-size: var(--kd-fs-md); }
.entry-content .kcp-catalog-wrap, .entry-content > [class^="kcp-"] { font-family: var(--kd-font); }

.kcp-breadcrumb { font-size: var(--kd-fs-xs); }
.kcp-page-header h1 { font-size: var(--kd-fs-xl); font-weight: 700; line-height: 1.3; color: var(--kd-ink); }
.kcp-page-meta { font-size: var(--kd-fs-sm); }

/* 상품 카드: 그림자 대신 선, 올라가는 효과 대신 테두리 색 */
.kcp-product-card { border-radius: var(--kd-r); }
.kcp-product-card:hover { transform: none; border-color: var(--kd-blue); }
.kcp-product-image { background: #fff; border-bottom: 1px solid var(--kd-line); }
.kcp-product-image img { object-fit: contain; }
.kcp-product-name { font-weight: 500; font-size: var(--kd-fs-sm); color: var(--kd-ink); }
.kcp-product-price { font-size: var(--kd-fs-md); font-weight: 700; }
.kcp-badge { border-radius: var(--kd-r-sm); }
/* 로켓배송 등 일반 배지는 옅은 파랑, 빨강은 가격 인하에만 쓴다 */
.kcp-badge:not(.kcp-badge-drop) { background: var(--kd-tint); color: var(--kd-blue); }
.kcp-price-drop-tag { border-radius: var(--kd-r-sm); }

.kcp-price-drop-section h2, .kcp-recently-viewed-section h2, .kcp-related-section h2 { font-size: var(--kd-fs-lg); font-weight: 700; color: var(--kd-ink); }
.kcp-section-note { font-size: var(--kd-fs-xs); }

/* 바로가기 카드(골드박스/PL/브랜드관)와 단독 버튼: 그라데이션 대신 흰 카드 + 아이콘 색만 구분 */
.kcp-quicklink-card, .kcp-goldbox-button, .kcp-pl-button {
  background: var(--kd-card);
  border: 1px solid var(--kd-line);
  border-radius: var(--kd-r);
  color: var(--kd-ink);
  text-decoration: none;
}
.kcp-quicklink-card:hover, .kcp-goldbox-button:hover, .kcp-pl-button:hover { filter: none; border-color: var(--kd-blue); color: var(--kd-blue); }
.kcp-goldbox-button { border-left: 4px solid var(--kcp-gold); }
.kcp-pl-button { border-left: 4px solid var(--kd-blue); }
.kcp-goldbox-button .kcp-goldbox-count, .kcp-pl-button .kcp-goldbox-count, .kcp-quicklink-sub { color: var(--kd-soft); opacity: 1; }
.kcp-quicklink-icon { border-radius: var(--kd-r); }
.kcp-quicklink-gold .kcp-quicklink-icon { background: #FFF3D6; color: #7A5200; }
.kcp-quicklink-pl .kcp-quicklink-icon { background: var(--kd-tint); color: var(--kd-blue); }
.kcp-quicklink-brand .kcp-quicklink-icon { background: var(--kd-bg); color: var(--kd-ink); border: 1px solid var(--kd-line); }
.kcp-quicklink-gold, .kcp-quicklink-pl, .kcp-quicklink-brand { background: var(--kd-card); color: var(--kd-ink); }

/* 검색창과 키워드: 홈/글 목록 검색(.kd-search)과 같은 모양 */
.kcp-quick-keyword { background: var(--kd-card); border-radius: 999px; font-size: var(--kd-fs-sm); font-family: inherit; }
.kcp-quick-keyword:hover { background: var(--kd-card); border-color: var(--kd-blue); color: var(--kd-blue); }
.kcp-search-controls input { border: 1px solid var(--kd-line); border-radius: var(--kd-r); font-family: inherit; font-size: var(--kd-fs-md); }
.kcp-search-controls input:focus { outline: none; border-color: var(--kd-blue); box-shadow: var(--kd-focus); }
.kcp-search-controls button { border-radius: var(--kd-r); font-family: inherit; font-weight: 700; }

.kcp-browse-tabs { border-radius: var(--kd-r); }
.kcp-browse-tab { font-size: var(--kd-fs-sm); }
.kcp-category-grid a { border-radius: var(--kd-r); }
.kcp-category-grid a:hover { border-color: var(--kd-blue); color: var(--kd-blue); }
.kcp-brand-filter-chip { border-radius: 999px; }

.kcp-pagination .page-numbers { border-radius: var(--kd-r); font-size: var(--kd-fs-sm); }

/* 상세 */
.kcp-product-detail .kcp-product-header { border-radius: var(--kd-r-lg); }
.kcp-product-image-large { border-radius: var(--kd-r); }
.kcp-product-info h1 { font-size: var(--kd-fs-lg); font-weight: 700; line-height: 1.4; color: var(--kd-ink); }
.kcp-product-price-big { font-size: var(--kd-fs-xl); font-weight: 700; }
.kcp-buy-button { border-radius: var(--kd-r); }

/* 쿠팡 파트너스 고지: 글 화면 .kd-disclosure와 같은 톤 */
.kcp-disclosure { border-radius: var(--kd-r); font-size: var(--kd-fs-sm); font-weight: 500; color: var(--kd-soft); }