/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ==========================================================================
   FONT TOÀN SITE — chỉ dùng 1 font duy nhất: 'UTM Helve'
   Ép MỌI phần tử dùng UTM Helve, ghi đè Lato/Dancing Script (Flatsome) và mọi
   khai báo font khác trong theme/plugin. Selector KHÔNG chạm pseudo-element
   (::before/::after) nên icon-font 'fl-icons' vẫn hiển thị bình thường.
   @font-face khai báo ở fonts/stylesheet.css (UTM Helve: normal + bold).
   ========================================================================== */
html body,
html body * {
	font-family: 'UTM Helve', UTMHelve, sans-serif !important;
}

/* Ngoại lệ: sao đánh giá WooCommerce dùng font biểu tượng 'WooCommerce'
   (glyph nằm trong text node "sssss", kế thừa xuống span → phải giữ riêng,
   nếu không sẽ hiện ra chữ "s" thay vì ngôi sao). */
html body .star-rating,
html body .star-rating span {
	font-family: "WooCommerce" !important;
}

/* Ngoại lệ: thanh admin bar của WordPress giữ font hệ thống gốc (không phải
   giao diện site → không ép UTM Helve). */
html body #wpadminbar,
html body #wpadminbar * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Ngoại lệ con: các icon trong admin bar là FONT-ICON (Dashicons) — phải giữ
   font 'dashicons', nếu không glyph trong ::before mất, chỉ còn ô vuông trống.
   Rule này đặt SAU và có độ ưu tiên cao hơn rule reset font ở trên. */
html body #wpadminbar .ab-icon,
html body #wpadminbar .ab-icon::before,
html body #wpadminbar .dashicons,
html body #wpadminbar .dashicons::before,
html body #wpadminbar [class^="dashicons-"]::before,
html body #wpadminbar [class*=" dashicons-"]::before {
	font-family: dashicons !important;
}
.vhm-single-product .vhm-specs__row--blue {
    margin-left: 0px;
    margin-bottom: 0px;
}
span.wpcf7-spinner {
    display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}