/*
Theme Name: Thiên Nam Tea
Theme URI: https://thiennamtea.com/
Author: Thiên Nam
Description: Theme WordPress Trà Thiên Nam, quản lý nhận diện, sản phẩm, nguồn nguyên liệu, B2B, Kiosk, Góc Trà & Pha chế và liên hệ.
Version: 1.11.70
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: thiennam-tea
*/

/* CSS giao diện chính được nạp từ assets/css/style.css */
body.admin-bar .header{top:32px;}
@media(max-width:782px){body.admin-bar .header{top:46px;}}
.wp-site-blocks{padding:0!important;}
.tn-wp-generic{padding:72px 0;min-height:45vh;}
.tn-wp-generic .entry-content{max-width:900px;margin:0 auto;}

/* WordPress menu markup normalization */
.nav .tn-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.nav .tn-menu li{list-style:none;margin:0;padding:0}


/* v1.9.8 — anchor offset cho tuyến Độ tin cậy */
#tn-quy-trinh-san-xuat,#tn-chung-nhan-giai-thuong{scroll-margin-top:110px}

/* v1.9.9 — Trust heading group canh trái cùng mép gallery sản phẩm */


/* v1.10.1 — managed header supports Thiên Nam Kiosk + Góc Trà & Pha chế (7 tabs). */

/* v1.10.2 — Homepage desktop product-card footer synced with Product tab. */
/* v1.10.4 — DEV: đồng bộ footer card Sản phẩm Trang chủ desktop theo subsystem tab Sản phẩm. */
/* v1.10.3 — Kiosk: chốt hero + thêm khu Món signature dạng thẻ hình. */

/* v1.10.7 DEV — hoàn thiện nội dung Thiên Nam Kiosk: menu, triết lý pha chế, câu chuyện nguyên liệu, trải nghiệm và địa điểm. */

/* v1.10.13 DEV — giữ khoảng trắng quanh thẻ inline khi sửa nội dung trang chính trong quản trị. */
/* v1.10.11 DEV — sửa nút tăng/giảm số lượng card ở Trang chủ; dùng chung handler với trang Sản phẩm. */

/* v1.10.15 DEV — tách riêng hệ quản lý bài Thiên Nam Kiosk và Góc Trà & Pha chế. */
/* v1.10.16 DEV — giao diện đăng bài hướng dẫn, đơn giản hóa Kiosk & Góc Trà. */

/* v1.10.17 DEV — đồng bộ hero và toàn bộ tiêu đề section Thiên Nam Kiosk theo hệ Vùng nguyên liệu. */

/* v1.10.18 DEV — đưa dải 4 giá trị vào đáy hero Thiên Nam Kiosk, desktop/tablet 4 cột, mobile 2x2. */

/* v1.10.19 DEV — tối giản dải 4 giá trị trong hero Kiosk: bỏ card/khung nền, dùng overlay sáng rất nhẹ + separator. */

/* v1.10.20 DEV — Kiosk hero cao bằng Trang chủ; bỏ hoàn toàn overlay nền của dải 4 giá trị. */

/* v1.10.21 DEV — Kiosk: thu gọn thanh 4 điều hướng dưới hero, bỏ mô tả và đường chia dọc. */

/* v1.10.26 DEV — Chuẩn hóa ảnh hero mobile Kiosk + Góc Trà ở 1080 × 900 px; desktop/tablet 1920 × 445 px. */

/* v1.10.27 DEV — Hero manager visibly shows standards/current dimensions and mobile source is used up to 767px. */

/* v1.10.28 DEV — cân viền/chiều cao hai CTA hero Góc Trà trên mobile. */

/* v1.10.29 DEV — sửa khoảng cách glyph tiếng Việt ở thanh điều hướng nhanh Góc Trà & Pha chế. */

/* v1.10.32 DEV — vị trí ảnh do Banner các tab quản lý, layout/height vẫn khóa bởi theme. */
.tn-bm-managed-hero img{object-position:var(--tn-bm-pos-desktop,center center)!important}
@media(max-width:767px){.tn-bm-managed-hero img{object-position:var(--tn-bm-pos-mobile,center center)!important}}
.tn-bm-managed-hero picture{display:block;width:100%;height:100%}
.tn-bm-managed-hero picture img{width:100%;height:100%;display:block}

/* v1.10.43 DEV — Global Typography System: Noto Serif + Inter, một nguồn font/cỡ chữ cho toàn frontend. */

/* v1.10.53 DEV — Footer legal cleanup: PHÁP LÝ column, Liên hệ moved to support, conditional MST, compact spacing, no duplicate legal links. */

/* v1.10.54 DEV — Company MST 0317030317 seeded into policy center/footer with one-time migration. */

/* v1.10.64 DEV — Header 7 tab cấp 1; Nguồn nguyên liệu chuyển vào Giới thiệu. */


/* v1.11.07 — tăng khả năng đọc cho phần microcopy trong Món Signature */
.tn-kiosk-signature-card .tn-kiosk-signature-base,
.tn-kiosk-signature-card .tn-kiosk-signature-meta,
.tn-kiosk-signature-card small,
.tn-kiosk-signature-card .base-tea,
.tn-kiosk-signature-card .note-base {
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

.tn-kiosk-signature-section-note,
.tn-kiosk-signature-note,
.tn-kiosk-menu-note,
.tn-kiosk .section-note,
.tn-kiosk .tn-section-note {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: #66756c !important;
}