/*
Theme Name:   Bw Zagg Child
Theme URI:    https://zagg.bzotech.com/intro/
Author:       The BZOTech
Author URI:   https://bzotech.com/
Description:  With Zagg WordPress template for WooCommerce, you'll elevate your online store by showcasing cutting-edge electronics and phone accessories with style.
Template:     bw-zagg
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.6
Requires PHP: 7.4
Copyright: © 2024 BZOTech Theme. All rights reserved.
Tags: custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, post-formats, sticky-post, threaded-comments, block-styles, blog, news
Text Domain: bw-zagg-child
*/
.product-price{
	    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
	flex-wrap:wrap;
}
/*Custom swiper gallery*/
    .main-swiper { 
		width: 100%; 
		height: auto; 
		margin-bottom: 20px; 
}
    .main-swiper .swiper-slide img { 
		width: 100%; 
		height: 100%; 
		object-fit: cover; 
	    border-radius: 14px;
}

    .thumbs-swiper { 
		height: 200px; 
		box-sizing: border-box; 
		padding: 10px 0; 
}
    .thumbs-swiper .swiper-slide {
        width: 300px !important;; 
		height: 100%;
        opacity: 0.4;
        cursor: pointer;
    }
    .thumbs-swiper .swiper-slide-thumb-active {
        opacity: 1;
    }
    .thumbs-swiper .swiper-slide img {
        width: 100%; 
		height: 100%; 
		object-fit: cover;
		border-radius: 6px;
    }


/*End custom swiper gallery*/

/* Begin item-post-featured blog style */
.blog-style-featured.grid-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
.featured-left {
    display: flex;
    flex-direction: column;
}
.featured-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.item-post-featured img {
    width: 100%;
    border-radius: 12px;
}
.item-post-featured .post-info {
    margin-top: 10px;
}
.blog-style-featured .meta {
    gap: 10px;
}
.blog-style-featured .cate a {
    color: var(--accent-color);
    text-decoration: none;
}
.blog-style-featured .cate a:hover {
    text-decoration: underline;
}
.blog-style-featured .date {
    color: #777;
    font-size: 0.9em;
    display: flex;
    align-items: center;
    gap: 5px;
}
/* Product element with Tab active*/
/* View all button*/
.link-view-tab .elbzotech-bt-global-style3 {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    transition: .3s;
  	 text-align: center;
    display: inline-block !important;
    align-items: center;
    text-transform: capitalize;
    background-color: #EB001B;
    border-radius: 44px 44px 44px 44px !important;
    padding: 13px 50px 13px 50px !important;
}
.tab-pane.active .link-view-tab{
    text-align: center;
    margin: 35px auto 0;
}
.elbzotech-bt-global-style3 .text-button {
    border-bottom: 1px solid #ffffff !important;
}
/*End View All button */
#sanphamnoibat-home .nav-tabs .tab-item-wrap {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #444;
    float: right;
    height: 38px;
    padding: 5px 12px;
    white-space: nowrap;
}
#sanphamnoibat-home .nav-tabs .tab-item-wrap.active {
    background-color: var(--bzo-main-color);
}
@media (min-width: 768px) {
#sanphamnoibat-home .nav-tabs li.active a {
        color: #ffffff !important
    }
}
/*End Tab  */
/* Single product */
.product-detail-info form.cart .detail-qty {
    display: none;
}
 .product-detail form.cart .ajax_add_to_cart,
 .product-detail form.cart button.single_add_to_cart_button{
    width: calc(50% - 5px) !important;
	border-radius: 8px !important;
}
  .product-detail form.cart button.single_add_to_cart_button{
	text-transform: uppercase !important;
	border: 1px solid #D70018!important;
    background: #D70018 !important;
}
  .product-detail form.cart button.single_add_to_cart_button:hover{
	border: 1px solid #000!important;
    background: #000 !important;
}
.woocommerce div.product form.cart button.single_add_to_cart_button::before{    
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    content: "\f07a";
    line-height: inherit;
}
@media (max-width: 767px) {
    .uu-dai-them-product .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row;
        text-align: start;
		align-items: center;
		gap: 6px;
    }
 .product-detail form.cart .ajax_add_to_cart,
 .product-detail form.cart button.single_add_to_cart_button{
    font-size: 13px !important;
}
}

/* */
/* Box quà tặng trang sản phẩm */
.product-detail-info .woocommerce-product-details__short-description {
    width: 100%;
}
.giftbox-card {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 10px;
   /* border: dashed 1px #EA0029;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    overflow: hidden;
    max-width: 100%;
    margin: 0 0 20px;
    transition: transform 0.2s ease;
}

.giftbox-icon {
  background-color: #ffdade;
  padding: 10px 15px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.giftbox-icon img {
  width: 25px;
  object-fit: contain;
}

.giftbox-content {
  padding: 0 15px 15px;
  flex: 1;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 25px;
  color: #000;
}
.giftbox-name {
  margin: 0 0 0 10px;
  font-size: 16px;
  font-style: italic;
  color: #EA0029;
}
.giftbox-card .giftbox-icon p {
    margin-bottom: 0;
}

/* Responsive for smaller screens */
@media (max-width: 1440px) {
.giftbox-card {
  max-width: 100%;
}
}
@media (max-width: 600px) {
.giftbox-icon img {
    width: 25px;
    object-fit: contain;
}

  .giftbox-icon {
    padding: 10px;
  }

  .giftbox-content {
    padding: 15px 10px;
  }
}
.general-feature {
color: #DF0A2F !important;
}
.general-quatang {
	color: #DF0A2F !important;
	font-weight: 600;
}
/* */
@media (max-width: 767px) {
.elbzotech-mini-cart-global-style2 .mini-cart-text {
    display: none !important;
	}
}
/* old style 
.product-detail-info .woocommerce-product-details__short-description {
    width: 100%;
}

.woocommerce-product-details__short-description ul li::before{
	    width: 4px;
    height: 4px;
    background-color: var(--bzo-main-color);
}
End old style */
/* Kết thúc box quà tặng */
/* Style "Thông tin ưu đãi" và "Miễn phí ship" */
.badge {
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 500;
    display: inline-block;
}
.badge-free-ship {
    background-color: #f4fcf4; 
	  color: #1ABA1A;
}
.badge-gift {
    background-color: #fef2f4; 
		color: #EA0029;
}
.custom-badges {
    display: flex;
    gap: 10px;
    margin: 5px 0;
    padding: 0 10px;
}

.promo-text {
    font-size: 13px;
    color: #333;
    margin: 5px 0;
    padding: 0 10px 20px;
}
.product-rating .rating-count {
    font-weight: bold;
    color: #000;
}
.product-rating .rating-number {
    font-size: 13px;
    color: #555;
}
.product-meta-actions .product-favorite a {
    font-size: 14px;
    color: #1e88e5;
    text-decoration: none;
}
.product-meta-actions .product-favorite a:hover {
    text-decoration: underline;
}
.product-meta-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}
.product-rating {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 2px;
    color: #fbc02d; /* Màu vàng cho sao */
}
@media (max-width: 480px){
.badge {
    font-size: 10px;
    padding: 3px 5px;
	}
.promo-text {
    font-size: 11px;
    line-height: 16px;
}
}
/* Kết thúc "Thông tin ưu đãi" và "Miễn phí ship" */
/* Product card */
.item-product {
    border-style: none;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
	border-radius: 8px;
}
.item-product .product-info {
    padding: 18px 10px !important;
}
.elementor-widget .product-category-single-top {
    display: none !important;
}
.item-product .product-info .wrap-rating {
    margin: 3px 0 !important;
}
.sp-da-xem{
background: #f0f0f0;
    border-radius: 10px;
    padding: 20px;
}
.item-da-xem{
	    display: flex;
    border: 1px solid #e7e7e7;
    padding: 10px;
    border-radius: 10px;
            background: #fff;
}
.item-da-xem .product-thumb-link img {
      width: 80px;
    height: 80px;
    object-fit: cover;
        border-radius: 10px;
}
.item-da-xem .info-item{
padding: 0px 10px;
    width: calc(100% - 80px);
}
.sp-da-xem .title{
   margin-bottom: 10px;
    font-size: 16px;
    font-style: italic;
    text-transform: uppercase;
}
.item-da-xem .info-item>a{
font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    min-height: 40px;
        line-height: 20px;
}
.item-da-xem .product-price .woocommerce-Price-amount {
    font-size: 13px!important;
    font-weight: 700;
}
.item-da-xem .product-price del .woocommerce-Price-amount {
    color: #666666;
    font-size: 11px!important;
 }
.sp-da-xem  .rv-clear-all{
margin-bottom: 10px;
    border: none;
    color: #888888;
    cursor: pointer;
}
.sp-da-xem  .rv-clear-all:hover{
    color: #000;
}
.sp-da-xem .rv-remove{
    border: none;
    position: absolute;
    right: 4px;
    top: 4px;
    background: #dfdfdf;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.sp-da-xem .rv-remove:hover{
    color:#fff;
    background: #000;
}
.main-page-shop .main-wrap-shop,
.main-page-shop .sidebar-position-left{
    width: 100%;
}
.main-page-shop .sidebar-position-left .sidebar-left{
    display: flex;
}

.content-all-filter{
    display: flex;
    flex-wrap: wrap;
        height: 400px;
    overflow-y: auto;
        padding: 20px;
}
.content-all-filter .sidebar-widget{
    width: 33.33%;
    padding: 0px 15px;
    padding-bottom: 30px;
}
.content-all-filter .sidebar-widget .list-filter{
    display: flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
        gap: 10px;
}
.content-all-filter .sidebar-widget .list-filter li{
    padding: 0;
}
.content-all-filter .sidebar-widget .list-filter li a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.content-all-filter .sidebar-widget .list-filter li a:hover{
    color: #009eff;
}
.content-all-filter .sidebar-widget .list-filter li a.selected{
    border-color: #009eff;
    color: #009eff;
}
.wap-content-all-filter{
    position: absolute;
    z-index: -1;
    background: #fff;
    box-shadow: 0px 8px 10px -2px #00000038;
    border-radius: 10px;
    top: calc(100% - 5px);
    opacity: 0;
    height: 0;
        max-width: 1200px;
        width: 100%;
}
.widget_bzotech_all_attribute_filter.active .wap-content-all-filter{
    z-index: 999;
    opacity: 1;
    height: auto;
}
.btn-bo-loc{
display: inline-flex;
    gap: 8px;
    align-items: center;
    z-index: 999;
    background: #fff;
    position: relative;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}
.arrow-filter{
        width: 27px;
    height: 14px;
    top: 36px;
    left: 25px;
    position: absolute;
    overflow: hidden;
    display: none;
}
.widget_bzotech_all_attribute_filter.active .arrow-filter{
    display: block;
}
.arrow-filter:before{
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    background: #fff;
    transform: rotate(45deg);
    top: 10px;
    left: 0;
    box-shadow: -2px -2px 5px -4px;
}
.wap-btn-bo-loc{
    display: flex;
    align-items: center;
    gap:10px;
    flex-wrap: wrap;
}
.widget_bzotech_all_attribute_filter{
    margin-bottom: 20px;
}
.js-filter-hitory .item-filter-hitory> a{
    gap: 5px;
}
.js-filter-hitory .item-filter-hitory> a img{
    height: 24px;
    width: auto;
}
.js-filter-hitory .item-filter-hitory> a:first-child{
    margin-left: 0px;
}
.js-filter-hitory .item{
    border-radius: 4px;
}
.js-filter-hitory .item:last-child{
    margin-right: 0px;
}
.top_filter-shop .sort-by .dropdown-link{
    display: none;
}
.top_filter-shop .sort-by .elbzotech-dropdown-list{
    position: unset;
    padding: 0;
    margin-top: 0;
    box-shadow:none;
    border-radius: 0px;
    display: flex;
    gap: 25px;
        opacity: 1;
    visibility: unset;
    width: auto;
    flex-wrap: wrap;
        z-index: unset;
}
.top_filter-shop .sort-by .elbzotech-dropdown-list a{
    font-size: 14px;
    font-weight: 400;
}
.top_filter-shop .sort-by .elbzotech-dropdown-list li{
   position: relative;
}
.top_filter-shop .sort-by .elbzotech-dropdown-list li:after{
    content: "";
    width: 4px;
    height: 4px;
    background: rgb(152 152 152);
    margin: 10px 0;
    border-radius: 2px;
    display: block;
    position: absolute;
    right: -15px;
    top: 3px;
}
.top_filter-shop .sort-by .elbzotech-dropdown-list li:last-child:after{

    display: none;
}
.top_filter-shop .sort-by .elbzotech-dropdown-list a.active{
    color: #288ad6;
}
.wap-content-all-filter .filter-actions{
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 15px;
    box-shadow: 0px -4px 10px -4px #c6c6c6;
}
.wap-content-all-filter .price_slider_wrapper button.load-shop-ajax{
    display: none;
}
.top-attributes .widget-title{
    display: none;
}
.top-attributes .list-filter{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:10px;
}
.top-attributes .list-filter li{
    padding: 0px;
}
.top-attributes .list-filter li a{
    background: #F5F5F5;
    padding: 8px 14px;
    align-items: center;
    border-radius: 4px;
    display: inline-block;
}
.elbzotech-dropdown-box.sort-by-order{
    flex-wrap: wrap;
}
.elbzotech-dropdown-box.sort-by-order > span {
    margin-right: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.header-all-filter-mobi{
        padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 5px 10px -5px #b6b6b6;
}
.header-all-filter-mobi .txt-filter{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.content-all-filter .sidebar-widget .widget-title{
    font-size: 16px;
}
.top-attributes .swatch-image{
        display: flex;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: rgba(242, 244, 247, 1);
}
.top-attributes .swatch-image img{
        height: 24px;
        width: auto;
}
.content-all-filter .swatch-image{
    display: flex;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: rgba(242, 244, 247, 1);
    border: 1px solid rgba(242, 244, 247, 1);
}
.content-all-filter .swatch-image.selected{
        border-color: #009eff;
}
.content-all-filter .swatch-image img{
    height: 24px;
    width: auto;
}
.attribute-type-image{
        display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.content-all-filter .widget:last-child{
        margin-bottom: 40px;
    border-bottom: 1px solid #E6E6E6;
}

.content-all-filter a.swatch-color{
    padding: 1px;
    border: 1px solid var(--bzo-border-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-all-filter a.swatch-color.selected,
.content-all-filter a.swatch-color.active
{
    border-color: #009eff;
}
.content-all-filter a.swatch-color .span-trong{
    background-color: #eeee22;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
}
.content-all-filter .attribute-type-color{
        display: flex;
    gap: 10px;
    align-items: center;
}
@media (max-width: 767px) {
    .main-page-shop .sidebar-position-left {
        order: 0;
        margin-top: 0px;
    }
    .elbzotech-dropdown-box.sort-by-order > span{
        display: none;
    }
    .wap-btn-bo-loc{
        flex-wrap: nowrap;
            width: 100%;
    }
    .wap-btn-bo-loc .btn-bo-loc{
        flex: 0 0 auto;
                margin-bottom: 10px;
    }
    .top-attributes .list-filter{
        flex-wrap: nowrap;
    }
    .wap-btn-bo-loc .top-attributes {
      flex: 1 1 auto;       /* chiếm phần còn lại */
      min-width: 0;         /* bắt buộc để flex co được */
      overflow-x: auto;     /* cuộn ngang */
      overflow-y: hidden;
      white-space: nowrap;
        padding-bottom: 10px;
    }
    .widget_bzotech_all_attribute_filter{
       display: flex;
        width: 100%;
    }
    .js-filter-hitory{
        flex-wrap: nowrap;
    }
    .main-filter__hitory{
         flex: 1 1 auto;       /* chiếm phần còn lại */
      min-width: 0;         /* bắt buộc để flex co được */
      overflow-x: auto;     /* cuộn ngang */
      overflow-y: hidden;
      white-space: nowrap;
        padding-bottom: 10px;
    }
    .sort-by{
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    .top_filter-shop .sort-by .elbzotech-dropdown-list{
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .main-top-filter__right {
         padding-top: 0px; 
    }
    .wap-content-all-filter{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }
    .content-all-filter .sidebar-widget {
        width: 100%;
        padding: 0px;
        padding-bottom: 30px;
    }
    .content-all-filter {
        height: calc(100vh - 50px);
        overflow-x: hidden;
    }
    .show-filter-actions.content-all-filter {
        height: calc(100vh - 130px);
    }
    .widget_bzotech_all_attribute_filter.active .wap-content-all-filter{
        z-index: 9999;
    }
    .content-all-filter  .sidebar-widget {
        margin-bottom: 30px;
    }
    .attribute-type-image {
        flex-wrap: nowrap;
        width: 100vw;
    }
}
.elbzotech-mini-cart-dropdown-global .mini-cart-content {
    z-index: 999999 !important;
}
.button-inner:hover .text-button {
    border-color: var(--bzo-main-color) !important;
}
.item-slider-global-category {
    padding: 5px 0 !important;
}

@media (max-width: 480px) {
	.item-product .product-info {
		padding: 10px 10px !important;
	}
	.product-meta-actions {
    display: flex;
    gap: 0 !important;
	}
	.clock .number,
	.clock .text{
    font-size: 11px !important;
}
.product-info .meta-attribute .title-rating .product-price.price  {
    display: flex !important;
    gap: 5px !important;
}
}
.product-detail-info .product-rate,
.item-product .product-rate{
    width: 17px !important;
}
.product-info .wrap-rating > li .star-by-number {
    display: inline-block !important;
}
@media (max-width: 767px) {
    .product-tab-wrap .title-tab-mobile {
        background: #d7d6d6 !important;
    }
	.compare-button-group {
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 1200px) {
    .single-related-product .bzotech-swiper-navi {
        top: -30px !important;
    }
}
.single-related-product .bzotech-swiper-navi {
    top: -40px;
}
.single-related-product {
    margin-top: 50px!important;
    padding-top: 50px !important;
}
.sidebar .wg-product-sliderstyle2 .swiper-slide {
    padding: 0 5px !important;
}
.sidebar .wg-product-sliderstyle2 .swiper-wrapper {
    padding: 10px 0 !important;
}