/*
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.   ***************/
body {
	max-width: 100%;
	overflow: hidden;
}

.blog-single  .entry-header .entry-header-text {
	padding-bottom: 0;
}
.entry-content.single-page {
	padding-top: 0;
}

#top-bar .container {max-width:100%; padding:0;}
.form-flat input:not([type="submit"]) {background-color:#fff; border-radius:0px; height:37px; border-color:#EDA353; border-radius:7px;}
.cart-img-icon {max-width:50px !important;}
.hicon-row .col {padding-bottom:0}
#mega-menu-title i {
    margin-right: 9px;
    font-weight: bold !important;
    font-size: 25px;
    position: relative;
    top: 4px;}
#mega-menu-title {
    padding: 5px 0 15px 15px;
    font-size: 16px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer; text-transform:uppercase;}
#mega-menu-wrap {
    width: 100%;
    background: linear-gradient(90deg,rgba(245, 231, 168, 1) 0%, rgba(201, 120, 71, 1) 50%, rgba(237, 163, 83, 1) 100%);;
    position: relative;
    height: 60px;}
#mega_menu a span {
    position: absolute;
    font-size: 14px;
    color: #000;
    line-height: 33px;
}
#mega_menu {border:none;}
.cot1 {min-width:20%;}
.cot3 {max-width:25%}
.cot2 {max-width:55%;}
.row-banner .col {padding-bottom:20px;}
.cot4 {min-width:21%;}
.cot5 {max-width:39.5%}
.cot6 {max-width:39.5%}

.section-title-container {margin-bottom:0px;}
.section-title a {font-weight:500; font-size:14px}
.product-small img {height:210px;    object-fit: cover;}
.add-to-cart-button {display:none;}
.view-more-loop {display:none !important;}
span.amount {color:red; font-size:16px;}
.price {display:inline-flex !important}
del span.amount {color:#333; display:block; margin-bottom:0px; font-size:12px; margin-top:0px;}
.box-blog-post .is-divider {display:none;}
#footer p {margin-bottom:5px;}
#footer ul {list-style:none;}
#footer li {margin-left:0; margin-bottom:5px;}
.absolute-footer {display:none;}
.row-divided.row-reverse>.col+.col:not(.large-12) {border:none;}
#product-sidebar {padding:15px;}
.product-info .product-title {font-weight:500;}
.product-info span.amount {font-size:25px}
.product-info del span.amount {font-size:22px; display:initial;}
.info-section {z-index:9999; position:fixed; bottom:0; background-color:#fff;}
.info-section .icon-box-img {margin-bottom:0;}
.widget .is-divider {display:none;}
span.widget-title {display:block; background:#0d8804; padding:13px 12px 12px 12px; color:#fff; font-size:15px;}
span.widget-title:before {content: "\f0c9"; font-family: FontAwesome; padding-right:5px;}
#mega_menu>li:last-child > a {
border: none;
}
#mega_menu>li>a img {
height: 30px; width: auto;}
.menu-item img._before {width:20px;}
#menu-danh-muc-san-pham {border:1px solid #ddd; border-top:none;}
#menu-danh-muc-san-pham li {font-size:14px; padding-left:10px; padding-right:10px;}
#menu-danh-muc-san-pham span {position:relative; top:2px;}
.wpcf7-spinner {display:none;}
.hotro-col3 input[type="submit"]  {margin:0; border-radius:0;}
.flex-row.form-flat .flex-col {margin:0; padding-right:0;}
form.cart {margin-bottom: 20px;}
.section-title-normal span {border-color:#FBAF26; padding-left:5px; padding-right:5px;}
.row-small > .flickity-viewport > .flickity-slider > .col {padding-bottom:0 !important}
.product-small.box {background:#fff; border:1px solid #ddd; border-radius:10px;}
.product-small .box-text {padding:10px;}
.product-small .box-image {border-radius:10px 10px 0px 0px;}
.product-small .price-wrapper .price {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
#footer img.size-full.alignnone {margin-bottom:0;}
#mega-menu-wrap {height:48px;}
.header-cart-link {background-color: var(--primary-color);}
#header .searchform .button.icon i {color:#0D8804;}
#main {background:#e7eaf0}
.button {margin-bottom:0}
.sp-banner1 .banner-bg {border-radius:15px;}
.blogtt-tc .box-image {border-radius:10px 10px 0px 0px;}
.blogtt-tc .box-text {border-radius:0px 0px 10px 10px;}
.has-shadow .box:not(.box-overlay):not(.box-shade) {border-radius:10px;}
.row-box-shadow-1 .col-inner {border-radius:10px;}
.foot-sec1 .icon-box-text {padding-top:5px;}
.foot-col1 li:before {content: "\f105"; font-family: FontAwesome; padding-right:5px; font-size:12px;}
#footer li {border-bottom:1px solid #dddddd96;}
.page-title {background:#e7eaf0;}
.term-description img {border-radius:15px;}
.post-meta {font-size:11px; margin-top:5px;}
.post-meta:before {content: "\f017"; font-family: FontAwesome; padding-right:5px;}
.form-sp input[type=submit] {margin-right:0; margin-left:10px; border-radius:7px; background:linear-gradient(90deg,rgba(245, 231, 168, 1) 0%, rgba(201, 120, 71, 1) 50%, rgba(237, 163, 83, 1) 100%); border:none;}

.view-more-loop {
    text-align: center;
    background: #EC4017;
    color: #fff !important;
    border-radius: 4px;
    padding: 10px 25px;
    margin-top: 14px !important;
    font-weight: bold;
    position: absolute;
    font-size: 13px;
    right: 10px;
    bottom: 8px;
}
.product-title a {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 20px !important;
	height: 40px;
    font-weight: 600;
}
.product-small .box-text {
    overflow: hidden;
}
.badge-inner.on-sale {
    background-image: url(images/sale.png) !important;
    background-color: transparent !important;
    width: 73px;
    height: 35px;
    font-weight: normal;
    text-align: center;
    border-radius: 0;
}
.badge-container .badge {
    width: auto;
    height: auto;
}
.badge-container {
    margin: 0px 0 0;
}
.badge-circle, .badge-outline {
    margin-left: -0.1em;
}
.add-to-cart-button {
    max-width: 60%;
    float: left;
}
.row-sp .add-to-cart-button a {
    padding: 0 13px;
}
.header-cart-link {
	background: #3EADFE !important;
}
.row-sp .medium-3 {
    flex-basis: 230px;
    max-width: 230px;
}
.row-sp .medium-9 {
    flex-basis: calc(100% - 230px);
    max-width: calc(100% - 230px);
}
.woocommerce-breadcrumb.breadcrumbs {
    text-transform: none;
}
.product-thumbnails.thumbnails.row-small > .flickity-viewport > .flickity-slider > .col {
    padding-bottom: 10px !important;
}

/* Khung chứa nội dung */
.tskt-wrapper {
    position: relative;
    max-height: 460px; /* Chiều cao mặc định */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

/* Khi mở rộng */
.tskt-wrapper.expanded {
    max-height: none; /* Hoặc đặt 2000px nếu muốn hiệu ứng mượt hơn */
}

/* Hiệu ứng mờ dần ở đáy */
.tskt-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}

/* Ẩn mờ dần khi đã mở rộng hoặc nội dung quá ngắn */
.tskt-wrapper.expanded .tskt-gradient,
.tskt-wrapper.no-gradient .tskt-gradient {
    display: none;
}

/* Nút Xem thêm / Thu gọn */
.btn-tskt-more {
    display: block;
    margin: 15px auto;
    padding: 8px 25px;
    background: #fff;
    border: 1px solid #d32f2f;
    color: #d32f2f;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
}

.btn-tskt-more:hover {
    background: #d32f2f;
    color: #fff;
}

.tskt-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.single-product .section-content {
    z-index: auto;
}
.single-product #main {
    background-color: #fff;
}
.product-save-amount {
    margin: 0;
    align-items: center;
    padding: 5px 14px;
    border-radius: 8px;
    background: linear-gradient(-90deg, #ff7a18, #ff2c2c);
    line-height: 1.3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    color: white;
    font-size: 13px;
    margin-bottom: 10px;
}
.product-save-amount:before {
    font-family: "fl-icons";
    content: "\e005";
    color: #fffe00;
    margin-right: 6px;
    font-size: 14px;
    line-height: 1;
}
.product-save-amount .amount {
    color: #fff;
    font-size: 15px !important;
}

.product-info del {
    text-decoration: none;
}
.product-info del span.amount {
    font-size: 14px;
    text-decoration: line-through;
}
.product-short-description {
    padding: 10px;
    background: #ffe5e9;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}
.product-short-description p:last-child {
    margin-bottom: 0;
}
.promotion-product {
    border: 1px solid var(--primary-color);
    padding: 30px 10px 10px;
    position: relative;
    margin: 20px 0 5px;
    border-radius: 5px;
}
.promotion-product {
    margin: 28px 0 20px;
}
.hotsale-product, .promotion-product {
    border-radius: 8px !important;
}
.promotion-icon {
    position: absolute;
    top: -17px;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 15px;
}
.promotion-icon {
    border-radius: 8px;
}
.pack-detail ul, .promotion-info ul, .promotion-info p:last-child {
    margin-bottom: 0;
}

.wc-buy-now-btn.wc-buy-now-btn-single.button {
    background-color: #ef0000 !important;
    width: 200px;
    margin-right: 0 !important;
}
.single_add_to_cart_button {
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px !important;
    height: 40px;
    padding: 0px 20px;
    margin-right: 10px !important;
    line-height: 40px;
}

.woocommerce-tabs .tabs {
    display: none;
}
.single-product .woocommerce-tabs .tab-panels {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    border-radius: 1rem;
    padding: 10px;
}
.box-table table {
    border: 1px solid #F2F2F2;
    border-radius: 1rem;
    overflow: hidden;
}
.box-table table tr:nth-child(-n+10) {
    display: table-row;
}
.box-table tbody tr:nth-child(odd) {
    background: #F2F2F2;
}
.box-table table td:first-child {
    padding-left: 10px;
}
.col-right-single .col-inner {
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    border-radius: 1rem;
    padding: 10px;
}

/* Container tổng */
.custom-loop-rating-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0px 0;
}

/* Định dạng chung cho hàng sao */
.custom-loop-rating-wrapper .star-rating {
    display: inline-block;
    position: relative;
    font-family: 'star'; /* Font mặc định của WooCommerce */
    font-size: 14px;
    width: 73px; /* Chiều rộng vừa đủ 5 ngôi sao */
    height: 16px;
    line-height: 1;
    overflow: hidden;
    color: #ffb800; /* Màu vàng sao thật */
    margin-top: 0;
    margin-bottom: 0;
}

/* Tạo 5 sao rỗng màu xám làm nền bên dưới */
.custom-loop-rating-wrapper .star-rating::before {
    color: #e0e0e0; /* Màu xám */
    position: absolute;
    top: 0;
    left: 0;
}

/* Phần sao vàng đè lên (khi có đánh giá) */
.custom-loop-rating-wrapper .star-rating span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em; /* Đẩy text mặc định xuống để lộ icon */
}

.custom-loop-rating-wrapper .star-rating span::before {
    color: #FFA500;
    position: absolute;
    top: 0;
    left: 0;
}

/* Text số lượng đánh giá */
.rating-count-text {
    font-size: 13px;
    color: #333;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.view-more-loop {
		display: block  !important;
        position: initial;
	}
	.row-sp .medium-3,
	.row-sp .medium-9 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.add-to-cart-button {
		max-width: 100%;
		width: 100%;
	}
	body .add-to-cart-button a {
	    margin-top: 4px !important;
	}
	.product-title a {
		height: 37px;
	}
    .single_add_to_cart_button {
        padding: 0px 12px;
        font-size: 13px !important;
    }
    .wc-buy-now-btn.wc-buy-now-btn-single.button {
        width: auto;
    }
    .woocommerce-Reviews, .devvn_prod_cmt {
        padding: 0 20px;
    }
}
/* */
.title-b h4 {
	background: linear-gradient(to bottom, #D3722F, #FEDD8B);
    background-clip: text;
    color: transparent;
    font-size: 17px;
    margin-bottom: 0;
}