/* 1) Font Definitions */
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/wp-content/themes/xtra-child/fonts/pretendardvariable-subset.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('/wp-content/themes/xtra-child/fonts/noto-sans-subset.woff2') format('woff2');
    font-weight: 400 700;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Thai';
    src: url('/wp-content/themes/xtra-child/fonts/noto-sans-thai-subset.woff2') format('woff2');
    font-weight: 400 700;
    font-display: swap;
}

/* 2) Language-Specific Font Stacks */
html[lang="ko"] body,
html[lang="ko"] .product-box,
html[lang="ko"] .product-box h2,
html[lang="ko"] .product-box p,
html[lang="ko"] .product-box ul li,
html[lang="ko"] .product-box ol li {
    font-family: 'Pretendard Variable', sans-serif !important;
}

html[lang="vi"] body,
html[lang="vi"] .product-box,
html[lang="vi"] .product-box h2,
html[lang="vi"] .product-box p,
html[lang="vi"] .product-box ul li,
html[lang="vi"] .product-box ol li,
html[lang="en"] body,
html[lang="en"] .product-box,
html[lang="en"] .product-box h2,
html[lang="en"] .product-box p,
html[lang="en"] .product-box ul li,
html[lang="en"] .product-box ol li {
    font-family: 'Noto Sans', sans-serif !important;
}

html[lang="th"] body,
html[lang="th"] .product-box,
html[lang="th"] .product-box h2,
html[lang="th"] .product-box p,
html[lang="th"] .product-box ul li,
html[lang="th"] .product-box ol li {
    font-family: 'Noto Sans Thai', sans-serif !important;
}

/* 3) Global Styles */
body {
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #000;
}

.product-box {
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #000;
}

.product-box h2 {
    margin: 1em 0 0.5em;
    font-size: 1.4em;
    line-height: 1.6;
    color: #000;
}

.product-box p {
    margin: 0.5em 0;
    line-height: 1.6;
    color: #000;
}

/* 4) Highlight Styles */
.product-box strong,
.product-box .highlight {
    font-weight: bold;
    background-image: linear-gradient(rgba(255, 230, 0, 0.5), rgba(255, 230, 0, 0.5));
    background-repeat: no-repeat;
    background-size: 100% 20%;
    background-position: 0 100%;
}

/* 5) List Styles */
.product-box ul,
.product-box ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-box ul li,
.product-box ol li {
    margin: 0;
    padding: 0;
    color: #000;
}

/* 6) Hide Sale Badges */
.woocommerce-page .onsale,
.woocommerce div.product .onsale,
.onsale {
    display: none;
}

/* 7) Product Box and Reviews */
.product-box {
    overflow: visible;
    margin-bottom: 2rem;
}
.purchase-reviews {
    clear: both;
    margin-top: 3rem;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fafafa;
    overflow: visible;
}
.reviews-title {
    overflow: visible;
}

/* 8) Hide Shop Manager Menu for Customers */
body.logged-in.role-customer .sffm-menu-item-4055 {
    display: none;
}