/*
Theme Name: toanphat
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  ***************/


}
.mobile-sidebar{
    background: #fff;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
    width: 330px;
}
.off-canvas .nav-vertical > li > a {
  padding-bottom: 15px;
  padding-top: 15px;
  color: #000;
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
.off-canvas .nav-vertical li li > a {
  padding-bottom: 5px;
  padding-top: 5px;
  color: #000;
  font-size: 14px;
  text-transform: none;
}
.nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover{
    background: none;
}
.nav-vertical li li.menu-item-has-children{
    margin-bottom: 0;
}
.mobile-sidebar .icon-angle-down:before {
  font-size: 16px;
}
.item_cate_home .item_cate {
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    padding: 10px 10px;
    border-radius: 10px;
    background: #fff;
    gap: 10px;
    min-height: 110px;
    align-items: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    overflow:hidden;
    background: #fff;
    padding: 10px 10px;
    position: relative;
    transition: all .35s cubic-bezier(.39,.58,.57,1);
    border-top: 1px solid #efefef;
    min-height: 100px;
    position: relative;
    border-radius: 12px;
    gap: 10px;
    min-height: 110px;
}
.item_cate_home .item_cate:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  height: 3px;
  width: 0;
  transition: width .5s,left .5s,right .5s;
}
.item_cate_home .item_cate:hover:after {
  width: 100%;
  left: 0;
  right: 0;
  background: #ff2238;
}
.header-bottom-nav li:hover > a,
.header-bottom-nav li.active a{
    color: #faeb31;
}

.box-endow {
    margin-bottom: 16px;
    border: 1px solid #fee2e2;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.endow-title {
    position: relative;
    margin-bottom: 15px;
    display: flex
;
    align-items: center;
    background-color: #fee2e2;
    color: #d70018;
    gap: 10px;
    height: 42px;
    font-weight: 600;
    text-transform: none;
    padding: 0 10px;
}
.endow-global {
    padding: 0 17px;
    margin-bottom: 0;
}
.endow-global-item {
    display: flex;
    margin-bottom: 0;
    font-size: 14px;
}
.endow-global-item .icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    margin-top: 1px;
}
.summary-action {
    clear: both;
    overflow: hidden;
    display: block;
    padding-top: 12px;
}
.summary-action a {
    border-radius: 5px;
    font-size: 17px;
    line-height: 20px;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 15px 5px;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.btn-advise {
    background-color: #e22d33;
}
.absolute-footer {
	display: none;
}
.box__heading__home {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.box__heading__home h2 {
    margin: 0;
}
.box__heading__home h2 a {
    font-size: 24px;
    color: #335;
    font-weight: 600;
    line-height: 30px;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
}
.menu__child {
    display: flex;
    gap: 10px;
}
.menu__child a {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #444;
    float: right;
    font-size: 13px;
    height: 34px;
    padding: 5px 10px;
    white-space: nowrap;
}
.header-vertical-menu__title {
	color: #fff;
	font-size: 16px;
}
.section-title-main {
    font-size: 24px;
    color: #335;
    font-weight: 600;
    line-height: 30px;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
}
.tin-tuc {
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
	padding: 15px;
    background: #fff;
    border-radius: 10px;
}
.xem-tat-ca {
	
}
.flex__right {
    display: flex;
    gap: 20px;
    align-items: center;
}
.item__tel {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
    margin-right: 40px;
}
.logo-left .logo{
    max-width: 200px;
}
.img__tel {
    max-width: 25px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25px;
    margin-right: 10px;
}
.site-branding img {
    max-width: 250px;
}
.item__tel .content__tel span {
    display: block;
    font-size: 14px;
    color: #333;
}
.item__tel .content__tel a {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #d81616;
}
.header-button a {
    background-color: #e22d33 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    padding: 0 20px !important;
    color: #fff !important;
    border-radius: 30px !important;
    display: inline-block !important;
}
.danh-muc-san-pham .product-small .amount {
	    color: #d0021c;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    float: left;
}
.danh-muc-san-pham .product-small {
	background: #fff;
    border-radius: 15px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
}
.danh-muc-san-pham .product-small .title-wrapper {
	height: 50px;
}
.row.chi-tiet-san-pham{
    padding-left: 10px;
    padding-right: 10px;
}
.items_vitri .icon-box-img {
    width: 40px !important;
    height: 40px;
    float: left;
    background: #e22d33;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}
.items_vitri .content_vitri {
    float: right;
    font-size: 14px;
}
.items_vitri {
    overflow: hidden;
    margin: 0 0 25px 0;
}
.items_vitri .icon-box-img img {
	width: auto !important;
}
.tel__tel a {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #ccc;
    line-height: 14px;
    display: inline-block;
    color: #cc1e24;
    font-size: 14px;
}
.items_vitri .content_vitri a.map__map {
    color: #e22d33;
    display: block;
    font-size: 13px;
    text-decoration: underline;
}
.inner__info__right {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 2px 0 rgba(60, 64, 67, .1), 0 2px 3px 0 rgba(60, 64, 67, .15);
}
.inner__info__right h3 {
    background: #f2f2f2;
    line-height: 40px !important;
    margin: 0 0 10px 0;
    display: block;
    font-size: 17px;
    text-align: left;
    padding: 0 10px;
    border-radius: 6px;
}
.thongtinsanpham {
	margin: 0 0 25px 0;
    padding: 0;
}
.thongtinsanpham .products_detail_specs_item_name {
    min-width: 120px;
    font-size: 14px;
    font-weight: 600;
}
.thongtinsanpham .products_detail_specs_item_value {
    max-width: calc(100% - 120px);
    margin: 0;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.thongtinsanpham li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 5px;
    margin-left: 5px !important;
}
a.button.primary.lowercase.xem-tat-ca {
    display: block;
    width: 200px;
    margin: auto;
    background: red;
}
.related-products-wrapper .product-small .col-inner {
	background: #fff;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    overflow: hidden;
}
.related-products-wrapper .product-small .col-inner .box-text-products {
	padding: 10px;
}
.related-products-wrapper .product-small .col-inner .box-text-products .title-wrapper {
	height: 60px;
}
.related-products-wrapper .product-small .col-inner .box-text-products .title-wrapper a {
	line-height: 20px;
}
.related-products-wrapper .product-small .col-inner .box-text-products .price-wrapper .amount {
	color: #d0021c;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    float: left;
}
.chi-tiet-san-pham .col-inner .content-row {
    padding: 10px 15px 25px;
    border-radius: 5px;
}
.chi-tiet-san-pham .col-inner {
    border-radius: 5px;
}
.thong-tin-sp .woocommerce-tabs {
	padding: 10px;
}
.sp-lien-quan .col-inner {
    padding: 10px 15px 25px;
    border-radius: 5px;
}
.shop-container .col-inner {
	background: #fff;
    border-radius: 10px;
    padding: 10px;
    /*box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    overflow: hidden;*/
}
.shop-container .col-inner .title-wrapper {
	height: 60px;
}
.shop-container .col-inner .title-wrapper a {
	line-height: 20px;
}
.shop-container .col-inner .price-wrapper .amount {
	color: #d0021c;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    float: left;
}
.custom-meta {
    display: flex;
    align-items: center;
    gap: 23px; /* Khoảng cách giữa số sao và số lượt mua */
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 12px;
}

.review-count {
    color: #f5a623; /* Màu vàng sao */
    font-weight: bold;
    font-size: 12px;
}

.purchase-count {
    color: #ff6600; /* Màu cam giống ảnh */
    font-weight: bold;
}
.section_hotro{
    position: relative;
    width: 100%;
    background: url(/wp-content/uploads/2025/03/img-before-footer.webp) no-repeat 5% 67.1%, url(/wp-content/uploads/2025/03/img-after-footer.webp) no-repeat 100% 65.3%, url(/wp-content/uploads/2025/03/hoavanfooter.webp) repeat-x 0% .5%, url(/wp-content/uploads/2025/03/bg-img-footer.webp);
}
.section_hotro p {
	font-size: 13px;
    line-height: 20px;
}
.section_hotro h5 {
	color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.copyright {
    position: relative;
    margin-top: 20px;
    padding: 20px;
}
.product-price-container {
	height: 50px;
}
.san-sale {
	background-image: linear-gradient(to right top, #e22d33, #dd262b, #d81e22, #d21519, #cd090f);
    border-radius: 10px;
    padding: 20px 15px 0;
    overflow: hidden;
    margin: 0 15px;
}
.san-sale h2{
	padding: 0;
    margin: 0;
    border: 0;
    color: #fff;
    font-size: 30px;
    text-transform: none;
    line-height: 30px;
    font-weight: 600;
    text-shadow: 1px 2px 2px #000;
}
.san-sale .product-small {
    background: #fff;
    border-radius: 15px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
}
.san-sale .product-small .title-wrapper {
    height: 50px;
}

.box__filter {
    display: flex;
    gap: 8px;
    margin-bottom: 0;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 5px;
    font-size: 13px;
}
.box__filter form{
    margin: 0;
    display: flex;
    align-items: center;
}
.img__kn {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
.img__kn img {
    height: auto;
    float: left;
}

.filter-title{
    background: url(./bl.png) left 5px center no-repeat;
    display: flex;
    min-width: 75px;
    height: auto;
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    min-height: initial;
    line-height: 78px;
    font-size: 14px;
    padding-left: 15px;
}
.shop-filter-content{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.shop-filter-item{
    width: 150px;
}
.shop-filter-item > div:first-child{
    font-weight: bold;
}
.box__filter select{
    border-radius: 3px;
    margin: 0;
}
.category-filter .col{
    margin-bottom: 0;
    padding-bottom: 0;
}
.dai-ly-footer .content_vitri p {
	font-size: 14px;
	color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}
.dai-ly-footer .content_vitri a.map__map {
	color: #fff;
}
.dai-ly-footer {
	padding-bottom: 0;
}
.content__tel span {
    color: #fff;
        display: block;
    font-size: 14px;
    font-weight: 600;
}

.content__tel a {
    color: #fff;
    font-weight: 600;
}
.ho-tro-khach-hang .icon-box-left .icon-box-img+.icon-box-text {
	padding-left: 10px;
}
.social-icons.follow-icons.full-width.text-left a {
    border-radius: 20px;
    color: #337ab7;
    margin: 1px 1px 5px 1px;
    background: #fff !important;
}
.social-icons a i {
    font-size: 16px;
}
.social-icons.follow-icons.full-width.text-left .fa-youtube {
    color: red !important;
}
.social-icons.follow-icons.full-width.text-left .fa-pinterest {
    color: red !important;
}
.social-icons.follow-icons.full-width.text-left .fa-facebook {
    color: #337ab7 !important;
}
.social-icons a {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #ccc;
    text-align: center;
}
.nav-spacing-large>li {
    margin: 0 20px;
}
.nav-spacing-large>li a {
    font-family: arial !important;
    font-size: 16px;
}
.custom-html-widget>.gapp {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
.copyright .col {
	padding-bottom: 0;
}
.shop-container .product .col-inner .price-wrapper del .amount {
    color: #333;
    font-size: 16px;
    text-decoration: line-through;
}
.shop-container .product .col-inner .price-wrapper ins .amount {
    font-size: 26px;
    color: #db0606;
    font-weight: 600;
}
.product .price-wrapper .price {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 5px;
}
.row.chi-tiet-san-pham .col {
    padding: 0 5px 10px;
}
.row-addcart .quantity{
    display: none;
}
.row-addcart{
    display: flex;
    gap: 20px;
}
.row-addcart form{
    margin: 0;
    padding: 0;
}
.row-addcart > div {
    width: 50%;
}
.row-addcart > button{
    width: 50%;
    background: red;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0;
    padding: 5px;
}
.row-addcart form button{
    font-size: 15px !important;
    line-height: 40px;
    text-transform: uppercase;
    background: #d8d8d8 !important;
    color: #000 !important;
    width: 100%;
    margin-bottom: 0 !important;
    padding: 5px !important;
    border-radius: 5px;
}
form.checkout h3.checkout-col-title{
    font-size: 14px;
    color: #222;
    border-left: 5px solid #ccc;
    background-color: #f5f5f5;
    line-height: 32px;
    width: 100%;
    float: left;
    padding-left: 9px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-top: 0;
    font-weight: normal;
    margin-bottom: 20px;
}
.custom-checkout-grid{
    border: 1px solid #ddd;
    background: #fff;
    padding: 30px;
}
.woocommerce-billing-fields {
  border-top: unset;
  padding-top: 0;
}
form.checkout input{
    box-shadow: unset;
}
.place-order-col #place_order{
  width: 100%;
  text-transform: uppercase;
  padding: 8px;
  color: #fff;
  background: #ff4f00;
  font-size: 16px;
  font-weight: bold;
}
.woocommerce-cart-form{
    background: #fff;
    padding: 30px;
}
.woocommerce-cart-form .continue-shopping{
    display: none;
}
.woocommerce-cart-form .actions button{
    float: right;
    margin: 0;
}
.cart-sidebar{
    max-width: 500px;
    background: #fff;
    padding: 30px;
    float: right;
}
.product-remove a{
    border: none !important;
    font-size: 23px !important;
    color: #f00;
    font-weight: normal;
}
.ajax_add_to_cart,
.xem-them-sp{
    background: #ff0000;
    color: #fff;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    text-transform: none;
    width: 100%;
    margin-bottom: 0;
}

#mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-item{
    display: block;
    position: initial;
    float: unset !important;
}
#mega-menu-wrap-vertical #mega-menu-vertical li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
    position: absolute;
    right: 10px;
    transform: rotate(270deg);
}
body #mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-megamenu > ul.mega-sub-menu{
    position: absolute;
    left: 100%;
    width: 900px;
    top: 0;
    border: 0;
    min-height: 340px !important;
    height: 495px !important;
    padding: 10px;
    background: #FFF;
    box-shadow: 0 0 2px #ccc;
}
body #mega-menu-wrap-vertical #mega-menu-vertical li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{
    max-width: 100%;
}
body #mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    color: #e22d33;
    border-bottom: 1px solid #ccc;
}
body #mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > ul{

}
body #mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-item{
    border-bottom: 1px solid #ccc;
}
.post-sidebar.large-3{
    background: rgb(226 46 51 / 63%);
    padding-top: 30px;
    color: #fff;
}
.post-sidebar.large-3 a{
    color: #fff;
}
.inner__info__right{
    border: none !important;
    box-shadow: unset !important;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(8deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-8deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.fixed__button {
    position: fixed;
    left: 13px;
    bottom: 30px;
    z-index: 9;
    display: flex;
    flex-direction: column;
}
.fixed__button img {
    max-height: 45px;
    animation: tada 1s infinite;
    transition: all 0.3s ease-in-out;
}
.fixed__button a {
    display: block;
    text-align: center;
    margin-bottom: 9px;
}
.variations_form label {
    font-size: 16px;
}
.swatches-select.swatches-on-single {
    display: flex;
    flex-wrap: wrap;
}
.swatches-select.swatches-on-single .wd-swatch.swatch-on-single {
    margin: 0 14px 10px 0;
    font-weight: 400;
    border: 1px solid #C2C3CA;
    padding: 4px 9px;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    background: #f2f2f2;
}
.swatches-select.swatches-on-single .wd-swatch.swatch-on-single.active-swatch {
    font-weight: 500;
    color: #e32525;
    border-color: #e32525;
    background: #fff;
}
.variations_form label strong {
    color: red;
}
.variations_form{
    margin-bottom: 20px;
}
.off-canvas .nav-vertical li a:hover,
.off-canvas .current-menu-parent > a,
.off-canvas li.active > a{
    color: #ff0000 !important;
}
.off-canvas .current-menu-parent > a{
    color: #ff0000;
}
/*.off-canvas .current-menu-parent > ul {
    display: block !important;
    left: auto;
    opacity: 1;
    padding-bottom: 30px;
    position: inherit;
    transform: translateX(0);
}*/

.woocommerce-tabs .panel#tab-additional_information {
    display: none !important;
}

.woocommerce-tabs ul.tabs li.additional_information_tab {
    display: none !important;
}
.is-divider {
    display: none !important;
}

.san-sale .flickity-prev-next-button.previous {
    left: 0;
    top: 50%;
    transform: translateX(28%) !important;
}
.san-sale .flickity-prev-next-button.next {
    right: 0;
    top: 50%;
    transform: translateX(-131%) !important;
}

.danh-muc-san-pham .flickity-prev-next-button.previous {
    left: 0;
    top:50%;
    transform: translateX(28%) !important;
}
.danh-muc-san-pham .flickity-prev-next-button.next {
    right: 0;
    top:50%;
    transform: translateX(-34%) !important;
}
.price ins .woocommerce-Price-amount.amount {
    color: red !important;
}
.archive .product .woocommerce-Price-amount.amount {
    font-size: 14px !important;
}
.description_tab a::before {
    content: none !important;
}
.description_tab a {
    font-size: 16px !important;
    font-weight: bold !important;
}
.woocommerce-result-count,
.woocommerce-ordering {
    display: none !important;
} 
.danh-muc-san-pham .price-wrapper .price del .amount{
    color: #000000 !important;
    text-decoration: line-through !important;
}
.danh-muc-san-pham .price-wrapper .price ins .amount {
    color: #ff0000 !important;
    text-decoration: none !important;
}


@media (min-width: 850px) {
    .nav-divided>li+li>a:after {
        border-left: 1px solid #fff;
        content: "";
        height: 15px;
        left: -1em;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        width: 1px;
    }

 }
@media only screen and (max-width: 600px) {
    .menu__child {
        display: flex;
        gap: 10px;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .box__heading__home h2 {
        min-width: 140px;
    }
    .box__heading__home h2 a {
        font-size: 19px;
    }
    #woocommerce-product-search-field-1{
        background: #fff !important;
    }
    .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
    .row-slider .flickity-prev-next-button svg {
	    border: 2px solid !important;
    border-radius: 100%;
    }
    .fixed__button {
	    bottom: 30px;
    }
  .san-sale .flickity-prev-next-button.previous {
    left: 5px;
    transform: translateX(28%) !important;
}
.san-sale .flickity-prev-next-button.next {
    right: -15px;
    transform: translateX(-131%) !important;
}
.danh-muc-san-pham .flickity-prev-next-button.previous {
    left: 6px;
    transform: translateX(28%) !important;
}
.danh-muc-san-pham .flickity-prev-next-button.next {
    right: 5px;
    transform: translateX(-34%) !important;
}
.slider-nav-reveal .flickity-prev-next-button.previous {
    left: 12px !important;
    right: auto !important;
    transform: translateX(-10%);
}
.slider-nav-reveal .flickity-prev-next-button.next {
    left: auto !important;
    right: 12px !important;
    transform: translateX(10%);
}
}