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


}
form.cart button.them-gio {
    background-color: transparent;
    color: #368f28;
    border: 1px solid #368f28;
    padding: 10px 10px;
    margin-right: 10px;
    cursor: pointer;
}

form.cart a.buy-now {
    background-color: #368f28;
    color: #fff;
    padding: 10px 10px;
    text-decoration: none;
    display: inline-block;
}

form.cart .quantity input {
    width: 50px;
    text-align: center;
}
.so-luong-wrapper label {
    min-width: 80px;
}

.woocommerce-quantity input.qty {
    width: 60px;
    text-align: center;
}
a.button.nut-mua-ngay ,button.button.alt.nut-them-gio{
    height: 30px;
}
.woocommerce-variation-add-to-cart, form.cart {
    display: flex
;
    flex-wrap: wrap;
    width: 100%;
    gap: 0;
}
.woocommerce-billing-fields {
    border-top: navajowhite;
    padding-top: 0;
}
div#customer_details {
    padding: 10px;
    border: 1px solid #730202;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background: white;
}
.has-border {
    border-radius: 10px;
}

@media (min-width: 550px) {
    .form-row-first {
        margin-right: 2%;
    }
}
.menu-danh-muc-container {
    max-height: 400px;
    overflow-y: auto;
}
/* Áp dụng cho thanh menu cuộn */
.sidebar,
.menu-danh-muc-container {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #ccc transparent; /* Firefox */
}

/* Chrome, Edge, Safari */
.sidebar::-webkit-scrollbar,
.menu-danh-muc-container::-webkit-scrollbar {
    width: 6px; /* Độ rộng thanh cuộn */
}

.sidebar::-webkit-scrollbar-thumb,
.menu-danh-muc-container::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Màu thanh cuộn */
    border-radius: 10px;
}

.sidebar::-webkit-scrollbar-track,
.menu-danh-muc-container::-webkit-scrollbar-track {
    background: transparent;
}
.title-bar h3.section-title.section-title-bold {
    background-color: #4cad3c;
    color: white;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
    width: 100%;
    display: inline-block;
    font-weight: bold;
}
.section-title-bold span, .section-title-bold-center span {
    border: none;
    padding: 0;
}
.section-title b {
	display: none;align-content
}
.box-text.box-text-products {
    text-align: center;
}
.section-title-container {
    padding: 0 10px;
}
.title-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 2;
    margin-bottom: 5px;
    height: 40px;
}
	.category p.is-xsmall.uppercase.count {
    display: none;
}
.menu-footer .ux-menu-title {
    font-size: 16pt;
    color: white;
}
.menu-footer .ux-menu-link__link {
	color:white;
}
@media (min-width: 768px) {
.nut-hanh-dong {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
}
@media (max-width: 768px) {
	a.button.nut-mua-ngay, button.button.alt.nut-them-gio {
    width: 100%;
	}
.featured-main-post img {
    height: 250px !important;
}
	.featured-sub-post img {
        height: 200px !important;
    }
	.category h5.uppercase.header-title {
    text-transform: unset;
    font-weight: bold;
}
	.category .product-category.col {
    padding: 0;
}
	}
.price-on-sale {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

/* Hiển thị giá khuyến mãi trước */
.price-on-sale ins {
    order: 1;
    font-size: 22px;
    color: #e60000;
    font-weight: bold;
    display: inline-block !important;
}

/* Hiển thị giá gốc sau */
.price-on-sale del {
    order: 2;
    font-size: 14px;
    color: #888;
    opacity: 0.6;
    text-decoration: line-through;
    display: inline-block !important;
}

.icon-box-left, .icon-box-right {
    align-items: center;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    background-color: rgba(27, 27, 27, 0.98);
    min-width: 230px;
    border: none;
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.13);
    left: 0;
    right: auto;
    border-radius: 15px;
    border-bottom: none;
    padding: 20px 0;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    color: white;
    border-bottom: none;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #fcbd0b;
}
.nav-dropdown li:hover {
    background-color: #292929;
}

/* Ẩn menu cấp 2 mặc định */
.sub-menu .sub-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #1a1a1a; /* hoặc màu nền tùy bạn */
  min-width: 200px;
  z-index: 999;
  padding: 10px 0;
  border-radius: 10px;
}

/* Hiển thị menu cấp 2 khi hover vào mục cấp 1 */
.menu-item-has-children:hover > .sub-menu {
  display: block;
}

/* Vị trí menu cấp 1 */
.nav-dropdown-default {
  position: absolute;
  top: 100%;
  left: 0;
  background: #1a1a1a;
  min-width: 200px;
  z-index: 999;
  border-radius: 10px;
  padding: 10px 0;
}

.nav-dropdown>li.image-column, .nav-dropdown>li.nav-dropdown-col {
    width: auto !important;    display: block;

}
li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
}
.menu-item-has-children > ul.sub-menu .menu-item-has-children > a::after {
    content: '➜';
    float: right;
    padding-left: 10px;
    color: #ccc;
}
.sub-menu a {
  color: #fff;
  padding: 8px 15px;
  display: block;
  text-decoration: none;
}

.sub-menu a:hover {
  background: #333;
  color: #ffcc00;
}

span.section-title-main ,h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase{
    color: #fcbd0b;
    font-size: 32px;
    font-weight: 600;    width: 100%;
	text-align:center;
}
.product_home .product-small.box ,.product-small.box{
    background: #1c1c1c;
    border: 1px solid;
    border-color: #282828;
    word-break: break-word;
}
.box-text.box-text-products {
    text-align: left;
}
p.name.product-title.woocommerce-loop-product__title,.price-wrapper{
    text-align: left;
	    padding-left: 10px;
    padding-right: 10px;
}
.product_home span.price {
	    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-size: 16px;
}
.add-to-cart-button {
    display: none;
}
.off-canvas .sidebar-inner {
    padding: 0;
}
.yith-wcan-filters {
    border-radius: 0;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: black !important;
}
.filter-content span.amount {
	color: white;align-content}

.custom-featured-row {
  display: flex;
  gap: 30px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.custom-featured-left {
  flex: 3;
  min-width: 300px;
}

.custom-featured-right {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 250px;
}

.featured-main-post img,
.featured-sub-post img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.box-text-inner.blog-post-inner {
    text-align: left;
}
@media(min-width:767px){
	.featured-sub-post img {
    width: 300px;
    height: 100px;
    border-radius: 5px;
}
.featured-sub-post {
    display: flex;
    gap: 20px;
}
	
}
.featured-main-post h2,
.featured-sub-post h3 {
  margin-top: 10px;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .custom-featured-row {
    flex-direction: column;
  }

  .custom-featured-left,
  .custom-featured-right {
    flex: unset;
    width: 100%;
  }

  .custom-featured-right {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .featured-sub-post {
    flex: 1 1 45%;
  }
.woocommerce-product-gallery__image img {
    height: 300px !important;
}
}