/*
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.   ***************/

/* ///// GENERAL ///// */

/* Menu Dropdown */
.nav-dropdown-has-border .nav-dropdown{
	border: 1px solid #ddd;
	border-radius: 4px;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
	color: #333;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
	font-size: 0.8rem;
    color: #333;
	margin: 0 5px;
}

/* Menu Product sidebar */
span.widget-title.shop-sidebar {
    background: var(--primary-color);
    display: block;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
/*
 * Chi widget_product_categories: #shop-sidebar la ca cot sidebar, boc CA widget
 * "Loc theo gia" ben duoi. Selector rong hon se an luon divider cua no, keo
 * thanh truot gia dinh len sat tieu de — dung that tren site ngay 2026-08-14.
 */
#shop-sidebar .widget_product_categories .is-divider.small {
	display: none; /* height:0 van con margin:1em 0 cua Flatsome, van chua khoang trong */
}
#shop-sidebar .product-categories .children{
	border-left: none;
}
#shop-sidebar .product-categories .children li > a {
	padding: 12px 10px;
	color: #202020;
}
li.cat-item {
    background: #f8f8f8;
    border-bottom: 1px solid white !important;
}
li.cat-item:last-child {
    border-bottom: none !important;
}
.widget .toggle {
	margin: 0 10px 0 5px;
}
#shop-sidebar .product-categories li.current-cat > a {
	border-bottom-left-radius: 0;
}
#shop-sidebar .product-categories > li {
	margin-bottom: 1px;
	padding: 0;
}

.widget {
    margin-bottom: 2.5em;
}

/* Breadcrumb (Product) */
.product-info .breadcrumbs {
	text-transform: capitalize;
	word-spacing: -1px;
}
nav.woocommerce-breadcrumb.breadcrumbs {
    font-size: 0.85rem;
}


/* Footer Absolute */
.payment-icons.inline-block {
    display: none;
}
.menu-secondary-container {
    display: none;
}



/* ///// TYPOGRAPHY ///// */
.num{
	color: white; 
	font-size: 3rem; 
	font-weight: 600;
}
.sub{
	font-size: 1.6rem; 
	font-weight: 600;
}

/* Contact Us */
.contactUs ul li{
	list-style: none;
	margin-left: 0;
}
.contactUs ul li i{
	color: #3e8b08;
	margin-right: 10px;
}


/* --- Custom Logo Divider --- */
.custom-logo-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 30px 0; /* Điều chỉnh khoảng cách trên/dưới của divider */
}
.custom-logo-divider::before,
.custom-logo-divider::after {
	/* Tạo 2 đường line xám mỏng kéo dài sang 2 bên */
    content: "";
    flex-grow: 1; /* Cho phép line tự động kéo giãn lấp đầy không gian */
    border-top: 1px solid #e0e0e0; /* Màu xám và độ mỏng của line */
}
.custom-logo-divider::before {
    margin-right: 20px; 
}
.custom-logo-divider::after {
    margin-left: 20px; 
}
.custom-logo-divider img {
    max-width: 45px; /* Điều chỉnh kích thước logo cho phù hợp */
    height: auto;
    object-fit: contain;
    display: block;
}


/* --- Custom Underline Title --- */
.custom-underline-title {
    color: var(--text-dark);
    position: relative; /* Tạo điểm neo cho đường gạch */
    display: inline-block; /* Quan trọng: Giúp chiều rộng (width) của box vừa khít với đoạn text */
    padding-bottom: 8px; /* Khoảng cách từ chữ xuống đường gạch chân */
    margin-bottom: 20px; /* Khoảng cách từ tiêu đề xuống nội dung bên dưới */
}
.custom-underline-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; /* Đặt đường line bắt đầu từ bên trái của chữ */
    width: 60%; /* Chiều dài bằng 60% chiều dài của đoạn text */
    max-width: 150px; /* Chiều dài tối đa không quá 150px */
    height: 4px; /* Độ dày của đường line */
    background-color: var(--primary-color, #d26e4b);
}

.custom-underline-title:not(.line-right):not(.line-center)::after,
.custom-underline-title.line-left::after {
	/* Mặc định hoặc khi có class .line-left: Bắt đầu từ bên TRÁI */
    left: 0;
    right: auto;
}
.custom-underline-title.line-right::after {
	/* Khi có class .line-right: Bắt đầu từ bên PHẢI */
    left: auto;
    right: 0;
}
.custom-underline-title.line-center::after {
	/* Khi có class .line-center: Căn GIỮA */
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}


/* Title Underline (Footer) */
hr.underline{
	border-top: 1.5px solid #3e8b08;
	height: 0;
	margin: 0 0 20px;
	overflow: visible;
	opacity: 1; /* default:0.1 */
}
hr.underline::after{
	position: relative;
	content: "\f0d7";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: inline-block;
	font-size: 22px;
	top: -16px;
	left: 26px;
	color: #3e8b08;
	line-height: 35px;
}


/* ///// FORM ///// */

input#your-name, input#your-phone, input#your-message {
    border-radius: 4px;
    box-shadow: none;
	font-size: 0.85rem;
}

input#your-name, input#your-phone {
    height: 3.1em;
}

input#your-name {
    margin-bottom: 1.4rem;
}

textarea#your-message {
	min-height: 140px;
}

.form-bio label {
    font-size: 0.8rem;
    font-weight: 600;
}

/* Custom riêng nút Submit của Flatsome khi dùng thẻ <button> */
.wpcf7-form .wpcf7-submit.button.expand {
    display: flex; 
    align-items: center;
    justify-content: center;
	margin-top: 2rem;
	
    width: 100%;
    background-color: #1e7145 !important; /* Xanh lá đậm */
    color: #ffffff;
    border-radius: 8px;
    
    /* Định dạng text */
    font-size: 16px;
	font-weight: 600;
    text-transform: none;
    padding-top: 10px;
    padding-bottom: 10px;

}

/* Tùy chỉnh icon bên trong nút */
.wpcf7-form .wpcf7-submit.button.expand i {
    margin-right: 10px; 
    font-size: 1.2em; 
    position: relative;
    top: -1px;
}

/* Hover effect */
.wpcf7-form .wpcf7-submit.button.expand:hover {
    background-color: #155734 !important;
}

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


}