/*
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-face {
  font-family: '1FTVNexa';
  src: url('fonts/1FTV-Nexa-Heavy.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF-Pro-Display-Bold';
  src: url('fonts/SF-Pro-Display-Bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.title-homep .section-title .section-title-main, {
	font-family: '1FTVNexa', sans-serif;
	font-size:20px;
	border-bottom:2px solid #141414;
}
.title-homep .section-title-normal{
	border-bottom:0;
}
.product-homp .product-title,.product-homp .price-wrapper .price{
	font-family: 'Mulish', sans-serif;
	font-size:15px;
	padding:10px 0;
}
.product-spage h1.product-title {
    font-size: 24px;
    font-family: 'Mulish';
	letter-spacing:-1px;
	line-height:1.4;
}
.post-title{
	font-family: 'Mulish', sans-serif;
	font-size:15px;
}
.post-meta.is-small.op-8 {
    font-size: 13px;
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
	color:#646464;
}
.box-blog-post .is-divider{
	display:none;
}

/*dropdown menu*/
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
	font-size:14px;
	color:#161616;
	border-bottom:0;
}
/*css ma san pham*/
.custom-product-meta {
    display: inline-flex; /* ✅ Nền chỉ bao quanh chữ */
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    line-height: 1.3;
    background-color: #fff1ec;
    padding: 6px 12px;
    border-radius: 8px;
    align-items: center;
	margin-bottom:20px;
}

.custom-product-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.custom-product-meta strong {
    font-weight: 600;
    color: #000;
}

.custom-product-meta .highlight {
    color: #ff5722;
    font-weight: 700;
}
/*style khuyen mai*/
.promo-box {
  position: relative;
  border: 2px dashed #c11a1a;
  border-radius: 6px;
  padding: 20px 20px 15px 20px;
  margin-top: 25px;
  background: #fff;
	margin-bottom:20px;
}

.promo-title {
  position: absolute;
  top: -14px; /* đẩy tiêu đề lên ngang với border */
  left: 15px;
  background: #fff;
  padding: 0 8px;
  font-weight: 700;
  color: #c11a1a;
  font-size: 16px;
}

.promo-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.promo-box li {
  margin: 8px 0;
  font-size: 14px;
  line-height: 1.4;
}

.copy {
  color: #e44b4b;
  font-weight: 500;
  cursor: pointer;
}
/*style san pham cung loai title*/
.related.related-products-wrapper.product-section{
	padding-top:20px;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase, #flatsome_recent_posts-3 .widget-title {
	font-family: '1FTVNexa', sans-serif;
	font-size:20px;
}
.recent-blog-posts-li .recent-blog-posts a{
	font-size:14px;
	font-family:'Mulish', sans-serif;
	line-height:1.5;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}