/* =========================================================
   01-TYPOGRAPHY.CSS
   Trung tâm quản lý font và kích thước chữ toàn website

   QUY TẮC:
   - Chỉ file này khai báo font-family.
   - Kích thước chữ của module dùng biến --srnk-fs-*.
   - Khi muốn đổi một cỡ chữ toàn website, sửa giá trị biến tại đây.
   ========================================================= */

:root {
    /* Font families */
    --srnk-font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
    --srnk-font-body: "Inter", Arial, Helvetica, sans-serif;

    /* Font weights */
    --srnk-fw-regular: 400;
    --srnk-fw-medium: 500;
    --srnk-fw-semibold: 600;
    --srnk-fw-bold: 700;

    /* Line heights */
    --srnk-lh-tight: 1.2;
    --srnk-lh-heading: 1.3;
    --srnk-lh-body: 1.65;

    /* Tất cả kích thước chữ đang dùng trong giao diện */
    --srnk-fs-14px: 14px;
    --srnk-fs-13px: 13px;
    --srnk-fs-15px: 15px;
    --srnk-fs-12px: 12px;
    --srnk-fs-22px: 22px;
    --srnk-fs-18px: 18px;
    --srnk-fs-11px: 11px;
    --srnk-fs-17px: 17px;
    --srnk-fs-32px: 32px;
    --srnk-fs-10px: 10px;
    --srnk-fs-16px: 16px;
    --srnk-fs-27px: 27px;
    --srnk-fs-40px: 40px;
    --srnk-fs-25px: 25px;
    --srnk-fs-9px: 9px;
    --srnk-fs-20px: 20px;
    --srnk-fs-28px: 28px;
    --srnk-fs-30px: 30px;
    --srnk-fs-31px: 31px;
    --srnk-fs-24px: 24px;
    --srnk-fs-19px: 19px;
    --srnk-fs-21px: 21px;
    --srnk-fs-42px: 42px;
    --srnk-fs-23px: 23px;
    --srnk-fs-34px: 34px;
}

/* Font nội dung */
html,
body,
button,
input,
select,
textarea,
label,
table,
.woocommerce,
.woocommerce-page {
    font-family: var(--srnk-font-body) !important;
}

/* Font tiêu đề */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.product-title,
.single-product h1.product-title,
.page-title,
.entry-title,
.section-title,
.widget-title,
.srnk-category-header__title,
.wine-related-heading {
    font-family: var(--srnk-font-heading) !important;
}

/* Các thành phần giao diện luôn dùng font nội dung */
.nav > li > a,
.header-nav-main > li > a,
.ux-menu-link__text,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.price,
.amount,
.breadcrumbs,
.woocommerce-breadcrumb,
.srnk-product-breadcrumb,
.woocommerce-ordering,
.woocommerce-result-count,
.product-short-description,
.woocommerce-product-details__short-description,
.product_meta,
.srnk-product-rating-row,
.srnk-quick-attributes,
.srnk-product-benefits {
    font-family: var(--srnk-font-body) !important;
}

body {
    font-weight: var(--srnk-fw-regular);
    line-height: var(--srnk-lh-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--srnk-fw-bold);
    line-height: var(--srnk-lh-heading);
}

.nav > li > a,
.button,
button,
input[type="submit"] {
    font-weight: var(--srnk-fw-semibold);
}


.home .srnk-home-heading h3 {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: normal;
}

.home .wine-category-box :is(h4, h5, p) {
    font-family: var(--srnk-font-body) !important;
    font-size: var(--srnk-fs-14px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    word-break: normal;
}


/* =========================================================
   TYPOGRAPHY – TIN TỨC TRANG CHỦ
   ========================================================= */

.home .srnk-news-section .post-title,
.home .srnk-news-section .post-title a,
.home .srnk-news-section .box-text h5,
.home .srnk-news-section .box-text h5 a,
.home .srnk-news-section .box-text .is-divider + h5,
.home .from_the_blog_excerpt,
.home .post-item .post-title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-14px) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal;
}

.home .srnk-news-section .post-meta,
.home .srnk-news-section .post-date,
.home .srnk-news-section .badge-inner,
.home .post-item .post-meta {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-12px) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

.home .srnk-news-section .post-title,
.home .srnk-news-section .box-text h5 {
    margin: 0 0 8px;
    min-height: 42px;
}

/* =========================================================
   TYPOGRAPHY – KIẾN THỨC RƯỢU TRANG CHỦ
   ========================================================= */

/* Tiêu đề section */
.home .srnk-news-section h2,
.home .srnk-news-section .section-title,
.home .srnk-news-section .srnk-section-title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: normal !important;
    text-rendering: optimizeLegibility;
}

/* Đoạn mô tả */
.home .srnk-news-section .text p,
.home .srnk-news-section .section-description {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    line-height: 1.6 !important;
}

/* Tiêu đề bài viết */
.home .srnk-news-section .post-title,
.home .srnk-news-section .post-title a,
.home .srnk-news-section .box-text h5,
.home .srnk-news-section .box-text h5 a,
.home .srnk-news-section .box-text .post-title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-14px) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}

/* Ngày đăng */
.home .srnk-news-section .post-meta,
.home .srnk-news-section .post-date {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-12px) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* =========================================================
   TYPOGRAPHY – KIẾN THỨC RƯỢU
   ========================================================= */

/* Tiêu đề chuyên mục */
.wine-news-archive .wine-news-heading,
.wine-news-archive .wine-news-heading span {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-24px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Mô tả chuyên mục */
.wine-news-archive .wine-news-description,
.wine-news-archive .wine-news-description p {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-15px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Tiêu đề bài viết */
.wine-news-archive .wine-news-title,
.wine-news-archive .wine-news-title a {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-15px) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}

/* Ngày đăng */
.wine-news-archive .wine-news-date {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-12px) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

/* =========================================================
   TYPOGRAPHY – NỘI DUNG BÀI VIẾT CHI TIẾT
   ========================================================= */
h1 .entry-title,
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content strong,
.single-post .entry-content em {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: normal !important;
}

/* H2, H3, H4 trong bài viết */
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}

/* Kích thước tiêu đề */
.single-post .entry-content h2 {
    font-size: var(--srnk-fs-24px) !important;
}

.single-post .entry-content h3 {
    font-size: var(--srnk-fs-20px) !important;
}

.single-post .entry-content h4 {
    font-size: var(--srnk-fs-17px) !important;
}

/* =========================================================
   TYPOGRAPHY – CTA VÀ FORM BÌNH LUẬN BÀI VIẾT
   ========================================================= */

/* Tiêu đề CTA cuối bài */
.single-post .entry-content + *,
.single-post .post-footer,
.single-post .article-inner .entry-content ~ * {
    font-family: var(--srnk-font-body), Arial, sans-serif;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,
.single-post .post-footer h2,
.single-post .post-footer h3,
.single-post .post-footer h4,
.single-post .post-footer h5,
.single-post .comment-reply-title,
.single-post #reply-title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: normal !important;
}

/* Nội dung form bình luận */
.single-post #comments,
.single-post #respond,
.single-post .comment-form,
.single-post .comment-form label,
.single-post .comment-form p,
.single-post .logged-in-as {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Nút */
.single-post .comment-form .submit,
.single-post .post-footer .button,
.single-post .entry-content .button {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

/* =========================================================
   TYPOGRAPHY – CTA CUỐI BÀI VIẾT
   ========================================================= */

.single-post .wine-post-cta,
.single-post .wine-post-cta p,
.single-post .wine-post-cta .button {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

.single-post .wine-post-cta h3 {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-20px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}


/* =========================================================
   TYPOGRAPHY – BÀI VIẾT LIÊN QUAN
   ========================================================= */

.single-post .wine-related-heading,
.single-post .wine-related-heading span,
.single-post .wine-related-post-title,
.single-post .wine-related-post-title a,
.single-post .wine-related-posts h3,
.single-post .wine-related-posts h4,
.single-post .wine-related-posts h5 {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: normal !important;
}

.single-post .wine-related-heading,
.single-post .wine-related-heading span {
    font-size: var(--srnk-fs-22px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

.single-post .wine-related-post-title,
.single-post .wine-related-post-title a,
.single-post .wine-related-posts h3,
.single-post .wine-related-posts h4,
.single-post .wine-related-posts h5 {
    font-size: var(--srnk-fs-16px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}


/* =========================================================
   TYPOGRAPHY – MÔ TẢ CHI TIẾT SẢN PHẨM
   ========================================================= */

/* Toàn bộ nội dung tab mô tả */
.single-product .woocommerce-Tabs-panel--description,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description li,
.single-product .woocommerce-Tabs-panel--description strong,
.single-product .woocommerce-Tabs-panel--description em {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-kerning: normal !important;
}

/* Tiêu đề trong mô tả */
.single-product .woocommerce-Tabs-panel--description h1,
.single-product .woocommerce-Tabs-panel--description h2,
.single-product .woocommerce-Tabs-panel--description h3,
.single-product .woocommerce-Tabs-panel--description h4,
.single-product .woocommerce-Tabs-panel--description h5,
.single-product .woocommerce-Tabs-panel--description h6 {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}

/* Tiêu đề chính của mô tả */
.single-product .woocommerce-Tabs-panel--description h2 {
    font-size: var(--srnk-fs-22px) !important;
}

/* Các tiêu đề mục */
.single-product .woocommerce-Tabs-panel--description h3,
.single-product .woocommerce-Tabs-panel--description h4 {
    font-size: var(--srnk-fs-16px) !important;
}

/* =========================================================
   TYPOGRAPHY – SẢN PHẨM LIÊN QUAN
   ========================================================= */

/* Tiêu đề khu vực */
.single-product section.related.products > h2,
.single-product .related-products-wrapper > h2 {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-20px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Danh mục */
.single-product section.related.products .product-cat {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-12px) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Tên sản phẩm */
.single-product section.related.products .product-title,
.single-product section.related.products .product-title a,
.single-product section.related.products .woocommerce-loop-product__title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-14px) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}

/* Giá */
.single-product section.related.products .price,
.single-product section.related.products .amount {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

/* =========================================================
   TYPOGRAPHY - RELATED PRODUCTS (FLATSOME)
   ========================================================= */

.product-section-title,
.product-section-title *{
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    text-transform:uppercase;
}

.related-products-wrapper .product-cat{
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
}

.related-products-wrapper .product-title,
.related-products-wrapper .product-title a,
.related-products-wrapper .woocommerce-loop-product__title{
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
}

.related-products-wrapper .price,
.related-products-wrapper .amount{
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight:700 !important;
}

/* =========================================================
   TYPOGRAPHY – TRANG DANH MỤC SẢN PHẨM
   ========================================================= */

/* Toàn bộ nội dung trang shop/danh mục */
.post-type-archive-product,
.tax-product_cat,
.tax-product_brand,
.tax-pa_quoc-gia,
.tax-pa_giong-nho,
.tax-pa_vung {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
}

/* Tiêu đề danh mục */
.tax-product_cat .page-title,
.tax-product_cat .shop-page-title,
.tax-product_cat .srnk-category-header__title,
.post-type-archive-product .page-title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Sidebar */
.shop-sidebar,
.shop-sidebar .widget-title,
.shop-sidebar .widget,
.shop-sidebar a,
.shop-sidebar li,
.shop-sidebar label {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Danh mục sản phẩm trên card */
.products .product-small .product-cat {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-12px) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

/* Tên sản phẩm */
.products .product-small .product-title,
.products .product-small .product-title a,
.products .product-small .woocommerce-loop-product__title {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-size: var(--srnk-fs-14px) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-kerning: normal !important;
}

/* Giá */
.products .product-small .price,
.products .product-small .amount {
    font-family: var(--srnk-font-body), Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}