/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2025 | 07:29:00 */
/* ==========================================================================
   Blog Post - Related Products Section Styles
   ========================================================================== */

/* 상품 추천 섹션 전체에 대한 기본 스타일 (선택사항) */
.ew-post .ew-post-related-products {
    margin-top: var(--ew-post-space-9);
    padding-top: var(--ew-post-space-8);
    border-top: 1.5px solid var(--ew-post-navy-100);
}

/* 가격 블록의 폰트 크기와 색상을 일관성 있게 재정의 */
.ew-post .ew-post-related-products .wp-block-woocommerce-product-price {
    font-size: 18px !important; /* 모든 요소의 기준 크기 설정 */
    font-weight: 700; /* 굵은 글씨로 강조 */
    color: var(--ew-post-navy-900) !important;
    text-align: center !important;
}

/* Flexbox를 사용해 내부 요소들을 정렬 */
.ew-post .ew-post-related-products .wc-block-components-product-price {
    display: flex;
    justify-content: center;
    align-items: baseline; /* 숫자와 기호의 기준선을 맞춤 */
    gap: 4px; /* 요소 사이의 미세한 간격 */
}

/* 각 부분(기호, 숫자, 코드)의 스타일을 세밀하게 조정 */
.ew-post .ew-post-related-products .wc-block-components-product-price .currency-symbol,
.ew-post .ew-post-related-products .wc-block-components-product-price .price-number {
    font-size: 1em; /* 기준 크기(18px)와 동일하게 */
    line-height: 1;
}

.ew-post .ew-post-related-products .wc-block-components-product-price .currency-code {
    font-size: 0.8em; /* 기준 크기보다 작게 */
    font-weight: 500; /* 일반 굵기 */
    color: var(--ew-post-navy-300); /* 연한 색상으로 중요도 낮춤 */
    margin-left: var(--ew-post-space-1);
}