/*
Theme Name:   MassageHanoi cho Flatsome
Theme URI:    https://massagehanoi.net/
Description:  Child theme của Flatsome cho MassageHanoi.net. Giữ trang khu vực, bài viết, breadcrumb, FAQ, thanh nút Gọi/Zalo và schema SEO; trang chủ, Mr. Spa, /en/ sửa bằng UX Builder. Cần theme Flatsome và plugin MassageHanoi Core.
Author:       HCN Holdings
Template:     flatsome
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  massagehanoi-flatsome
*/

/* ---- Hero (phần đầu trang dựng bằng UX Builder) ---- */
.mhn-hero h1 { font-size: clamp(28px, 4.4vw, 44px); line-height: 1.25; font-weight: 800; letter-spacing: -.01em; margin-bottom: .45em; }
.mhn-hero .lead { color: #E8EFEC !important; max-width: 700px; }
.mhn-hero .button { margin-right: 10px; margin-bottom: 10px; text-transform: none; letter-spacing: 0; font-weight: 700; }

/* ---- Tiêu đề trong các phần nội dung ---- */
.mhn h2 { font-size: clamp(23px, 3vw, 31px); line-height: 1.3; margin-top: 1.4em; margin-bottom: .6em; }
.mhn .col-inner > h2:first-child, .mhn .sec > h2:first-child { margin-top: .6em; }
.mhn h3 { line-height: 1.3; }
.mhn p { margin-bottom: 1em; }
.mhn .page-hd { padding: 26px 0 8px; }
.mhn .page-hd .meta { font-size: 14px; color: #7A857F; }
.mhn .page-hd h1 { font-size: clamp(28px, 4.4vw, 44px); font-weight: 800; line-height: 1.25; }
.mhn article h2, .mhn article h3 { scroll-margin-top: 90px; }
.mhn article ul:not(.check):not(.cross):not(.facts), .mhn article ol:not(.steps) { margin-left: 1.3em; }

/* ---- Header: nút đặt lịch, link đổi ngôn ngữ ---- */
.header-button-1 .button { text-transform: none; letter-spacing: 0; font-weight: 700; }
.header-nav .menu-item-mhn-lang > a { font-weight: 500; }

/* ---- Chân trang: khối [mhn_footer] trong UX Block ---- */
.footer-wrapper .mhn .ft { margin-top: 0; padding-bottom: 36px; }
.absolute-footer { background-color: #16302A !important; color: #8FA19A; font-size: 13.5px; }
.absolute-footer .footer-primary { float: none; width: 100%; text-align: left; }
.absolute-footer .copyright-footer { padding: 4px 0 10px; }
@media (max-width: 820px) { body.mhn-has-mbar .absolute-footer { padding-bottom: 80px; } }