/* ─────────────────────────────────────────────────────────────────
   PUNGCHAN base.css — 기능 CSS 만 (디자인 시각은 컨펌 후 별도)
   참조: korean-shop-builder/references/bootstrap.md §base.css
   ─────────────────────────────────────────────────────────────── */

/* ① 페이지 폭 통일 — Botiga .row.main-row flex 축소 트랩 차단.
   빈 결과 페이지가 좁아지는 버그 방지. 모든 메인 wrap 에 필수. */
.pc-main-wrap{
  max-width: var(--pc-container);
  margin: 0 auto;
  padding: 16px 20px 24px;
  width: 100%;
  flex: 1 1 100%;
  box-sizing: border-box;
}
.pc-shop__content{ min-width: 0; width: 100%; justify-self: stretch; }

/* ② Botiga li padding-bottom:5px 트랩 — nav/탭/푸터링크 수직정렬 깨짐.
   새 nav ul 만들 때마다 직접 reset (또는 공통 reset). */
ul.pc-util > li,
ul.pc-cattabs > li,
ul.pc-footer__links > li{
  padding: 0 !important;
  margin: 0 !important;
}

/* ③ 입력/버튼 border 토큰 통일 — Botiga 기본 검정 제거
   ⚠️ 함정: `.pc-site input` 룰은 폼·체크아웃·계정 input 에는 맞지만
   헤더 검색 input 처럼 pill 안에 들어가는 borderless input 까지 잡아버림.
   헤더·검색 같은 예외 컴포넌트는 자체 룰에서 !important 로 border:0 박을 것.
   (style.css `.pc-search__input` 참조) */
.pc-site .woocommerce input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.pc-site .woocommerce select,
.pc-site .woocommerce textarea,
.pc-site form.checkout input,
.pc-site form.checkout select,
.pc-site form.checkout textarea,
.pc-site form.woocommerce-form input,
.pc-site form.woocommerce-form select,
.pc-site form.woocommerce-form textarea{
  border: 1.5px solid var(--pc-border);
}

/* ④ 상품목록 4×3 그리드 (모바일 2열) */
.pc-shop__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 768px){
  .pc-shop__grid{ grid-template-columns: repeat(2, 1fr); }
}

/* ⑤ html overflow-x 금지 — sticky 전역 깨짐. 가로 클램프는 body 에만. */
html{ overflow-x: visible; }
body.pc-site{ overflow-x: hidden; }

/* ⑥ 약관·개인정보처리방침 페이지 wrap (mu-plugin the_content 가 .pc-legal 부여) */
/* Botiga 기본 page title(64px, h1.entry-title)이 .pc-legal 자체 타이틀과 중복 + 메뉴에 바짝 붙음.
   account-shop.css 는 약관 페이지에 enqueue 안 되므로 전역 base.css 에서 중복 타이틀 숨김. */
body.pc-legal-page .entry-header,
body.pc-legal-page .entry-title.page-title{ display: none !important; }
.pc-legal{
  max-width: var(--pc-container);
  margin: 0 auto;
  padding: 48px 20px 72px;
}
.pc-legal__head h1{
  font-family: var(--pc-font-display);
  font-size: 23px;
  margin: 0 0 8px;
  color: var(--pc-text);
}
.pc-legal__head p{
  color: var(--pc-text-muted);
  margin: 0 0 24px;
  font-size: 14px;
}
.pc-legal__body{
  font-size: 14px;
  line-height: 1.8;
  color: var(--pc-text-sub);
}
.pc-legal__body h2{
  font-family: var(--pc-font-display);
  font-size: 18px;
  margin: 32px 0 12px;
  color: var(--pc-text);
}
.pc-legal__body h3{
  font-size: 15px;
  margin: 20px 0 8px;
  color: var(--pc-text);
}

/* ⑦ pc-no-aside — single column body (cart/checkout/account 등) */
body.pc-no-aside .secondary,
body.pc-no-aside #secondary,
body.pc-no-aside .widget-area{ display: none !important; }