/*
 태쏘 서브페이지 스킨 — 홈 제외 전 페이지: 먹색이 두꺼운 액자처럼 감싸는 순백 콘텐츠 패널
 functions.php의 tasso_enqueue_sub_css()가 모든 페이지에서 로드 (style.css 다음)
 홈(body.home)은 건드리지 않음 — 다크 무대장치 그대로
*/

/* ==========================================================
   S1. 한지 패널 — 먹색 배경(액자) 안에 밝은 종이가 놓인 구도
   ========================================================== */
body:not(.home) #content .col-full {
  background: #ffffff;
  color: #1c1c1c !important; /* 패널 기본 글자색 — 색 지정 없는 모든 글자가 검정을 상속 */
  margin: 46px auto 74px;
  padding: 46px clamp(24px, 4vw, 60px) 62px;
  border-radius: 16px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
  outline: 1px solid rgba(223, 196, 120, 0.4); /* 표구 금선 */
  outline-offset: 8px;
}

@media (max-width: 768px) {
  body:not(.home) #content .col-full {
    margin: 18px 12px 44px;
    padding: 26px 16px 38px;
    border-radius: 12px;
    outline-offset: 5px;
  }
}

/* ==========================================================
   S2. 패널 안 글자색 — 흰 바탕에 맞는 먹색 계열로 전환
   ========================================================== */
body:not(.home) #content h1,
body:not(.home) #content h2,
body:not(.home) #content h3,
body:not(.home) #content h4,
body:not(.home) #content h5,
body:not(.home) #content h6 {
  color: #111111 !important;
}

body:not(.home) #content p,
body:not(.home) #content li,
body:not(.home) #content td,
body:not(.home) #content th,
body:not(.home) #content dd,
body:not(.home) #content dt,
body:not(.home) #content label,
body:not(.home) #content .textwidget {
  color: #1c1c1c;
}

body:not(.home) #content a {
  color: #8a6d3b;
}

body:not(.home) #content a:hover {
  color: #5f4a24;
}

/* 가격: 밝은 바탕용 금갈색 */
body:not(.home) #content .price,
body:not(.home) #content .woocommerce-Price-amount {
  color: #8a6d3b !important;
  font-weight: 700 !important;
}

body:not(.home) #content .price del,
body:not(.home) #content .price del .woocommerce-Price-amount {
  color: #7d746a !important;
  font-weight: 400 !important;
}

body:not(.home) #content .price ins {
  text-decoration: none !important;
}

/* ==========================================================
   S3. 패널 안 입력창/드롭다운 — 종이 위 밝은 폼
   ========================================================== */
body:not(.home) #content input[type="text"],
body:not(.home) #content input[type="email"],
body:not(.home) #content input[type="password"],
body:not(.home) #content input[type="tel"],
body:not(.home) #content input[type="number"],
body:not(.home) #content input[type="search"],
body:not(.home) #content textarea,
body:not(.home) #content select {
  background-color: #ffffff !important;
  border: 1px solid #c9c1ae !important;
  color: #1c1c1c !important;
  border-radius: 8px !important;
}

body:not(.home) #content input:focus,
body:not(.home) #content textarea:focus,
body:not(.home) #content select:focus {
  border-color: #c9a34c !important;
  outline: none !important;
}

/* ==========================================================
   S4. 게시판(KBoard) 미세 조정 — 기본 밝은 스킨 유지 + 톤만 맞춤
   ========================================================== */
body:not(.home) #content .kboard-list-title a,
body:not(.home) #content .kboard-list td a {
  color: #111111 !important;
}

body:not(.home) #content .kboard-list-title a:hover {
  color: #8a6d3b !important;
}

/* 흐릿하던 회색 보조 글자(작성자·날짜·조회수·건수 등) — 또렷한 진회색으로 */
body:not(.home) #content .kboard-total-count,
body:not(.home) #content .kboard-total-count strong,
body:not(.home) #content .kboard-list-user,
body:not(.home) #content .kboard-list-date,
body:not(.home) #content .kboard-list-view,
body:not(.home) #content .kboard-list-uid,
body:not(.home) #content .kboard-list-vote,
body:not(.home) #content .kboard-list th,
body:not(.home) #content .kboard-comments-count,
body:not(.home) #content .kboard-mobile-contents,
body:not(.home) #content .woocommerce-result-count,
body:not(.home) #content .woocommerce-breadcrumb,
body:not(.home) #content .kboard-list-description {
  color: #4a453d !important;
}

/* 게시판 상단 "Total N" 건수 표시 숨김 */
body:not(.home) #content .kboard-total-count {
  display: none !important;
}

/* ==========================================================
   S4-2. 강의 목차 (cosmosfarm simple-lms) — 강좌 제목 검정으로
   ========================================================== */
body:not(.home) #content .simple-lms-title-text,
body:not(.home) #content .simple-lms-data,
body:not(.home) #content .simple-lms-number,
body:not(.home) #content .simple-lms-info {
  color: #1c1c1c !important;
}

/* ==========================================================
   S5. 로그인/회원가입 (cosmosfarm) — 한지 패널 톤에 맞춤
   ========================================================== */
body:not(.home) #content .cosmosfarm-members-form .form-bottom {
  background: transparent !important;
}

body:not(.home) #content .cosmosfarm-social-login-title {
  color: #6a6152 !important;
}

body:not(.home) #content .cosmosfarm-members-form button,
body:not(.home) #content .cosmosfarm-members-form .login-button,
body:not(.home) #content .cosmosfarm-members-form input[type="submit"] {
  background-color: var(--tasso-accent) !important;
  color: var(--tasso-on-accent) !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

body:not(.home) #content .cosmosfarm-members-form button:hover,
body:not(.home) #content .cosmosfarm-members-form .login-button:hover {
  background-color: var(--tasso-accent-hover) !important;
}

body:not(.home) #content .cosmosfarm-members-form .form-button {
  background-color: #ffffff !important;
  border: 1px solid #d8d0bd !important;
  color: #3b342a !important;
}

body:not(.home) #content .cosmosfarm-members-form .form-button:hover {
  border-color: #c9a34c !important;
  color: #8a6d3b !important;
}

/* ==========================================================
   S5-2. 패널 안 스크롤바 — 흰 바탕에서도 보이게 밝은 회색으로
   (약관 박스 등 스크롤 영역이 전역 다크 스크롤바를 상속하는 문제 방지)
   ========================================================== */
body:not(.home) #content .col-full ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body:not(.home) #content .col-full ::-webkit-scrollbar-track {
  background: #f0ece3;
  border-radius: 6px;
}

body:not(.home) #content .col-full ::-webkit-scrollbar-thumb {
  background: #b8b0a0;
  border-radius: 6px;
}

body:not(.home) #content .col-full ::-webkit-scrollbar-thumb:hover {
  background: #8a6d3b;
}

/* 파이어폭스용 */
body:not(.home) #content .col-full textarea,
body:not(.home) #content .col-full [style*="overflow"],
body:not(.home) #content .col-full .terms,
body:not(.home) #content .col-full .agreement {
  scrollbar-color: #b8b0a0 #f0ece3;
}

/* ==========================================================
   S5-2b. 회원정보 메뉴 상자 (정기결제/주문/내정보/비밀번호/로그아웃/계정삭제)
   — 어두운 상자 안 글자가 금갈색이라 안 보임 → 흰색으로
   ========================================================== */
body:not(.home) #content .members-link li a {
  color: #ffffff !important;
}

body:not(.home) #content .members-link li a:hover {
  color: var(--tasso-gold) !important;
}

/* ==========================================================
   S5-3. 상품 페이지 정리 — 카테고리 표시줄과 설명/상품평 탭 메뉴 숨김
   (탭 내용은 그대로 보이고 왼쪽 탭 목록만 사라짐)
   ========================================================== */
.single-product .product_meta,
.single-product .woocommerce-tabs ul.tabs.wc-tabs {
  display: none !important;
}

/* ==========================================================
   S5-4. 상품·상점 제목 — 안성탕면체 (크기·굵기는 기존 그대로)
   ========================================================== */
body:not(.home) #content h1.product_title.entry-title,
body:not(.home) #content .woocommerce-products-header__title.page-title {
  font-family: 'Ansungtangmyun Bold', sans-serif !important;
}

/* 상품 상세 제목 아래 가격 표시 숨김 — 배너 이미지에 가격이 이미 있어 중복 */
.single-product div.product .summary .price {
  display: none !important;
}

/* ==========================================================
   S6. 페이지 제목 — 붓글씨 느낌은 유지하되 먹색으로
   ========================================================== */
body:not(.home) #content .page-title,
body:not(.home) #content .entry-title,
body:not(.home) #content .woocommerce-products-header__title {
  color: #111111 !important;
}