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


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


}

/* --- MẪU 1: CSS CHO FORM HIỆN ĐẠI --- */

/* Áp dụng cho các loại ô nhập liệu và textarea */
.form-flat input[type="text"],
.form-flat input[type="email"],
.form-flat input[type="tel"],
.form-flat input[type="password"],
.form-flat textarea {
   background-color: #f9f9f9;
   /* Màu nền hơi xám nhẹ */
   border: 1px solid #ddd;
   /* Viền xám mờ */
   border-radius: 8px;
   /* Bo góc mềm mại */
   padding: 12px 15px;
   /* Tăng khoảng cách bên trong cho dễ nhìn */
   box-shadow: none;
   /* Bỏ đổ bóng mặc định của Flatsome */
   transition: all 0.3s ease-in-out;
   /* Hiệu ứng chuyển động mượt mà */
}

/* Hiệu ứng khi nhấp vào ô (focus) */
.form-flat input[type="text"]:focus,
.form-flat input[type="email"]:focus,
.form-flat input[type="tel"]:focus,
.form-flat input[type="password"]:focus,
.form-flat textarea:focus {
   border-color: #E5AE12;
   /* Đổi màu viền khi focus (bạn có thể đổi màu này) */
   background-color: #fff;
   /* Đổi nền thành màu trắng */
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
   /* Thêm hiệu ứng hào quang nhẹ */
}

.form-flat .button.icon {
   color: #E0711C !important;

}

.form-flat input:not([type=submit]),
.form-flat select,
.form-flat textarea {
   background-color: #fff !important;
   height: 40px;
}

.ty-cr-phone-number-link {
   padding: 0 10px;
   display: flex;
}

.ty-cr-phone-number-link {
   margin: 4px 0px 0px;
   text-align: center;
}

.ty-cr-phone-number-link .ty-cr-phone {
   color: #888;
   font-weight: bold;
   font-size: 18px;
   line-height: 1em;
}

.ty-cr-phone-number-link .ty-cr-phone span {
   white-space: nowrap;
}

.ty-cr-phone-number-link .ty-cr-link {
   margin: 3px 0px 0px;
}

.ty-cr-phone-number-link .ty-cr-link a {
   margin: 0;
}

.ty-cr-phone-number-link .ty-cr-phone-prefix {
   color: #c8c8c8;
   font-weight: 400;
}

.ty-cr-phone-number-link .ty-cr-work {
   display: inline-block;
   margin-left: 5px;
   font-weight: normal;
   font-size: 16px;
   line-height: 14px;
}

.ty-cr-phone-number-link .ty-cr-work-hours {
   padding-top: 4px;
   font-size: 11px;
   color: #656565;
}

p.p-title {
   padding: 0;
   text-align: left;
   line-height: 24px;
   display: inline-block;
   margin: 0 10px;
}

.ty-cr-phone-number-link .ty-cr-phone-prefix {
   font-size: 20px;
   font-weight: bold;
   line-height: 24px;
   color: #D71A21;
   display: block;
}

.product-info .price-wrapper {
   border-bottom: 1px dashed rgb(224, 224, 224);
}

.product-info .product-short-description {
   font-size: 13px;
   display: inline-block;
   padding: 0.5rem 1.25rem;
   position: relative;
   overflow: hidden;
   cursor: pointer;
   width: 100%;
   margin-top: 0.5rem;
   border-radius: 0.5rem;
}

span.amount {
   color: #D71A21;
}

.category-page-row {
   padding-top: 15px;
}

.category-page-row .product-small.col {
   border-right: 1px solid #eee !important;
   border-bottom: 1px solid #eee !important;
   padding: 20px 20px 0 20px;
}

.category-page-row .products.row {
   border-left: 1px solid #eee !important;
   border-top: 1px solid #eee !important;
}


.icon-box-home .icon-box-center .icon-box-img {
   margin: 0 auto 1em;
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 5px;
   width: 50px;
}

.product-small.box .box-text .product-title {
   font-size: 14px;
}

.product-small .product-title a {
   display: -webkit-box;
   color: black;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.badge-container{
	margin: 0;
}
.product_meta>span{
	font-weight: bold;
}
.product-small .product-title a{
	font-weight: 600;
}
.mobile-nav .button{
	padding: 0 1em;
}
.tabbed-content .nav>li.active>a{
	color: #E0711C;
}