/* ////////////////////////////// */
/* 상품 정보 => product_info  */
/* ///////////////////////////////// */

.product-options-wrapper {
  width: 360px;
}
/* .product-options-wrapper * {
  width: 100%;
} */

/* 옵션 전체 레이아웃 요소 폭 통일 */
.product-options-wrapper table.variations,
.product-options-wrapper table.variations tr,
.product-options-wrapper table.variations td,
.product-options-wrapper select,
.product-options-wrapper .wc-block-attribute-select-control select,
.product-options-wrapper .woocommerce-variation-price {
  width: 100% !important;
  box-sizing: border-box;
}
/* 상품 정보 테두리, 글자 크기  */
.woo-product-info {
  font-size: var(--everythings-font-size) !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
/* 사파리에서 싱글 상품 인풋안의 글씨가 짤리는 현상 수정 */
body.single-product .woocommerce table.variations tr td select {
  padding: 0.7em 1.1em !important;
}
/* 싱글 상품 페이지용 강제 오버라이드 */
body.single-product .wc-block-components-product-price {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

/* 상품 옵션 영역을 완전히 블록화 */
body.single-product table.variations,
body.single-product table.variations tbody,
body.single-product table.variations tr,
body.single-product table.variations th,
body.single-product table.variations td {
  display: block;
  /* width: 100%; */
  padding: 0;
  margin-bottom: 4px;
}

/* 클리어(Reset) 버튼을 select 아래로 보내거나 감춤 */
body.single-product .reset_variations {
  text-decoration: none !important;
  float: none !important;
  display: block;
  text-align: right;
  font-size: 13px !important;
  color: #999;
  margin-top: 2px;
  margin-right: 2px;
}

/* 상품 상세 페이지 장바구니 버튼 스타일 */
body.single-product .single_add_to_cart_button {
  background-color: #111 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer;
}

/* 버튼의 전체 영역 조정 (Woo Blocks 버튼일 때) */
body.single-product .wp-element-button {
  display: inline-block;
  width: auto;
}

/* 상품 사진에 박힌  할인 뱃지 삭제 */
.onsale {
  display: none !important;
}

/* ============================
   옵션 선택 시 총합 가격 스타일
   ============================ */
.woocommerce-variation-price {
  margin-top: 8px;
  font-size: 14px;
  display: block;
}

/* 원래가격 (취소선) */
.woocommerce-variation-price del {
  color: #999;
  font-size: 12px;
  font-weight: 500;
  margin-right: 6px;
  text-decoration: line-through;
}

/* 최종가격 (할인가) */
.woocommerce-variation-price ins {
  color: #e53935;
  font-size: 16px;
  font-weight: 700;
  margin-right: 6px;
  text-decoration: none;
}

/* =============================
   모바일에서 우측 여백 보정 제거 => 상품 상세에서 이미지
   ============================= */
@media (max-width: 781px) {
  body.single-product .wp-block-woocommerce-product-image-gallery {
    margin-right: auto !important; /* 원래 값 복원 */
    /* margin-left: initial !important; 혹시 좌우 균형 깨질 경우 대비 */
  }
}