/* ============================== */
/* 전체 상품의 가격에 대한 커스텀 css 입니다. 신상품의 타이틀관련도 포함합니다.*/
/* ============================== */
.wc-block-components-product-price,
.wc-block-grid__product-price {
  display: flex;
  /* justify-content: space-between; */
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
}

/* 신상품 사파리에서 돔 깨지는 문제 수정 */
.wc-block-grid__product .wc-block-grid__product-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
/* 할인 전 가격 */
.wc-block-components-product-price del,
.wc-block-grid__product-price del {
  /* color: #999;
  font-size: var(--everythings-font-size);
  margin-right: 6px;
  text-decoration: line-through; */

  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

/* 할인된 가격 */
.wc-block-components-product-price ins,
.wc-block-grid__product-price ins {
  font-size: 14px;
  font-weight: 500;
  margin-right: 6px;
  text-decoration: none !important;
}

/* 할인 퍼센트 */
.discount-percent {
  margin-left: auto;
  color: red;
  font-size: 14px;
  font-weight: 500;
}

/* 장바구니가 비었을때 나오는 상품 */
/* 상품 이미지에 표시되는 세일 뱃지 제거 */
.wc-block-grid__product-onsale {
  display: none !important;
}

.wc-block-grid__product-title {
  text-align: left !important;
  font-size: var(--wp--preset--font-size--small) !important;
}

/* 상품 타이틀을 감싸는 a 링크 전체 밑줄 제거 */
.wc-block-grid__product-link {
  text-decoration: none !important;
}

/* 모바일 줄바꿈 방지 + 가격 한줄 고정 */
@media (max-width: 800px) {
  .wc-block-components-product-price,
  .wc-block-grid__product-price {
    flex-wrap: nowrap !important; /* 강제 한 줄 */
    white-space: nowrap !important;
    justify-content: flex-start !important;
    gap: 4px !important; /* 간격 정리 */
  }

  /* 취소선 가격 폰트 약간 감소 */
  .wc-block-components-product-price del,
  .wc-block-grid__product-price del {
    font-size: 12px !important;
  }

  /* 할인 가격 폰트 약간 감소 */
  .wc-block-components-product-price ins,
  .wc-block-grid__product-price ins {
    font-size: 13px !important;
  }

  /* 할인 퍼센트 UI 정리 */
  .discount-percent {
    font-size: 12px !important;
    margin-left: 4px !important;
  }
}