/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/* ==== LearnPress 강좌 상세 페이지 다크모드 (추가: 2026-09-10) ==== */
.single-lp_course .header_single_content,
.single-lp_course .thim-course-menu-landing,
.single-lp_course .course_right {
  background-color: #16171d !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.single-lp_course .header_single_content,
.single-lp_course .header_single_content *,
.single-lp_course .thim-course-menu-landing,
.single-lp_course .thim-course-menu-landing *,
.single-lp_course .course_right,
.single-lp_course .course_right * {
  color: #c5c8d0 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.single-lp_course .header_single_content h1,
.single-lp_course .header_single_content h2,
.single-lp_course .header_single_content h3,
.single-lp_course .header_single_content h4,
.single-lp_course .course_right h1,
.single-lp_course .course_right h2,
.single-lp_course .course_right h3,
.single-lp_course .course_right h4 {
  color: #ffffff !important;
}

.single-lp_course .course_right .price,
.single-lp_course .course_right .price .woocommerce-Price-amount,
.single-lp_course .course_right .price bdi {
  color: #389aff !important;
}

.single-lp_course .thim-course-menu-landing li.active a,
.single-lp_course .thim-course-menu-landing a:hover {
  color: #389aff !important;
}

.single-lp_course .course_right button,
.single-lp_course .course_right .lp-button,
.single-lp_course .course_right a.button,
.single-lp_course .course_right .add_to_cart_button {
  color: #000000 !important;
}

.single-lp_course .content-pusher,
.single-lp_course .content-pusher > div {
  background-color: #000000 !important;
}

/* ==== 노란색 아이콘/버튼 → 블루로 통일 (2026-09-10 추가) ==== */
.single-lp_course .lp-icon-file,
.single-lp_course .lp-icon-puzzle-piece,
.single-lp_course .lp-icon-clock,
.single-lp_course .lp-icon-signal,
.single-lp_course .lp-icon-students,
.single-lp_course .lp-icon-check-square-o,
.single-lp_course .lp-icon-angle-down,
.single-lp_course .lp-icon-angle-up,
.single-lp_course .section-toggle,
.single-lp_course .section-count-items,
.single-lp_course .course-item-ico,
.single-lp_course .lost-pass-link,
.single-lp_course .rating {
  color: #389aff !important;
}

.single-lp_course .wrapper-items-number,
.single-lp_course .lp-button,
.single-lp_course .lp-btn-add-item-to-cart,
.single-lp_course input.button-primary {
  background-color: #389aff !important;
  color: #ffffff !important;
}

/* ==== 흰색 테두리선 오퍼시티 낮추기 (너무 튀는 문제 완화) ==== */
.single-lp_course .breadcrumbs,
.single-lp_course .lectures-feature,
.single-lp_course .quizzes-feature,
.single-lp_course .duration-feature,
.single-lp_course .skill-feature,
.single-lp_course .students-feature,
.single-lp_course .assessments-feature,
.single-lp_course .purchase-feature,
.single-lp_course .course-section,
.single-lp_course .course-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ==== 하단 "You May Like" 강의 카드 테두리 완전 제거 ==== */
.thim-related-course .thim-course-content,
.thim-related-course .course-item {
  border: none !important;
}

/* ==== 잘 안 보이는 회색 텍스트 밝게 ==== */
.single-lp_course .instructor-display-name,
.single-lp_course .course-count-item {
  color: #9295a0 !important;
}

.single-lp_course .course-permalink {
  color: #ffffff !important;
}

.single-lp_course .thim-related-course .price {
  color: #389aff !important;
}

.single-lp_course .origin-price {
  color: #6b6e78 !important;
}

/* ==== 회색 텍스트 전부 흰색으로 (콘텐츠 영역 전체 블랭킷, 2026-09-10) ==== */
.single-lp_course .content-area,
.single-lp_course .content-area *,
.thim-related-course,
.thim-related-course * {
  color: #ffffff !important;
}

/* 블랭킷 이후 다시 덮어써야 하는 포인트 색상들 (블루 유지) */
.single-lp_course .lp-icon-file,
.single-lp_course .lp-icon-puzzle-piece,
.single-lp_course .lp-icon-clock,
.single-lp_course .lp-icon-signal,
.single-lp_course .lp-icon-students,
.single-lp_course .lp-icon-check-square-o,
.single-lp_course .lp-icon-angle-down,
.single-lp_course .lp-icon-angle-up,
.single-lp_course .lp-icon-heart-o,
.single-lp_course .section-toggle,
.single-lp_course .section-count-items,
.single-lp_course .course-item-ico,
.single-lp_course .lost-pass-link {
  color: #389aff !important;
}

.single-lp_course .wrapper-items-number,
.single-lp_course .lp-button,
.single-lp_course .lp-btn-add-item-to-cart,
.single-lp_course input.button-primary,
.single-lp_course .owl-page.active,
.single-lp_course .rating {
  background-color: #389aff !important;
  color: #ffffff !important;
}

.single-lp_course .course_right .price,
.single-lp_course .thim-related-course .price {
  color: #389aff !important;
}

.single-lp_course .origin-price {
  color: #8a8d96 !important;
}

/* 리뷰 그래프 빈 막대 (흰색 → 어두운 회색) */
.single-lp_course .rating-gray {
  background-color: #2a2c34 !important;
}

/* 로그인 팝업 "비밀번호를 잊으셨나요" 링크 (특이도 보강) */
body.single-lp_course .thim-widget-login-popup .lost-pass-link,
body.single-lp_course .lost-pass-link {
  color: #389aff !important;
}

/* ==== 잔여 항목 마무리 (2026-09-10) ==== */
.single-lp_course .thim-course-content {
  border: none !important;
}

.single-lp_course .avatar {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.single-lp_course button.lp-button.lp-btn-add-item-to-cart,
.single-lp_course .wrap-btn-add-course-to-cart button,
.single-lp_course .wrap-btn-add-course-to-cart .lp-button {
  color: #ffffff !important;
}

/* ==== 리뷰 별점 SVG 아이콘 fill 속성 (2026-09-10) ==== */
.single-lp_course .lp-review-svg-star svg,
.single-lp_course .lp-review-svg-star svg polygon,
.single-lp_course .course-rate__details-row svg,
.single-lp_course .course-rate__details-row polygon,
.single-lp_course svg[class*="star"],
.single-lp_course .fas.lp-review-svg-star {
  fill: #389aff !important;
  color: #389aff !important;
}

/* ==== 캐러셀 페이지네이션 점 테두리 (2026-09-10) ==== */
.single-lp_course .owl-page.active,
.single-lp_course .owl-page span,
.single-lp_course .owl-dot.active {
  border-color: #389aff !important;
  background-color: #389aff !important;
}

/* ==== 강사 정보 옆 별점 아이콘 (purchase-feature) fill (2026-09-10) ==== */
.single-lp_course .purchase-feature svg,
.single-lp_course .purchase-feature svg circle,
.single-lp_course .purchase-feature svg polygon,
.single-lp_course .purchase-feature svg * {
  fill: #389aff !important;
}

/* ==== 리뷰 별점(lucide-star) 테두리 stroke 제거 (2026-09-10) ==== */
.single-lp_course svg.lucide-star {
  stroke: #389aff !important;
}

/* ==== 관련 강좌 카드 제목 아래 구분선 (2026-09-10) ==== */
.single-lp_course .course-meta::before {
  background-color: #389aff !important;
}
.single-lp_course .course-meta::after {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ==================================================================
   강좌 목록(아카이브) 페이지 다크모드 (2026-09-10)
   ================================================================== */
body.post-type-archive-lp_course .content-pusher,
body.post-type-archive-lp_course .content-pusher > div {
  background-color: #000000 !important;
}

/* 전체 텍스트 블랭킷: 흰색 기본 */
body.post-type-archive-lp_course .content-area,
body.post-type-archive-lp_course .content-area * {
  color: #ffffff !important;
}

/* 블루 포인트 (아이콘/링크/필터버튼) */
body.post-type-archive-lp_course .lp-icon-heart-o,
body.post-type-archive-lp_course .lp-icon-list,
body.post-type-archive-lp_course .lp-switch-btn,
body.post-type-archive-lp_course .lost-pass-link,
body.post-type-archive-lp_course .course-price .price,
body.post-type-archive-lp_course a:hover {
  color: #389aff !important;
}

body.post-type-archive-lp_course .wrapper-items-number,
body.post-type-archive-lp_course .course-filter-submit,
body.post-type-archive-lp_course input.button-primary {
  background-color: #389aff !important;
  color: #ffffff !important;
}

body.post-type-archive-lp_course .origin-price {
  color: #8a8d96 !important;
}

/* 카드/위젯 배경 (살짝 밝은 다크 패널) */
body.post-type-archive-lp_course .course,
body.post-type-archive-lp_course .widget {
  background-color: transparent !important;
}

/* 테두리 오퍼시티 낮추기 */
body.post-type-archive-lp_course .course,
body.post-type-archive-lp_course .breadcrumbs-wrapper,
body.post-type-archive-lp_course hr,
body.post-type-archive-lp_course .course-item,
body.post-type-archive-lp_course .widget {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 체크박스/인풋 필드 */
body.post-type-archive-lp_course input[type="text"],
body.post-type-archive-lp_course input[type="search"],
body.post-type-archive-lp_course input[type="checkbox"] {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

body.post-type-archive-lp_course select {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

/* ==== 잔여 수정: 필터 버튼 테두리, breadcrumb 밑줄 (2026-09-10) ==== */
body.post-type-archive-lp_course .course-filter-submit {
  border-color: #389aff !important;
}

body.post-type-archive-lp_course .breadcrumbs {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
/* ==================================================================
   위 아카이브 다크모드를 모든 강좌 카테고리 페이지에도 동일 적용
   (body.archive.learnpress-page = 강좌 목록/카테고리 페이지 공통, 2026-09-10)
   강좌 목록(아카이브) 페이지 다크모드 (2026-09-10)
   ================================================================== */
body.archive.learnpress-page .content-pusher,
body.archive.learnpress-page .content-pusher > div {
  background-color: #000000 !important;
}

/* 전체 텍스트 블랭킷: 흰색 기본 */
body.archive.learnpress-page .content-area,
body.archive.learnpress-page .content-area * {
  color: #ffffff !important;
}

/* 블루 포인트 (아이콘/링크/필터버튼) */
body.archive.learnpress-page .lp-icon-heart-o,
body.archive.learnpress-page .lp-icon-list,
body.archive.learnpress-page .lp-switch-btn,
body.archive.learnpress-page .lost-pass-link,
body.archive.learnpress-page .course-price .price,
body.archive.learnpress-page a:hover {
  color: #389aff !important;
}

body.archive.learnpress-page .wrapper-items-number,
body.archive.learnpress-page .course-filter-submit,
body.archive.learnpress-page input.button-primary {
  background-color: #389aff !important;
  color: #ffffff !important;
}

body.archive.learnpress-page .origin-price {
  color: #8a8d96 !important;
}

/* 카드/위젯 배경 (살짝 밝은 다크 패널) */
body.archive.learnpress-page .course,
body.archive.learnpress-page .widget {
  background-color: transparent !important;
}

/* 테두리 오퍼시티 낮추기 */
body.archive.learnpress-page .course,
body.archive.learnpress-page .breadcrumbs-wrapper,
body.archive.learnpress-page hr,
body.archive.learnpress-page .course-item,
body.archive.learnpress-page .widget {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 체크박스/인풋 필드 */
body.archive.learnpress-page input[type="text"],
body.archive.learnpress-page input[type="search"],
body.archive.learnpress-page input[type="checkbox"] {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

body.archive.learnpress-page select {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

/* ==== 잔여 수정: 필터 버튼 테두리, breadcrumb 밑줄 (2026-09-10) ==== */
body.archive.learnpress-page .course-filter-submit {
  border-color: #389aff !important;
}

body.archive.learnpress-page .breadcrumbs {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* ==== 강좌 설명(개요) 영역 폭 제한 해제 (2026-09-10) ==== */
.single-lp_course .thim-course-content {
  width: 100% !important;
  float: none !important;
  padding-right: 0 !important;
}

/* ==== 사이드바 스티키 기능 비활성화 (스크립트 오류로 위치 계산 깨짐, 2026-09-10) ==== */
.single-lp_course .theiaStickySidebar {
  position: static !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transform: none !important;
}
.single-lp_course .course_right {
  position: static !important;
  top: auto !important;
}

/* ==== 사이드바 위치 이동(transform) 완전 차단 (2026-09-10) ==== */
.single-lp_course .theiaStickySidebar,
.single-lp_course .course_right,
.single-lp_course #sidebar {
  transform: none !important;
  -webkit-transform: none !important;
  top: auto !important;
  left: auto !important;
}

/* ==== 스크롤 고정 탭+가격바가 잘못된 위치에 고정되는 문제 (2026-09-10) ==== */
.single-lp_course .thim-course-menu-landing {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* ==== 사이드바 가격 폰트 크기 축소 (36px -> 24px, 2026-09-10) ==== */
.single-lp_course .course_right .price {
  font-size: 24px !important;
}

/* ==== 사이드바 '최신 강좌' 위젯 썸네일 상단 크롭 방지 (2026-09-10) ====
   부모 테마(eduma)가 .course-thumbnail img 에 margin-top:-8px 를 강제로 걸고
   부모 컨테이너에 overflow:hidden 을 적용해, 썸네일 상단부(약 16%)가
   overflow-clip 되어 이미지 상단의 텍스트가 잘려 보이던 문제 수정. */
.widget-area .thim-course-list-sidebar .course-thumbnail img {
  margin-top: 0 !important;
}

/* ==== 강좌 목록(아카이브/카테고리) 카드의 "설명" 짧은 요약 숨김 (2026-09-10) ==== */
body.post-type-archive-lp_course .course-item .course-description,
body.archive.learnpress-page .course-item .course-description {
  display: none !important;
}


/* ==================================================================
   장바구니 페이지 다크모드 (WooCommerce Cart Block, page-id-22) (2026-09-10)
   ================================================================== */
body.page-id-22 .content-pusher,
body.page-id-22 .content-pusher > div {
  background-color: #000000 !important;
}

body.page-id-22 .wc-block-cart,
body.page-id-22 .wc-block-cart * {
  color: #ffffff !important;
}

body.page-id-22 .wc-block-cart-items,
body.page-id-22 .wc-block-cart-items__row,
body.page-id-22 .wc-block-components-panel,
body.page-id-22 .wc-block-components-totals-wrapper,
body.page-id-22 .wc-block-components-totals-item,
body.page-id-22 .wc-block-cart__sidebar {
  background-color: transparent !important;
}

/* 기존 currentColor 기반 흰색 구분선을 은은한 톤으로 고정 */
body.page-id-22 .wc-block-cart-items,
body.page-id-22 .wc-block-cart-items__row {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* 사이드바 합계 박스: 불필요한 테두리/그림자 제거 */
body.page-id-22 .wc-block-cart__sidebar,
body.page-id-22 .wc-block-components-sidebar,
body.page-id-22 .wc-block-components-totals-wrapper,
body.page-id-22 .wc-block-components-panel {
  border: none !important;
  box-shadow: none !important;
}

body.page-id-22 .wc-block-components-totals-item {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.page-id-22 .wc-block-components-text-input input,
body.page-id-22 .wc-block-components-totals-coupon__input input {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

body.page-id-22 .wc-block-components-text-input label {
  color: #9295a0 !important;
  background-color: transparent !important;
}

body.page-id-22 .wc-block-components-formatted-money-amount {
  color: #389aff !important;
}

body.page-id-22 .wc-block-components-totals-coupon-link,
body.page-id-22 .wc-block-cart-item__remove-link {
  color: #389aff !important;
}

body.page-id-22 .wc-block-cart del {
  color: #6b6e78 !important;
}

body.page-id-22 .wc-block-cart__submit-button {
  background-color: #2d6eff !important;
  color: #ffffff !important;
}

/* 쿠폰 코드 "적용하기" 버튼: 주황 -> 파랑 */
body.page-id-22 .wc-block-components-totals-coupon__button {
  background-color: #2d6eff !important;
  color: #ffffff !important;
  border-color: #2d6eff !important;
}

/* 카트 상품 썸네일: 정사각 크롭 방지, 배경만 채워 여백 대비 확보 */
body.page-id-22 .wc-block-cart-item__image {
  background-color: #16171d !important;
}

body.page-id-22 .wc-block-cart-item__image > a {
  background-color: #16171d !important;
}

body.page-id-22 .wc-block-cart-item__image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ==================================================================
   결제 페이지 다크모드 (WooCommerce Classic Checkout, page-id-30710) (2026-09-10)
   실제 결제 페이지는 블록(Block) 방식이 아니라 [woocommerce_checkout] 클래식
   숏코드 템플릿이라 위 카트 블록 CSS와는 다른 클래스 체계를 사용함.
   ================================================================== */
body.page-id-30710 .content-pusher,
body.page-id-30710 .content-pusher > div {
  background-color: #000000 !important;
}

body.page-id-30710 .woocommerce-checkout,
body.page-id-30710 .woocommerce-checkout * {
  color: #ffffff !important;
}

body.page-id-30710 #order_review_heading,
body.page-id-30710 h3 {
  color: #ffffff !important;
}

/* 쿠폰 안내 배너 */
body.page-id-30710 .woocommerce-info {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

body.page-id-30710 .woocommerce-info a,
body.page-id-30710 .showcoupon {
  color: #389aff !important;
}

/* 청구 상세 입력 필드 */
body.page-id-30710 input.input-text,
body.page-id-30710 textarea,
body.page-id-30710 select,
body.page-id-30710 .select2-selection,
body.page-id-30710 .woocommerce-input-wrapper input {
  background-color: #16171d !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

body.page-id-30710 label {
  color: #9295a0 !important;
}

/* 주문 요약 박스 (고객님의 주문) */
body.page-id-30710 #order_review,
body.page-id-30710 .woocommerce-checkout-review-order-table {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.page-id-30710 .woocommerce-checkout-review-order-table th,
body.page-id-30710 .woocommerce-checkout-review-order-table td,
body.page-id-30710 .cart_item,
body.page-id-30710 .cart-subtotal,
body.page-id-30710 .order-total {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.page-id-30710 .order-total .woocommerce-Price-amount,
body.page-id-30710 .cart-subtotal .woocommerce-Price-amount,
body.page-id-30710 .product-total .woocommerce-Price-amount {
  color: #389aff !important;
}

/* 결제 수단 목록 */
body.page-id-30710 .wc_payment_methods,
body.page-id-30710 .wc_payment_method,
body.page-id-30710 .payment_box {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.page-id-30710 .payment_box {
  background-color: #16171d !important;
}

body.page-id-30710 .payment_box::before {
  border-bottom-color: #16171d !important;
}

/* 이용약관 체크박스 영역 */
body.page-id-30710 .woocommerce-terms-and-conditions-wrapper a {
  color: #389aff !important;
}

/* 주문 확정 버튼: 기존 강조색 유지, 텍스트만 대비 확보 */
body.page-id-30710 #place_order {
  color: #16171d !important;
}

/* 테마가 PHP 훅으로 주문 요약을 감싸는 .inner-col-set 래퍼: 하드코딩된
   밝은 배경(--thim-bg-order-cart, #f3f7ff)을 다크모드에 맞게 덮어씀 (2026-09-10) */
body.page-id-30710 .inner-col-set {
  background-color: transparent !important;
}

/* ==== 모바일 강좌 목록 카드 단순화: 제목/가격만 표시 (2026-09-10) ==== */
@media (max-width: 767px) {
  body.post-type-archive-lp_course .course-item .course-instructor,
  body.post-type-archive-lp_course .course-item .course-lesson,
  body.post-type-archive-lp_course .course-item .course-students,
  body.archive.learnpress-page .course-item .course-instructor,
  body.archive.learnpress-page .course-item .course-lesson,
  body.archive.learnpress-page .course-item .course-students {
    display: none !important;
  }

  body.post-type-archive-lp_course .course-item .course-meta::before,
  body.archive.learnpress-page .course-item .course-meta::before {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.post-type-archive-lp_course .course-item .course-meta::after,
  body.archive.learnpress-page .course-item .course-meta::after {
    display: none !important;
  }
}

/* ==== 모바일 강좌 카드: 테두리 제거 + 제목/가격 간격 축소 (2026-09-10) ==== */
@media (max-width: 767px) {
  body.post-type-archive-lp_course .course-item .thim-course-content,
  body.archive.learnpress-page .course-item .thim-course-content {
    border: none !important;
  }

  body.post-type-archive-lp_course .course-item .course-title,
  body.archive.learnpress-page .course-item .course-title {
    margin-bottom: 6px !important;
  }

  body.post-type-archive-lp_course .course-item .course-meta,
  body.archive.learnpress-page .course-item .course-meta {
    padding-top: 0 !important;
    padding-bottom: 6px !important;
  }
}

/* ==== 모바일 강좌 카드: 가격 가운데 정렬 (2026-09-10) ====
   .course-price 에 float:right 가 걸려있어 가격이 오른쪽으로 밀려 보이던 문제 수정 */
@media (max-width: 767px) {
  body.post-type-archive-lp_course .course-item .course-price,
  body.archive.learnpress-page .course-item .course-price {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

/* ==== 모바일 강좌 카드: 제목-가격 간격 추가 축소 (2026-09-10) ==== */
@media (max-width: 767px) {
  body.post-type-archive-lp_course .course-item .course-title,
  body.archive.learnpress-page .course-item .course-title {
    margin-bottom: 0 !important;
  }

  body.post-type-archive-lp_course .course-item .course-meta,
  body.archive.learnpress-page .course-item .course-meta {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* ==== 강좌 상세페이지: 하단 고정 장바구니 담기 바 (2026-09-10) ==== */
.mcs-sticky-cart {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #0a0b0f;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transform: translateY(100%);
  transition: transform 0.25s ease;
  padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
}

.mcs-sticky-cart.is-visible {
  transform: translateY(0);
}

.mcs-sticky-cart__inner {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mcs-sticky-cart__price {
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mcs-sticky-cart__price .origin-price {
  color: #8a8d96;
  font-weight: 400;
  font-size: 14px;
  text-decoration: line-through;
  margin-right: 6px;
}

.mcs-sticky-cart__price .price {
  color: #389aff;
}

.mcs-sticky-cart__btn {
  flex-shrink: 0;
  background: #1a6bfc;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease;
}

.mcs-sticky-cart__btn:hover {
  background: #0f56d8;
}

@media (max-width: 480px) {
  .mcs-sticky-cart__price {
    font-size: 15px;
  }
  .mcs-sticky-cart__btn {
    padding: 12px 18px;
    font-size: 14px;
  }
}

/* ==================================================================
   게시판(bbPress) 다크모드 (2026-09-10)
   ================================================================== */
body.bbpress .content-pusher,
body.bbpress .content-pusher > div {
  background-color: #000000 !important;
}

body.bbpress .bbp-forums,
body.bbpress .bbp-topics,
body.bbpress .bbp-replies,
body.bbpress .bbp-forums *,
body.bbpress .bbp-topics *,
body.bbpress .bbp-replies *,
body.bbpress .bbp-forum-content,
body.bbpress .bbp-forum-content *,
body.bbpress .bbp-topic-content,
body.bbpress .bbp-topic-content *,
body.bbpress .bbp-reply-content,
body.bbpress .bbp-reply-content *,
body.bbpress .bbp-breadcrumb,
body.bbpress .bbp-breadcrumb *,
body.bbpress .bbp-search-form,
body.bbpress .bbp-search-form *,
body.bbpress .bbp-topic-form,
body.bbpress .bbp-topic-form *,
body.bbpress .bbp-reply-form,
body.bbpress .bbp-reply-form *,
body.bbpress .bbp-login-form,
body.bbpress .bbp-login-form *,
body.bbpress .bbp-pagination,
body.bbpress .bbp-pagination * {
  color: #ffffff !important;
}

/* 헤더 행(주황색 배경)은 유지, 텍스트만 흰색 그대로 */
body.bbpress .bbp-header,
body.bbpress .bbp-header * {
  color: #ffffff !important;
}

/* 목록 행/푸터/검색창/알림 박스 배경: 밝은 회색 -> 어두운 패널 */
body.bbpress .bbp-body ul,
body.bbpress .bbp-footer,
body.bbpress .bbp-search-form,
body.bbpress .bbp-search-form form,
body.bbpress .bbp-template-notice,
body.bbpress .bbp-topic-form fieldset,
body.bbpress .bbp-reply-form fieldset,
body.bbpress .bbp-login-form fieldset {
  background-color: #16171d !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.bbpress .bbp-body ul:nth-child(even) {
  background-color: #1b1c23 !important;
}

/* 입력창/텍스트영역/드롭다운 */
body.bbpress input[type="text"],
body.bbpress input[type="search"],
body.bbpress input[type="password"],
body.bbpress input[type="email"],
body.bbpress textarea,
body.bbpress select {
  background-color: #0e0f13 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

/* 링크/제목 포인트 컬러 */
body.bbpress .bbp-forum-title,
body.bbpress .bbp-topic-permalink,
body.bbpress a.bbp-forum-title,
body.bbpress a.bbp-topic-permalink {
  color: #389aff !important;
}

body.bbpress .bbp-forums a:hover,
body.bbpress .bbp-topics a:hover {
  color: #389aff !important;
}

/* 알림 박스 (정보/경고) 좌측 강조선 */
body.bbpress .bbp-template-notice.info {
  border-left: 3px solid #389aff !important;
}

body.bbpress .bbp-template-notice.warning,
body.bbpress .bbp-template-notice.important {
  border-left: 3px solid #f0b849 !important;
}

/* 버튼 */
body.bbpress .button,
body.bbpress button[type="submit"],
body.bbpress input[type="submit"] {
  background-color: #1a6bfc !important;
  color: #ffffff !important;
  border: none !important;
}

body.bbpress .button:hover,
body.bbpress button[type="submit"]:hover,
body.bbpress input[type="submit"]:hover {
  background-color: #0f56d8 !important;
}

/* ==== .content-pusher 흰 배경 전역 수정 (2026-09-10) ====
   지금까지 새 페이지 유형(장바구니, 결제, 강좌 목록, 게시판, FAQ 등)을 만들 때마다
   테마의 .content-pusher 및 그 바로 아래 이름 없는 wrapper div가 매번 흰 배경으로
   나와서 페이지별로 하나씩 고쳐왔음. 사이트 전체가 다크 테마이므로 페이지별 스코프
   대신 전역으로 한 번에 처리. */
.content-pusher,
.content-pusher > div {
  background-color: #000000 !important;
}

/* ==== 헤더 미니 장바구니 드롭다운: 전역 다크모드 (2026-09-17) ====
   장바구니 아이콘에 마우스를 올리면 나오는 미리보기 드롭다운이 모든 페이지 헤더에
   공통으로 떠서 페이지별 스코프가 아니라 전역으로 처리 */
.widget_shopping_cart {
  --thim-font-title-color: #ffffff;
  --thim-border-color: rgba(255, 255, 255, 0.15);
}

.widget_shopping_cart .widget_shopping_cart_content {
  background: #12151a !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4) !important;
}

.widget_shopping_cart .widget_shopping_cart_content::after {
  border-color: #12151a !important;
  box-shadow: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart__empty-message {
  color: #ffffff !important;
}

.widget_shopping_cart .widget_shopping_cart_content .buttons a.checkout {
  background-color: #2d6eff !important;
  color: #ffffff !important;
}

.widget_shopping_cart .widget_shopping_cart_content .buttons a.checkout:hover {
  background-color: #1f5ce0 !important;
}

/* ==== bbPress 새 글 작성 폼: 남은 흰 배경 요소 전역 방어 (2026-09-10) ==== */
body.bbpress #bbpress-forums,
body.bbpress #bbpress-forums > div,
body.bbpress .bbp-topic-form,
body.bbpress .bbp-topic-form fieldset,
body.bbpress .bbp-topic-form legend,
body.bbpress .bbp-reply-form,
body.bbpress .bbp-reply-form fieldset,
body.bbpress .bbp-reply-form legend,
body.bbpress .bbp-submit-wrapper {
  background-color: transparent !important;
  color: #ffffff !important;
}

body.bbpress .bbp-topic-form fieldset,
body.bbpress .bbp-reply-form fieldset {
  background-color: #16171d !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ==== bbPress: 알 수 없는 흰 배경 요소 포괄 방어 (2026-09-10) ====
   .content-pusher 안의 모든 요소 배경을 기본 투명으로 리셋하고,
   버튼/알림창/입력폼 등 의도적으로 색이 있어야 하는 요소는
   더 구체적인 선택자(이미 위에 정의됨)가 우선 적용되어 정상 표시됨. */
body.bbpress .content-pusher * {
  background-color: transparent !important;
}

/* ==== 게시판(bbPress) 페이지: 상단 배경 이미지 제거 (2026-09-10) ====
   .top_site_main 이 테마 데모 사이트(eduma.thimpress.com)의 깨진 이미지를
   배경으로 불러오고 있었음. 게시판 페이지에서만 제거. */
body.bbpress .top_site_main {
  background-image: none !important;
}

/* ==== 게시판 목록 표 레이아웃 (2026-09-10) ==== */
body.bbpress .mcs-topic-table,
body.bbpress .mcs-topic-table th,
body.bbpress .mcs-topic-table td,
body.bbpress .mcs-topic-table tr {
  border: none !important;
}

body.bbpress .mcs-topic-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

body.bbpress .mcs-topic-table thead th {
  padding: 14px 12px;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #9295a0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  background-color: transparent !important;
}

body.bbpress .mcs-topic-table .mcs-col-no {
  width: 60px;
  text-align: center;
}

body.bbpress .mcs-topic-table .mcs-col-author,
body.bbpress .mcs-topic-table .mcs-col-date,
body.bbpress .mcs-topic-table .mcs-col-views {
  width: 110px;
  text-align: center;
}

body.bbpress .mcs-topic-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background-color: transparent !important;
}

body.bbpress .mcs-topic-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

body.bbpress .mcs-topic-table td {
  padding: 16px 12px;
  color: #ffffff !important;
  background-color: transparent !important;
}

body.bbpress .mcs-topic-table .mcs-col-no,
body.bbpress .mcs-topic-table .mcs-col-author,
body.bbpress .mcs-topic-table .mcs-col-date,
body.bbpress .mcs-topic-table .mcs-col-views {
  text-align: center;
  color: #9295a0 !important;
  font-size: 13px;
}

body.bbpress .mcs-topic-table .bbp-topic-permalink {
  color: #ffffff !important;
  font-weight: 500;
  text-decoration: none;
}

body.bbpress .mcs-topic-table .bbp-topic-permalink:hover {
  color: #389aff !important;
}

body.bbpress .mcs-topic-table .mcs-topic-reply-count {
  margin-left: 4px;
  color: #389aff !important;
  font-size: 13px;
}

body.bbpress .mcs-topic-table .mcs-topic-pinned {
  margin-right: 6px;
}

@media (max-width: 600px) {
  body.bbpress .mcs-topic-table .mcs-col-author,
  body.bbpress .mcs-topic-table .mcs-col-date {
    display: none;
  }
}

/* ==== 게시판(bbPress) 페이지: 사이드바 제거, 본문 전체 폭 사용 (2026-09-10) ==== */
body.bbpress #sidebar {
  display: none !important;
}

body.bbpress .site-main.col-sm-9 {
  width: 100% !important;
  float: none !important;
}

/* ==== NEWS 카테고리 페이지 정리 (2026-09-10) ====
   글이 없을 때 나오는 영어 "Nothing Found" 안내문 + 검색창 숨김,
   사이드바(POPULAR COURSES 등) 제거하고 본문 전체 폭 사용 */
body.category-news .no-results {
  display: none !important;
}

body.category-news #sidebar {
  display: none !important;
}

body.category-news .site-main.col-sm-9 {
  width: 100% !important;
  float: none !important;
}

/* ==================================================================
   게시판 글/답변 카드 디자인 리뉴얼 (2026-09-10)
   ================================================================== */
body.bbpress .mcs-post-card {
  background-color: #16171d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 24px 28px;
  margin-bottom: 20px;
}

body.bbpress .mcs-post-card--reply {
  margin-left: 0;
}

body.bbpress .mcs-post-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.bbpress .mcs-post-card__author {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

body.bbpress .mcs-post-card__author .bbp-author-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #ffffff !important;
}

body.bbpress .mcs-post-card__author .bbp-author-avatar img {
  border-radius: 50%;
  display: block;
}

body.bbpress .mcs-post-card__author .bbp-author-name {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff !important;
}

body.bbpress .mcs-post-card__author .bbp-author-role {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background-color: rgba(56, 154, 255, 0.15);
  color: #389aff !important;
  font-size: 12px;
  font-weight: 600;
}

body.bbpress .mcs-post-card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #7c7f89 !important;
}

body.bbpress .mcs-post-card__permalink {
  color: #7c7f89 !important;
  text-decoration: none;
}

body.bbpress .mcs-post-card__permalink:hover {
  color: #389aff !important;
}

body.bbpress .mcs-post-card__content {
  font-size: 15px;
  line-height: 1.75;
  color: #d6d7db !important;
}

body.bbpress .mcs-post-card__content p:last-child {
  margin-bottom: 0;
}

body.bbpress .mcs-post-card__actions {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
}

body.bbpress .mcs-post-card__actions a {
  color: #7c7f89 !important;
  text-decoration: none;
  margin-right: 4px;
}

body.bbpress .mcs-post-card__actions a:hover {
  color: #389aff !important;
}

/* 상단 알림 바(구독/즐겨찾기) 다듬기 */
body.bbpress .bbp-topic-header {
  margin-bottom: 4px;
}

/* 오래된 글쓴이/글 열 헤더-풋터 라벨 숨김 (새 카드 레이아웃엔 불필요) */
body.bbpress .bbp-lead-topic > .bbp-header,
body.bbpress .bbp-lead-topic > .bbp-footer,
body.bbpress .bbp-replies > .bbp-header,
body.bbpress .bbp-replies > .bbp-footer {
  display: none !important;
}

@media (max-width: 600px) {
  body.bbpress .mcs-post-card {
    padding: 18px 18px;
  }
}

/* ==== 게시판 목록 하단: 검색창 + 글쓰기 버튼 (2026-09-10) ==== */
body.bbpress .mcs-topic-list-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 20px;
}

body.bbpress .mcs-topic-list-footer__search {
  flex: 1;
  max-width: 320px;
}

body.bbpress .mcs-topic-list-footer .bbp-search-box {
  overflow: visible !important;
}

body.bbpress .mcs-topic-list-footer #bbp_search {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #16171d !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 0 40px 0 16px !important;
}

body.bbpress .mcs-topic-list-footer .bbp-search-box::before {
  color: #7c7f89 !important;
  right: 8px !important;
}

body.bbpress .mcs-topic-list-footer #bbp_search_submit {
  cursor: pointer;
}

body.bbpress .mcs-write-button {
  display: inline-block;
  flex-shrink: 0;
  background-color: #1a6bfc;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 11px 28px;
  border-radius: 999px;
  transition: background 0.2s ease;
}

body.bbpress .mcs-write-button:hover {
  background-color: #0f56d8;
  color: #ffffff !important;
}

@media (max-width: 600px) {
  body.bbpress .mcs-topic-list-footer {
    flex-direction: column;
    align-items: stretch;
  }
  body.bbpress .mcs-topic-list-footer__search {
    max-width: none;
  }
  body.bbpress .mcs-write-button {
    text-align: center;
  }
}

/* ==== 레퍼런스 게시판 스타일에 맞춰 추가 정리 (2026-09-10) ==== */

/* 글쓰기 폼은 "글쓰기" 버튼 클릭 전까지 숨김 */
body.bbpress .mcs-topic-form--hidden {
  display: none !important;
}

body.bbpress #new-topic-0 {
  margin-top: 24px;
  scroll-margin-top: 100px;
}

/* 글쓰기 버튼을 button 태그로도 써도 동일하게 보이도록 */
body.bbpress button.mcs-write-button {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

/* ==== 검색창 버튼: 범용 제출버튼 파란색 규칙에서 제외 (2026-09-10) ====
   body.bbpress input[type="submit"] 전역 규칙이 검색창의 원래
   투명 오버레이 버튼까지 파랗게 칠해버려서 별도로 다시 투명 처리 */
body.bbpress #bbp_search_submit {
  background-color: transparent !important;
  color: transparent !important;
  width: 30px !important;
  padding: 0 !important;
}

/* ==== 글쓰기 폼: 제목 입력란 전체 너비로 (2026-09-10) ==== */
body.bbpress .mcs-post-form #bbp_topic_title,
body.bbpress .mcs-post-form #bbp_topic_content,
body.bbpress .mcs-post-form #bbp_reply_content {
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #0e0f13 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 14px;
}

body.bbpress .mcs-post-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #ffffff !important;
}

body.bbpress .mcs-post-form p {
  margin-bottom: 20px;
}

/* ==================================================================
   프로필 페이지(강사 대시보드, /lp-profile/) 다크모드 (2026-09-17)
   ================================================================== */
body.page-id-8 .content-pusher,
body.page-id-8 .content-pusher > div {
  background-color: #000000 !important;
}

/* LearnPress가 곳곳에서 쓰는 --lp-border-color 기본값(#E2E0DB, 밝은 회색)을
   낮은 투명도 흰색으로 덮어써서 사이드바/통계카드/탭의 모든 구분선을 한 번에 정리 */
body.page-id-8 {
  --lp-border-color: rgba(255, 255, 255, 0.08);
}

/* 진짜 원인: 부모 테마(eduma/style.css)가 #learn-press-profile.lp-user-profile th 등에
   ID 선택자 + !important 로 var(--thim-lp-profile-bg-color, #fff) 를 강제하고 있어서
   지금까지의 개별 !important 규칙들이 전부 밀렸음. 변수 자체를 덮어써서 근본적으로 해결
   (통계 카드, 사이드바, th/td, 설정 드롭다운까지 전부 이 변수 하나로 제어됨) */
body.page-id-8 {
  --thim-lp-profile-bg-color: transparent;
  --thim-border-color: rgba(255, 255, 255, 0.08);
  --thim-body-bg-color: transparent;
  --thim-font-title-color: #ffffff;
  --thim-body-primary-color: #2d6eff;
  --lp-primary-color: #2d6eff;
}

/* 주문 목록의 "보기" / 주문키 복구의 "복구" 버튼: 주황 -> 파랑 (변수 우회 대비 직접 지정) */
body.page-id-8 .profile-orders .column-order-actions a,
body.page-id-8 .button-recover-order {
  background-color: #2d6eff !important;
  border-color: #2d6eff !important;
  color: #ffffff !important;
}

/* "강좌를 찾을 수 없습니다" 같은 안내 메시지 박스(밝은 하늘색 배경)를 다크모드로.
   테마가 .learn-press-message / .lp-ajax-message / .courses-not-found 세 클래스를
   섞어 쓰기 때문에 전부 포함 */
body.page-id-8 .learn-press-message,
body.page-id-8 .lp-ajax-message,
body.page-id-8 .courses-not-found {
  background-color: rgba(45, 110, 255, 0.12) !important;
  color: #6fa3ff !important;
}

body.page-id-8 .learn-press-message.error,
body.page-id-8 .lp-ajax-message.error,
body.page-id-8 .courses-not-found.error {
  background-color: rgba(255, 59, 48, 0.12) !important;
  color: #ff8a80 !important;
}

body.page-id-8 .learn-press-message.warning,
body.page-id-8 .lp-ajax-message.warning,
body.page-id-8 .courses-not-found.warning {
  background-color: rgba(255, 149, 0, 0.12) !important;
  color: #ffb74d !important;
}

body.page-id-8 .learn-press-message.success,
body.page-id-8 .lp-ajax-message.success,
body.page-id-8 .courses-not-found.success {
  background-color: rgba(58, 181, 0, 0.12) !important;
  color: #7ed957 !important;
}

/* 흰 카드 영역(entry-content)을 페이지와 동일한 순검정으로, 테두리 없이 */
body.page-id-8 .entry-content {
  background-color: #000000 !important;
  border: none !important;
  border-radius: 0;
}

/* 전체 텍스트 블랭킷: 흰색 기본 */
body.page-id-8 .entry-content * {
  color: #ffffff !important;
}

/* .lp-user-profile 자체가 흰 배경(rgb(255,255,255))을 가지고 있어서 별도로 투명 처리 */
body.page-id-8 .lp-user-profile {
  background-color: transparent !important;
}

body.page-id-8 .lp-profile-content-area {
  border-bottom: none !important;
}

/* 좌측 사이드바 메뉴: 페이지와 동일한 배경, 테두리/구분선 전부 제거 */
body.page-id-8 #profile-nav.profile-nav,
body.page-id-8 #profile-sidebar {
  background-color: #000000 !important;
  border: none !important;
  border-radius: 0;
}

body.page-id-8 .lp-profile-nav-tabs li a {
  color: #c3cbd6 !important;
}

body.page-id-8 .lp-profile-nav-tabs > li,
body.page-id-8 .lp-profile-nav-tabs > li ul li a {
  border: none !important;
}

body.page-id-8 .lp-profile-nav-tabs li:hover > a {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* li 자체의 호버 배경이 LearnPress 기본값(--lp-white-grey, 거의 흰색)으로 바뀌던 것 수정 */
body.page-id-8 .lp-profile-nav-tabs > li:not(.active):hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* 활성 메뉴 색상: 노랑 -> 파랑 */
body.page-id-8 .lp-profile-nav-tabs > li.active {
  background-color: #2d6eff !important;
}

body.page-id-8 .lp-profile-nav-tabs > li.active > a,
body.page-id-8 .lp-profile-nav-tabs > li.active > a i {
  color: #ffffff !important;
}

body.page-id-8 .profile-tab-sections a {
  color: #98a1ad !important;
}

/* 설정 하위메뉴(일반/아바타/커버 이미지/비밀번호) 팝업이 흰 배경(#fff)으로 나오던 것 수정 */
body.page-id-8 .lp-profile-nav-tabs li > ul.profile-tab-sections {
  background-color: #12151a !important;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.4) !important;
}

body.page-id-8 .profile-tab-sections li:hover > a {
  color: #ffffff !important;
}

/* 통계 카드 (총 코스 / 게시된 코스 / 학생 수 등): 배경/테두리 없이 페이지와 동일하게 */
body.page-id-8 .statistic-box {
  background-color: #000000 !important;
  border: none !important;
  border-radius: 0;
}

body.page-id-8 .statistic-box__text label {
  color: #98a1ad !important;
}

body.page-id-8 .statistic-box__text__number {
  color: #ffffff !important;
}

/* 모두 / 게시 / 보류 중 탭 + Course Builder 버튼 */
body.page-id-8 .learn-press-filters li a {
  color: #98a1ad !important;
}

body.page-id-8 .learn-press-course-builder-link {
  display: none !important;
}

/* 강좌 카드: 테두리 제거 */
body.page-id-8 .course-item,
body.page-id-8 .widget {
  border: none !important;
}

body.page-id-8 .thim-course-content {
  background-color: transparent !important;
  border: none !important;
}

body.page-id-8 .origin-price {
  color: #8a8d96 !important;
}

body.page-id-8 .course-price .price {
  color: #389aff !important;
}

/* ==== "내 강좌" 탭: 퀴즈/코스 결과 표 다크모드 (2026-09-17) ====
   테이블/썸네일 영역이 흰 배경으로 남아있던 것 전부 투명 처리 */
body.page-id-8 table,
body.page-id-8 table thead,
body.page-id-8 table tbody,
body.page-id-8 table tr,
body.page-id-8 table th,
body.page-id-8 table td {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body.page-id-8 img {
  background-color: transparent !important;
}

/* 실제 헤더 요소는 .lp_profile_course_progress__header 클래스로 배경(#f4f4f5)이
   직접 지정되어 있어서(테마 style.css) table 선택자로는 안 잡혔음 - 클래스로 직접 지정 */
body.page-id-8 [class*="lp_profile_course_progress"] {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 표 행에 마우스 올릴 때 밝은 하늘색(#eff6ff)으로 바뀌던 것 수정 */
body.page-id-8 table.lp-list-table tbody tr:hover,
body.page-id-8 table.lp-list-table thead tr:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* ==== 강좌 카드: 썸네일 / 제목 / 가격만 남기고 나머지 요소 제거 (2026-09-17) ==== */
body.page-id-8 .course-instructor,
body.page-id-8 .course-description,
body.page-id-8 .course-meta .course-lesson,
body.page-id-8 .course-meta .course-students,
body.page-id-8 .course-button-wishlist__wrapper-no-css {
  display: none !important;
}

body.page-id-8 .course-meta::before,
body.page-id-8 .course-meta::after {
  display: none !important;
}

body.page-id-8 .course-price {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

body.page-id-8 .course-meta {
  padding-top: 10px !important;
}

/* ==== 전체강좌 페이지: 카테고리/작성자/가격 필터 위젯 제거 (2026-09-10) ==== */
body.post-type-archive-lp_course .widget_course_filter,
body.archive.learnpress-page .widget_course_filter {
  display: none !important;
}

/* ==================================================================
   전체강좌 / 카테고리 페이지 카드 정리 (2026-09-22)
   그리드 레이아웃으로 전환하면서 썸네일 위에 계정명(Mucly) 아바타와
   위시리스트 하트가 겹쳐 보이던 것 정리
   ================================================================== */
body.post-type-archive-lp_course .course-item .course-instructor,
body.archive.learnpress-page .course-item .course-instructor,
body.post-type-archive-lp_course .course-button-wishlist__wrapper-no-css,
body.archive.learnpress-page .course-button-wishlist__wrapper-no-css,
body.post-type-archive-lp_course .course-item .course-students,
body.archive.learnpress-page .course-item .course-students {
  display: none !important;
}

/* 아바타가 빠진 만큼 카드 상단 여백 축소 */
body.post-type-archive-lp_course .course-item .thim-course-content,
body.archive.learnpress-page .course-item .thim-course-content {
  padding-top: 22px !important;
}

/* 카드 제목: 줄 수가 달라도 카드 높이가 맞도록 */
body.post-type-archive-lp_course .course-item .course-title,
body.archive.learnpress-page .course-item .course-title {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* 상단 "강좌" 헤딩 영역: 홈 히어로와 같은 톤의 그라디언트 */
body.post-type-archive-lp_course .top_site_main,
body.archive.learnpress-page .top_site_main {
  background-color: #04060c !important;
  background-image:
    radial-gradient(620px 300px at 20% 120%, rgba(45,110,255,0.28) 0%, rgba(45,110,255,0) 70%),
    radial-gradient(520px 260px at 80% -20%, rgba(140,80,255,0.22) 0%, rgba(140,80,255,0) 70%) !important;
}

/* ==== 강좌 카드: 테두리/구분선 제거, 제목·가격만 노출 (2026-09-22) ====
   데스크톱에서만 보이던 카드 테두리(#eee), 제목 아래 회색 선(::after)과
   주황 포인트 바(::before), 강의 수 표기를 모두 정리 */
body.post-type-archive-lp_course .course-item,
body.post-type-archive-lp_course .course-item .thim-course-content,
body.archive.learnpress-page .course-item,
body.archive.learnpress-page .course-item .thim-course-content {
  border: none !important;
  box-shadow: none !important;
}

body.post-type-archive-lp_course .course-item .course-meta::before,
body.post-type-archive-lp_course .course-item .course-meta::after,
body.archive.learnpress-page .course-item .course-meta::before,
body.archive.learnpress-page .course-item .course-meta::after {
  display: none !important;
}

body.post-type-archive-lp_course .course-item .course-lesson,
body.archive.learnpress-page .course-item .course-lesson {
  display: none !important;
}

body.post-type-archive-lp_course .course-item .course-meta,
body.archive.learnpress-page .course-item .course-meta {
  padding: 0 0 6px !important;
  border: none !important;
}

body.post-type-archive-lp_course .course-item .course-price,
body.archive.learnpress-page .course-item .course-price {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

/* ==== 강좌 카드: 제목/가격 간격 축소 (2026-09-22) ====
   썸네일-제목 22px, 제목 박스 min-height 52px, 제목 아래 16px 로
   위아래가 벌어져 있던 것을 바짝 붙임 */
body.post-type-archive-lp_course .course-item .thim-course-content,
body.archive.learnpress-page .course-item .thim-course-content {
  padding-top: 14px !important;
  padding-bottom: 4px !important;
}

body.post-type-archive-lp_course .course-item .course-title,
body.archive.learnpress-page .course-item .course-title {
  min-height: 0 !important;
  display: block !important;
  margin: 0 0 4px !important;
  text-align: center;
  line-height: 1.45;
}

body.post-type-archive-lp_course .course-item .course-meta,
body.archive.learnpress-page .course-item .course-meta {
  padding: 0 !important;
  margin: 0 !important;
}

/* ==== 강좌 썸네일 모서리 라운드 (2026-09-22) ====
   카드 테두리를 없앤 뒤 썸네일이 검정 배경 위에 그대로 놓이므로
   위쪽만 둥글던 4px -> 네 모서리 16px 로 */
body.post-type-archive-lp_course .course-item .course-thumbnail,
body.archive.learnpress-page .course-item .course-thumbnail,
body.home .course-item .course-thumbnail {
  border-radius: 16px !important;
  overflow: hidden !important;
}

body.post-type-archive-lp_course .course-item .course-thumbnail > a.thumb,
body.archive.learnpress-page .course-item .course-thumbnail > a.thumb,
body.home .course-item .course-thumbnail > a.thumb,
body.post-type-archive-lp_course .course-item .course-thumbnail img,
body.archive.learnpress-page .course-item .course-thumbnail img,
body.home .course-item .course-thumbnail img {
  border-radius: 16px !important;
}

/* 홈 "이달의 핫 클래스" 위젯은 마크업이 달라(.thim-ekits-course__thumbnail)
   위 선택자에 안 걸려서 별도 지정 (2026-09-22) */
.thim-ekits-course__thumbnail,
.thim-ekits-course__thumbnail a.course-thumbnail,
.thim-ekits-course__thumbnail img {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* ===== 로그인 팝업 · 계정 페이지 로그인 폼 세련되게 리디자인 (2026-09-26) ===== */

/* 팝업 카드: 라운드 + 그림자 */
#thim-popup-login .popup-login-wrapper {
  border-radius: 24px !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28), 0 4px 16px rgba(15, 23, 42, 0.08) !important;
  padding: 48px 0 !important;
}
#thim-popup-login .popup-login-wrapper:not(.has-shortcode) .thim-login,
#thim-popup-login .popup-login-wrapper:not(.has-shortcode) .thim-register {
  padding: 0 44px !important;
}
#thim-popup-login .thim-login-container .close-popup {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 36px !important;
  top: 16px !important;
  right: 16px !important;
  border-radius: 50%;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 14px !important;
  line-height: 36px !important;
  transition: background .15s, color .15s;
}
#thim-popup-login .thim-login-container .close-popup:hover {
  background: #e5e7eb;
  color: #111827;
}

/* 제목 */
#thim-popup-login .thim-login .title,
#thim-popup-login .thim-register .title,
#thim-form-login .thim-login .title {
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #111827 !important;
  margin: 0 0 28px !important;
  line-height: 1.4 !important;
}

/* 입력창 */
.thim-login form input[type=text],
.thim-login form input[type=email],
.thim-login form input[type=password],
.thim-register form input[type=text],
.thim-register form input[type=email],
.thim-register form input[type=password] {
  border-radius: 12px !important;
  border: 1.5px solid #e5e7eb !important;
  background: #f9fafb !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  min-height: 50px !important;
  margin-bottom: 14px !important;
  color: #111827 !important;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.thim-login form input[type=text]:focus,
.thim-login form input[type=email]:focus,
.thim-login form input[type=password]:focus,
.thim-register form input[type=text]:focus,
.thim-register form input[type=email]:focus,
.thim-register form input[type=password]:focus {
  border-color: #2d6eff !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(45,110,255,0.12) !important;
}
.thim-login form input::placeholder,
.thim-register form input::placeholder { color: #9ca3af !important; opacity: 1 !important; }

/* 로그인 / 가입 버튼 */
.thim-login form input[type=submit],
.thim-register form input[type=submit] {
  background: #2d6eff !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 14px 20px !important;
  min-height: 50px !important;
  transition: background .15s;
}
.thim-login form input[type=submit]:hover,
.thim-register form input[type=submit]:hover {
  background: #1d5ae0 !important;
  color: #fff !important;
}

/* 로그인 상태 유지 / 비밀번호 찾기 */
.thim-login form p.login-remember label,
.thim-register form p.login-remember label {
  font-size: 13px !important;
  color: #6b7280 !important;
}
.thim-login form p.login-remember input[type=checkbox],
.thim-register form p.login-remember input[type=checkbox] {
  border: 1.5px solid #d1d5db !important;
  border-radius: 4px;
  accent-color: #2d6eff;
}
.thim-login form > a.lost-pass-link,
.thim-register form > a.lost-pass-link {
  font-size: 13px !important;
  color: #6b7280 !important;
  font-weight: 400 !important;
}
.thim-login form > a.lost-pass-link:hover,
.thim-register form > a.lost-pass-link:hover { color: #2d6eff !important; }

/* 하단 안내 문구 + 링크 */
.thim-login .link-bottom, .thim-register .link-bottom {
  font-size: 14px !important;
  color: #6b7280 !important;
}
#thim-popup-login .popup-login-wrapper a,
#thim-form-login a {
  color: #2d6eff !important;
  font-weight: 600 !important;
}

/* 소셜 로그인: 세로 리스트형 버튼 (Class101 스타일) */
.tp-login-social-wrap { margin: 28px 0 0 !important; }
.tp-login-social-wrap .tp-login-social-title {
  position: relative;
  font-size: 13px !important;
  color: #9ca3af !important;
  margin-bottom: 16px !important;
}
.tp-login-social-wrap .tp-login-social-title::before,
.tp-login-social-wrap .tp-login-social-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(50% - 60px);
  height: 1px;
  background: #e5e7eb;
}
.tp-login-social-wrap .tp-login-social-title::before { left: 0; }
.tp-login-social-wrap .tp-login-social-title::after { right: 0; }

.tp-login-social-wrap .tp-login-social-buttons {
  flex-direction: column !important;
  gap: 10px !important;
  width: 100%;
}
.tp-login-social-wrap .tp-login-social-buttons .tp-social-btn {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  background: #fff !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 13px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  gap: 8px !important;
  transition: background .15s, border-color .15s;
}
.tp-login-social-wrap .tp-login-social-buttons .tp-social-btn:hover {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
}
.tp-login-social-wrap .tp-login-social-buttons .tp-social-btn span.tp-social-label {
  color: #374151 !important;
}
.tp-login-social-wrap .tp-login-social-buttons .tp-social-btn .tp-social-icon {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
}
.tp-login-social-wrap .tp-login-social-buttons .tp-social-btn .tp-social-icon svg {
  width: 22px !important;
  height: 22px !important;
}
.tp-login-social-wrap .tp-login-social-buttons .tp-social-btn {
  font-size: 14.5px !important;
  white-space: nowrap;
}

/* 소셜 버튼 아래 여백 보정 (2026-09-26) */
.thim-login form p.login-remember,
.thim-register form p.login-remember,
.thim-login form > a.lost-pass-link,
.thim-register form > a.lost-pass-link {
  margin-top: 20px !important;
}

/* ===== 결제 완료(주문 완료) 페이지 정리 (2026-09-29) ===== */
.woocommerce-order {
  max-width: 640px;
  margin: 0 auto;
  color: #c3cbd6;
}

/* 상단 안내 메시지 */
.woocommerce-order .woocommerce-thankyou-order-received {
  background: rgba(45,110,255,0.08) !important;
  border: 1px solid rgba(45,110,255,0.25) !important;
  border-radius: 14px;
  padding: 20px 22px !important;
  margin: 0 0 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #eef2f8 !important;
  text-align: center;
}
.woocommerce-order .woocommerce-thankyou-order-failed {
  background: rgba(239,68,68,0.1) !important;
  border: 1px solid rgba(239,68,68,0.3) !important;
  border-radius: 14px;
  padding: 20px 22px !important;
  color: #eef2f8 !important;
}

/* 주문 개요 (주문번호/날짜/이메일/총계/결제방법) */
.woocommerce-order-overview {
  list-style: none !important;
  margin: 0 0 28px !important;
  padding: 4px 20px !important;
  background: #0b0d11;
  border: 1px solid #1b1f26;
  border-radius: 14px;
  overflow: hidden;
}
.woocommerce-order-overview li {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  float: none !important;
  width: auto !important;
  border: none !important;
  border-bottom: 1px solid #1b1f26 !important;
  padding: 14px 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  color: #7f8996 !important;
}
.woocommerce-order-overview li:last-child {
  border-bottom: none !important;
}
.woocommerce-order-overview li strong {
  color: #eef2f8 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: right;
}
.woocommerce-order-overview__total strong {
  color: #4d8dff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* 주문 세부 사항 */
.woocommerce-order-details__title {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #eef2f8 !important;
  margin: 0 0 16px !important;
}
table.woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  background: #0b0d11;
  border: 1px solid #1b1f26;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 28px;
}
table.woocommerce-table--order-details th,
table.woocommerce-table--order-details td {
  padding: 14px 16px !important;
  border-bottom: 1px solid #1b1f26 !important;
  color: #c3cbd6 !important;
  font-size: 14px !important;
  text-align: left;
}
table.woocommerce-table--order-details thead th {
  color: #7f8996 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(255,255,255,0.02);
}
table.woocommerce-table--order-details .product-total,
table.woocommerce-table--order-details td:last-child,
table.woocommerce-table--order-details tfoot td {
  text-align: right !important;
}
table.woocommerce-table--order-details .product-name a {
  color: #eef2f8 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
table.woocommerce-table--order-details .product-quantity {
  color: #7f8996 !important;
  font-weight: 400 !important;
}
table.woocommerce-table--order-details tfoot th {
  color: #98a1ad !important;
  font-weight: 400 !important;
}
table.woocommerce-table--order-details tfoot tr:last-child th,
table.woocommerce-table--order-details tfoot tr:last-child td {
  color: #eef2f8 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  border-bottom: none !important;
}
table.woocommerce-table--order-details tr:last-child td,
table.woocommerce-table--order-details tr:last-child th {
  border-bottom: none !important;
}

/* 청구/배송 주소 */
.woocommerce-customer-details {
  border-top: 1px solid #1b1f26;
  padding-top: 20px;
}
.woocommerce-columns--addresses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .woocommerce-columns--addresses { grid-template-columns: 1fr 1fr; }
}
.woocommerce-column__title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #7f8996 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 10px !important;
}
.woocommerce-column address {
  font-style: normal;
  color: #c3cbd6 !important;
  font-size: 14px;
  line-height: 1.7;
}
.woocommerce-customer-details--email,
.woocommerce-customer-details--phone {
  color: #c3cbd6 !important;
}

/* ===== 프로필 "내 강좌" 대시보드 정리 (2026-09-29) ===== */

/* 헤더의 "나의 강의실"/"로그아웃" 링크 간격 (오탭 방지) */
.thim-link-login.thim-login-popup a.profile {
  margin-right: 18px !important;
}

/* 강좌 등록/진행/완료 등 통계 박스 섹션 제거 */
.learn-press-profile-course__statistic {
  display: none !important;
}

/* 내 강좌 리스트 썸네일 라운드 처리 */
.thim-course-list .course-item .course-thumbnail,
.thim-course-list .course-item .course-thumbnail .thumb,
.thim-course-list .course-item .course-thumbnail img {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* ===== 내 강좌 리스트 카드형으로 재정렬 (2026-09-29) ===== */
.thim-course-list .lpr_course {
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  background: rgba(255,255,255,0.02);
}
.thim-course-list .course-item {
  display: block !important;
  grid-template-columns: none !important;
}
.thim-course-list .course-item .course-thumbnail {
  width: 100% !important;
  margin-bottom: 16px;
}
.thim-course-list .course-item .thim-course-content {
  text-align: center;
}
.thim-course-list .course-item .thim-course-content .course-description,
.thim-course-list .course-item .thim-course-content .course-lesson,
.thim-course-list .course-item .thim-course-content .course-students,
.thim-course-list .course-item .thim-course-content > .course-author,
.thim-course-list .course-item .thim-course-content > .course-instructor {
  display: none !important;
}
.thim-course-list .course-item .thim-course-content .course-title {
  text-align: center !important;
  margin: 0 0 6px !important;
  font-size: 1.2rem !important;
}
.thim-course-list .course-item .thim-course-content .course-meta {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
}
.thim-course-list .course-item .thim-course-content .course-meta::before,
.thim-course-list .course-item .thim-course-content .course-meta::after {
  display: none !important;
}
.thim-course-list .course-item .thim-course-content .course-price {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

/* ===== 내 강좌 목록 테이블 → 카드형으로 재구성 (2026-09-29, 정확한 선택자로 재작업) ===== */
body.page-id-8 table.lp_profile_course_progress {
  display: block !important;
  width: 100% !important;
  border: none !important;
}
body.page-id-8 table.lp_profile_course_progress thead {
  display: none !important;
}
body.page-id-8 table.lp_profile_course_progress tbody {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item {
  display: block !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 8px !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td {
  display: block !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:first-child {
  margin-bottom: 14px !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:first-child img {
  width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
  object-fit: cover;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:nth-child(2) a {
  display: block !important;
  text-align: center !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td .course-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
/* 진행률 / 만료 시간 / 종료 시간 컬럼은 숨기고 썸네일과 제목만 노출 */
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:nth-child(3),
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:nth-child(4),
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:nth-child(5) {
  display: none !important;
}

/* ===== 내 강좌 썸네일 화면 넘침 방지 (2026-09-29, 보강) ===== */
body.page-id-8 .lp-table-wrap {
  border: none !important;
  background: transparent !important;
}
body.page-id-8 .lp-table-wrap,
body.page-id-8 table.lp_profile_course_progress,
body.page-id-8 table.lp_profile_course_progress tbody,
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item,
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:first-child a {
  display: block !important;
  width: 100% !important;
}
body.page-id-8 table.lp_profile_course_progress tr.lp_profile_course_progress__item td:first-child img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
}

/* ===== 진짜 원인 발견: LearnPress 코어 CSS가 table.lp-list-table에
   min-width:768px 를 강제로 걸어놔서 모바일에서 잘려나가고 있었음 (2026-09-29) ===== */
body.page-id-8 table.lp_profile_course_progress {
  min-width: 0 !important;
}

/* ===== PC 화면: 카드 두 줄(그리드) 폭 제한 (2026-09-29) ===== */
@media (min-width: 768px) {
  body.page-id-8 table.lp_profile_course_progress {
    max-width: 560px !important;
  }
}

/* ==== 홈 "이달의 핫 클래스" 카드 가운데 정렬 (2026-10-01) ====
   3열 그리드에 카드가 1개라 왼쪽에 붙던 것을 flex 중앙 정렬로 변경.
   카드 폭은 기존 1/3 열 폭 유지 (모바일 2열) */
.elementor-element-d3e3f26 .thim-ekits-course__inner {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.elementor-element-d3e3f26 .thim-ekits-course__item {
  flex: 0 0 calc((100% - 60px) / 3);
  max-width: calc((100% - 60px) / 3);
}
@media (max-width: 1024px) {
  .elementor-element-d3e3f26 .thim-ekits-course__item {
    flex-basis: calc((100% - 30px) / 2);
    max-width: calc((100% - 30px) / 2);
  }
}

/* ==== 강좌 학습 화면(팝업) 블랙 모드 (2026-10-01) ====
   사이트 블랙 톤(#070809 / #14181e / #eef2f8 / #4d8dff)에 맞춤 */
body.course-item-popup #popup-course {
  background: #070809 !important;
  color: #c3cbd6 !important;
}

/* 헤더: 하늘색 -> 블랙 */
body.course-item-popup #popup-header,
body.course-item-popup #popup-header .thim-course-item-popup-right,
body.course-item-popup #popup-header .popup-header__inner,
body.course-item-popup #popup-header .search-course,
body.course-item-popup #popup-header .search-course input,
body.course-item-popup #popup-header a.back_course {
  background: #0b0d10 !important;
  color: #eef2f8 !important;
}
body.course-item-popup #popup-header {
  border-bottom: 1px solid #14181e !important;
}
body.course-item-popup #popup-header .search-course input::placeholder {
  color: #7a8493 !important;
}
body.course-item-popup #popup-header i,
body.course-item-popup #popup-header button {
  color: #eef2f8 !important;
}

/* 좌측 커리큘럼 사이드바 */
body.course-item-popup #popup-sidebar {
  background: #0b0d10 !important;
  border-right: 1px solid #14181e !important;
}
body.course-item-popup #popup-sidebar .course-section__title,
body.course-item-popup #popup-sidebar .course-item-title,
body.course-item-popup #popup-sidebar .course-item__link,
body.course-item-popup #popup-sidebar .course-curriculum-info,
body.course-item-popup #popup-sidebar .course-curriculum-info li,
body.course-item-popup #popup-sidebar .course-item-order {
  color: #eef2f8 !important;
}
body.course-item-popup #popup-sidebar .course-section,
body.course-item-popup #popup-sidebar .course-item {
  border-color: #14181e !important;
}
body.course-item-popup #popup-sidebar .course-item:hover,
body.course-item-popup #popup-sidebar .course-item.current {
  background: #12161c !important;
}
body.course-item-popup #popup-sidebar .section-toggle,
body.course-item-popup #popup-sidebar .section-count-items,
body.course-item-popup #popup-sidebar .course-item-ico {
  color: #4d8dff !important;
}

/* 본문 */
body.course-item-popup #popup-content,
body.course-item-popup #popup-content .content-item-scrollable,
body.course-item-popup #popup-content .content-item-wrap,
body.course-item-popup #popup-content .content-item-summary {
  background: #070809 !important;
  color: #c3cbd6 !important;
}
body.course-item-popup #popup-content h1,
body.course-item-popup #popup-content h2,
body.course-item-popup #popup-content h3,
body.course-item-popup #popup-content .course-item-title,
body.course-item-popup #popup-content .comment-reply-title {
  color: #eef2f8 !important;
}
body.course-item-popup #popup-content a {
  color: #4d8dff;
}
body.course-item-popup #popup-content small {
  color: #7a8493 !important;
}
body.course-item-popup #popup-content .comments-area,
body.course-item-popup #popup-content .comment-respond-area {
  border-color: #14181e !important;
}
body.course-item-popup #popup-content textarea,
body.course-item-popup #popup-content input[type=text],
body.course-item-popup #popup-content input[type=email] {
  background: #0b0d10 !important;
  color: #eef2f8 !important;
  border: 1px solid #1b1f26 !important;
}
body.course-item-popup #popup-content textarea::placeholder {
  color: #7a8493 !important;
}
body.course-item-popup #popup-content .form-submit input.submit {
  background: #3065ff !important;
  color: #fff !important;
}

/* 하단 이전/다음 바 */
body.course-item-popup #popup-footer,
body.course-item-popup #popup-footer .course-item-nav,
body.course-item-popup #popup-footer .course-item-nav__name {
  background: #0b0d10 !important;
  color: #c3cbd6 !important;
  border-color: #14181e !important;
}
body.course-item-popup #popup-footer a {
  color: #eef2f8 !important;
}
body.course-item-popup .lp-loading-change {
  background: rgba(7, 8, 9, 0.6) !important;
}

/* 학습 화면 헤더 보완: 검색 폼 / 사이드바 토글 (2026-10-01) */
body.course-item-popup #popup-course .search-course,
body.course-item-popup #popup-course .search-course input,
body.course-item-popup #popup-course input.toggle-content-item,
body.course-item-popup #popup-course .toggle-content-item {
  background-color: #0b0d10 !important;
  color: #eef2f8 !important;
}
body.course-item-popup #popup-course .search-course input::placeholder {
  color: #7a8493 !important;
}
body.course-item-popup #popup-course .search-course i,
body.course-item-popup #popup-course .search-course button {
  color: #eef2f8 !important;
}

/* 강좌 목록 썸네일 호버 아이콘(Read More) 제거 (2026-10-01) */
.course-item .course-thumbnail .course-readmore {
  display: none !important;
}

/* 모바일: 핫 클래스 카드 전체 폭 + 호버 아이콘 제거 (2026-10-01) */
@media (max-width: 767px) {
  .elementor-element-d3e3f26 .thim-ekits-course__item {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.thim-ekits-course__thumbnail .thim-ekits-course__read-more,
.thim-ekits-course__item .thim-ekits-course__read-more {
  display: none !important;
}

/* ==== Q&A 글 하단 메뉴 정리 (2026-10-01) ====
   수정 · 삭제 · 답변만 남기고 글꼴/간격 정돈 */
body.bbpress .mcs-post-card__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
body.bbpress .mcs-post-card__actions .bbp-admin-links {
  display: flex;
  gap: 8px;
  float: none;
  margin: 0;
}
body.bbpress .mcs-post-card__actions a {
  display: inline-block;
  margin: 0 !important;
  padding: 7px 16px;
  border: 1px solid #1b1f26;
  border-radius: 999px;
  background: #0b0d10;
  color: #c3cbd6 !important;
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-decoration: none;
  transition: border-color .15s, color .15s, background .15s;
}
body.bbpress .mcs-post-card__actions a:hover {
  border-color: #4d8dff;
  background: #12161c;
  color: #4d8dff !important;
}
/* 답변 버튼은 포인트 컬러 */
body.bbpress .mcs-post-card__actions a.bbp-topic-reply-link,
body.bbpress .mcs-post-card__actions a.bbp-reply-to-link {
  border-color: #3065ff;
  background: #3065ff;
  color: #fff !important;
}
body.bbpress .mcs-post-card__actions a.bbp-topic-reply-link:hover,
body.bbpress .mcs-post-card__actions a.bbp-reply-to-link:hover {
  background: #4d8dff;
  border-color: #4d8dff;
  color: #fff !important;
}

/* ==== Q&A 게시판 불필요 요소 숨김 (2026-10-01) ====
   - "이 주제에는 0개 답변..." 안내 박스
   - 즐겨찾기 / 구독하기
   - 작성자 옆 역할 표시(키 마스터, 참가자 등)
   - 작성일 옆 #글번호 */
body.bbpress .bbp-template-notice.info:has(.bbp-topic-description),
body.bbpress li.bbp-topic-description,
body.bbpress .bbp-template-notice.info:has(.bbp-forum-description) {
  display: none !important;
}
body.bbpress #favorite-toggle,
body.bbpress #subscription-toggle,
body.bbpress .favorite-toggle,
body.bbpress .subscription-toggle {
  display: none !important;
}
body.bbpress .bbp-author-role,
body.bbpress .mcs-post-card__permalink {
  display: none !important;
}

/* ==== 모바일 헤더: 햄버거 메뉴 항상 보이게 + 새 로고 크기 (2026-10-01) ==== */
.navbar-toggle .icon-bar,
.menu-mobile-effect .icon-bar {
  background-color: #ffffff !important;
}
@media (max-width: 1024px) {
  header.site-header .sm-logo .thim-logo,
  header.site-header .sm-logo .thim-logo img {
    width: 92px !important;
    max-width: 92px !important;
    height: auto !important;
  }
}

/* 게시판(body.bbpress)의 'content-pusher * { background: transparent }' 규칙이
   모바일 햄버거 막대까지 투명하게 만들던 문제 보완 (2026-10-01) */
body.bbpress .content-pusher .navbar-toggle .icon-bar,
body.bbpress .content-pusher .menu-mobile-effect .icon-bar {
  background-color: #ffffff !important;
}

/* ==== 강좌 상세페이지 정리 (2026-10-13) ==== */
/* 리뷰 0개일 때 상단 별점 숨김 (functions.php 의 body 클래스 mcs-no-reviews) */
body.mcs-no-reviews .course-meta .meta-item-review {
  display: none !important;
}
/* 모바일/태블릿: 제목이 3번 반복되던 상단 타이틀 배너와 중복 구매 박스 숨김 */
@media (max-width: 1024px) {
  body.single-lp_course .top_site_main {
    display: none !important;
  }
  body.single-lp_course .thim-course-landing-button {
    display: none !important;
  }
  body.single-lp_course #main-content,
  body.single-lp_course .content-pusher > #main-content,
  body.single-lp_course #main {
    padding-top: 64px;
  }
}

/* 상단 여백 정리: 중복 padding 제거 + 영어 경로(breadcrumb) 숨김 (2026-10-13) */
@media (max-width: 1024px) {
  body.single-lp_course .top_heading_out {
    display: none !important;
  }
  body.single-lp_course #main {
    padding-top: 0;
  }
  body.single-lp_course #main-content {
    padding-top: 58px;
  }
  body.single-lp_course .content_course_2 {
    padding-top: 12px;
  }
}

/* 상단 여백 미세 조정 (2026-10-13) */
@media (max-width: 1024px) {
  body.single-lp_course #main-content {
    padding-top: 0;
  }
}

/* 상단 여백 최종 조정: 앞서 넣은 더 구체적인 선택자를 같은 구체성으로 덮어씀 (2026-10-13) */
@media (max-width: 1024px) {
  body.single-lp_course .content-pusher > #main-content {
    padding-top: 0;
  }
  body.single-lp_course #main-content .container.site-content {
    padding-top: 14px;
  }
}

/* ==== 상세페이지 전환 요소 (2026-10-13): 무료 1강 버튼, 결제/환불 안내 ==== */
.spb-hero a.spb-cta-btn.spb-cta-ghost {
  background: transparent;
  border: 1px solid #2a3140;
  color: #c3cbd6;
  margin-top: 0;
}
.spb-hero a.spb-cta-btn.spb-cta-ghost:hover {
  background: transparent;
  border-color: #4d8dff;
  color: #ffffff;
}
.spb-enroll .spb-enroll-sub a,
.spb-enroll .spb-enroll-pay a {
  color: #98a1ad;
  text-decoration: underline;
}
.spb-enroll .spb-enroll-pay {
  font-size: 12px;
  line-height: 1.8;
  color: #7f8996;
  margin: 8px 0 0;
}

/* 히어로 버튼 모바일 동일 폭 (2026-10-13) */
@media (max-width: 600px) {
  .spb-hero a.spb-cta-btn.spb-cta-free,
  .spb-hero a.spb-cta-btn.spb-cta-ghost {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .spb-hero a.spb-cta-btn.spb-cta-free { margin-bottom: 10px; }
}