/*
Theme Name: Bw Zagg
Theme URI: https://zagg.bzotech.com/intro/
Author: 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.
Version: 1.4.1
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
*/

/* ==========================================================================
   CUSTOM CSS BY ANTIGRAVITY
   ========================================================================== */

/* 0. Thay đổi màu nhận diện toàn bộ theme sang màu cam (đè màu tím) */
:root {
    --color-main: #e04c00 !important;
    --main-color: #e04c00 !important;
    --color-hover: #cc4500 !important;
    --bg-main: #e04c00 !important;
    --color-primary: #e04c00 !important;
    --bg-primary: #e04c00 !important;
}

/* Các background quan trọng cần đè thủ công */
.bg-color-main, 
.bg-main-color, 
.elbzotech-bt-default,
.btn-primary,
button[type="submit"],
.button.checkout,
.add_to_cart_button {
    background-color: #e04c00 !important;
    border-color: #e04c00 !important;
}

.bg-color-main:hover, 
.bg-main-color:hover, 
.elbzotech-bt-default:hover,
.btn-primary:hover,
button[type="submit"]:hover,
.button.checkout:hover,
.add_to_cart_button:hover {
    background-color: #cc4500 !important;
    border-color: #cc4500 !important;
    color: #fff !important;
}

/* Đảm bảo icon/text bên trong nút Add to cart luôn màu trắng */
.addcart-link, 
.case-cart-icon, 
.addcart-link-style17, 
.product_type_variable, 
.add_to_cart_button,
.add_to_cart_button i,
.addcart-link i {
    color: #fff !important;
}


/* 1. Hide ratings in loop/listings */
.item-product .star-rating,
.product-info .star-rating,
.products .star-rating {
    display: none !important;
}

/* 2. Format prices: cam cho tất cả giá trong danh sách */
.item-product .price,
.products .price {
    display: block !important;
    text-align: left !important;
}

/* Giá cũ (gạch ngang) — xám nhạt */
.item-product .price del,
.products .price del {
    display: block !important;
    color: #999 !important;
    font-size: 12px !important;
    margin-bottom: 2px;
    opacity: 1;
    text-decoration: line-through;
}

/* Giá khuyến mãi (ins) — cam đậm */
.item-product .price ins,
.products .price ins {
    display: block !important;
    color: #e04c00 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    background: none !important;
}

/* Giá thường (không khuyến mãi, trực tiếp .amount) — cũng cam */
.item-product .price > .amount,
.products .price > .amount {
    color: #e04c00 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* Đè triệt để màu đỏ mặc định (#FF0600) của theme (trong single, grid...) */
.product-price ins .woocommerce-Price-amount,
.product-price ins,
.product-price .woocommerce-Price-amount,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    color: #e04c00 !important;
}

/* Các thẻ chứa giá nói chung */
.price ins .amount,
.price > .amount,
.woocommerce-Price-amount,
.price {
    color: #e04c00 !important;
    font-weight: 500 !important;
}

/* Giữ nguyên màu xám cho giá cũ */
.product-price del .woocommerce-Price-amount,
.product-price del,
.price del .amount,
.price del .woocommerce-Price-amount {
    color: #999 !important;
}

/* 4. Tùy chỉnh thanh điều hướng dưới cùng trên Mobile (after-append-footer) */
@media (max-width: 767px) {
/* Đổi màu text của menu-footer-mobile sang đen */
    #menu-menu-footer-mobile,
    #menu-menu-footer-mobile a,
    #menu-menu-footer-mobile li,
    #menu-menu-footer-mobile span {
        color: #000 !important;
        display: block !important; /* Khôi phục hiển thị bị ẩn bởi luật bên dưới */
        text-align: left !important; /* Căn trái text theo yêu cầu */
    }

    /* Ẩn các khối dư thừa trên mobile theo yêu cầu (chỉ ẩn trong footer) */
    .after-append-footer .elementor-element-108c677,
    .after-append-footer .elementor-element-597ed90 {
        display: none !important;
    }

    /* Đổi màu nền của toàn bộ thanh sang màu cam */
    .after-append-footer,
    .after-append-footer > .elementor-section,
    .after-append-footer .elementor-container,
    .after-append-footer .bg-color-darken,
    .after-append-footer .e-con-boxed,
    .elementor-element-f24d338 {
        background-color: #e04c00 !important;
    }

    /* Bỏ text, chỉ giữ icon */
    .after-append-footer .elementor-icon-list-text,
    .after-append-footer .text-menu,
    .after-append-footer .menu-text,
    .after-append-footer .e-toggle-style-icon-title, /* Class text Elementor mới phát hiện */
    .after-append-footer span:not([class*="icon"]):not([class*="count"]):not([class*="badge"]),
    .after-append-footer p,
    .after-append-footer .text {
        display: none !important;
    }

    /* Đổi màu icon sang màu trắng (trên nền cam) */
    .after-append-footer i,
    .after-append-footer .elementor-icon-list-icon i,
    .after-append-footer a i,
    .after-append-footer svg {
        color: #ffffff !important;
        fill: #ffffff !important;
        font-size: 24px !important;
    }

    /* Căn giữa icon sau khi ẩn text */
    .after-append-footer .elementor-icon-list-item,
    .after-append-footer a,
    .after-append-footer .elementor-widget-icon-list .elementor-icon-list-items {
        justify-content: center !important;
        text-align: center !important;
        align-items: center !important;
        display: flex !important;
    }
}

/* 3. Product grid — đồng đều chiều cao, căn thẳng hàng từng trường */

/* Wrapper mỗi ô — chiều cao bằng nhau trong cùng hàng */
.products .product,
.products .list-col-item,
.products li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* Card sản phẩm */
.item-product {
    border: 1px solid #e8e8e8 !important;   /* viền xám siêu nhạt, mảnh */
    border-radius: 6px !important;
    padding: 12px !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;                 /* chiều cao đầy ô cha */
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.item-product:hover {
    border-color: #e04c00 !important;
    box-shadow: 0 3px 12px rgba(224,76,0,0.10) !important;
}

/* Ảnh sản phẩm — không co giãn */
.item-product .product-thumb {
    flex-shrink: 0 !important;
    margin-bottom: 10px !important;
}

/* Khu vực thông tin — chiếm hết phần còn lại */
.item-product .product-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;                      /* lấp đầy chiều cao còn lại */
    text-align: left !important;
}

/* Tên sản phẩm — CỐ ĐỊNH 2 dòng, đồng đều giữa các card */
.item-product .product-title {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    margin-bottom: 0 !important;
    /* giới hạn 2 dòng — tên dài tự cắt ... */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    /* chiều cao = 2 dòng cố định */
    min-height: calc(1.45em * 2) !important;
    max-height: calc(1.45em * 2) !important;
    text-align: left !important;
}

.item-product .product-title a {
    color: #222 !important;
    text-decoration: none !important;
    display: block !important;
}

.item-product .product-title a:hover { color: #e04c00 !important; }

/* Rating (nếu có) */
.item-product .product-meta-flex {
    min-height: 0 !important;
    margin: 6px 0 0 !important;
    text-align: left !important;
}

/* Khối giá + nút — đẩy xuống đáy card bằng margin-top:auto */
.item-product .meta-attribute {
    margin-top: auto !important;
    padding-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.item-product .title-rating {
    text-align: left !important;
    flex: 1 !important;
}

/* Ẩn category khỏi card (đã xóa trong PHP, để CSS làm lớp phòng thủ) */
.item-product .product-category-single-top {
    display: none !important;
}

/* Căn trái khối giá + nút */
.item-product .meta-attribute {
    margin-top: auto !important;
    padding-top: 8px !important;
    justify-content: flex-start !important;
}

.item-product .title-rating {
    text-align: left !important;
}

/* 4. Giá trang chi tiết sản phẩm — màu cam */
.single-product .summary .price {
    display: inline-block !important;
    margin-right: 25px !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    color: #e04c00 !important;
}

.single-product .summary .price .amount {
    color: #e04c00 !important;
    font-weight: 700 !important;
}

.single-product .summary .price ins .amount {
    color: #e04c00 !important;
}

.single-product .summary .price del .amount {
    color: #999 !important;
    font-weight: 400 !important;
}

.single-product .summary .product_meta {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: 0 !important;
    border: none !important;
    padding: 0 !important;
}

.single-product .summary .product_meta .sku_wrapper {
    display: inline-block !important;
    margin: 0 !important;
}

/* 5. Force Roboto font globally */
body, 
h1, h2, h3, h4, h5, h6, 
p, a, span, div, li, ul, ol, 
input, select, button, textarea,
.elementor-widget-heading .elementor-heading-title,
.elementor-button,
.price,
.sku,
.widget-title,
.product-title,
.product-name,
.menu-item,
.main-menu,
.mini-cart,
.footer-widget,
.sidebar-widget,
.tab-title {
    font-family: 'Roboto', sans-serif !important;
}


.prodetail__overview_info {
    padding-left: 2.5rem;
}

.prodetail_box__row {
    --bs-gutter-x: 1.25rem;
}

.prodetail_box__wrapper {
    padding: 15px !important;
    background: #fff;
    box-shadow: 0 .15rem .35rem rgba(0,0,0,.1);
    border-radius: 8px;
    overflow: hidden;
}

.prodetail_box__label {
    position: relative;
    font: bold 19px/1.1 var(--ftitle);
    text-align: center;
    color: var(--color-title);
    text-transform: uppercase;
    margin: 0 0 .75rem;
    color: var(--color-main);
    padding-left: 15px;
}

.prodetail_box__label::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 5px;
    height: 20px;
    background: var(--color-main);
}

.prodetail_box__rightquote .dcontent {
    font-size: 13px;
    line-height: 22px;
}

.prodetail_box__rightquote__line--freeship {
    position: relative;
    font: bold 14px/1.2 var(--ftitle);
    letter-spacing: 1px;
    color: var(--color-main);
    padding-bottom: 1.25rem;
    margin-bottom: 1rem;
    padding-left: 35px;
    border-bottom: 1px dashed #444;
}

.prodetail_box__rightquote__line--freeship::before {
    position: absolute;
    left: 0;
    top: -2px;
    width: 30px;
    height: 20px;
    font-size: 21px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f48b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.prodetail_icon__list {
    list-style-type: none;
}

.prodetail_icon__list li {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font: 13px/20px var(--ftitle);
    border-bottom: 1px dotted #ddd;
}

.prodetail_icon__list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.prodetail_icon__list img {
    flex: 0 0 auto;
    width: 30px;
    height: auto;
    margin-top: 5px;
}

.prodetail_icon__list figure {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.prodetail_icon__list figcaption {
    flex: 0 0 auto;
    width: calc(100% - 30px);
    padding-left: .75rem;
    font-weight: normal;
}

.prodetail_icon__list li b {
    margin-bottom: .3rem;
    line-height: 16px;
    display: block;
    text-transform: uppercase;
}

.prodetail_icon__list li:first-child figcaption {
    padding-top: 0;
}

.prodetail_icon__list li:last-child figcaption {
    border-bottom: none;
    padding-bottom: 0;
}

.prodetail__box__content {
    padding: 0;
}

.prodetail__box hr.line {
    margin: 2.5rem 1.3rem 2rem;
    height: 3px;
    background: #DDD;
    border: none;
    opacity: 1;
}

.prodetail__box__content_collapse {
    max-height: 600px;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.5rem;
    transform-origin: top center;
}

.content-show .prodetail__box__content_collapse {
    max-height: none!important;
    transform-origin: top center;
}

.content-show .prodetail__box__content_collapse::after {
    display: none;
}

.prodetail__box__content_action {
    border: none;
    background: var(--color-hover);
    display: inline-block;
    padding: .6rem 1.5rem;
    min-width: 240px;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-family: var(--ftitle);
    text-transform: uppercase;
    color: #fff;
    border-radius: 25px;
}

.prodetail__box__content_action::before {
    background: var(--bg-black);
    border-radius: 25px;
}

.prodetail__box__content_action .show-min {
    display: none;
}

.prodetail__box__content_action span::after {
    margin-left: 6px;
    font-size: 13px;
    position: relative;
    top: 1px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f150";
}

.content-show .prodetail__box__content_action span::after {
    content: "\f151";
}

.prodetail__box__content_collapse::after {
    content: " ";
    background: rgba(0,0,0,0) linear-gradient(rgba(255,255,255,0),rgb(255,255,255)) repeat scroll 0% 0%;
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 100%;
}

.prodetail__box__technology__wrapper {
    padding-left: 3rem;
}

.prodetail__box__technology .dcontent {
    font-size: 14px;
    line-height: 22px;
}

.prodetail__box__technology .dcontent>p {
    margin-bottom: 0;
    padding: .6rem .75rem;
}

.prodetail__box__technology .dcontent>p:nth-child(2n) {
    background-color: var(--bs-light);
}

.prodetail_box__listinfo {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
}

.prodetail_box__listinfo>li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .45rem
}

.prodetail_box__listinfo .prodetail_box__listinfo_label {
    flex: 0 0 auto;
    width: 100px;
    font-weight: normal;
    font-family: var(--ftitle);
    text-transform: capitalize;
}

.prodetail_box__listinfo .prodetail_box__listinfo_text {
    flex: 1 0 0%;
    margin: 0;
    line-height: 24px;
}

.prodetail_box__listinfo a {
    color: inherit;
}

.prodetail_box__listinfo a:hover {
    color: var(--color-main);
}

.prodetail_box__listinfo_tinhtrang>span {
    font-weight: bold;
    text-transform: capitalize;
}

/* 6. Hide Wishlist and Compare buttons in Product Detail page */
.single-product .wishlist_compare_single_product_top,
.single-product .yith-wcwl-add-to-wishlist,
.single-product .yith-wcwl-add-button,
.single-product .compare,
.single-product .product-compare,
.single-product .yith-woocompare-button,
.single-product .wishlist-link {
    display: none !important;
}

/* ===== Post Navigation — Icon Style ===== */
.post-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    transition: color 0.2s;
}
.post-nav-link:hover { color: #e04c00; }

.post-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #ddd;
    font-size: 18px;
    flex-shrink: 0;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #555;
}
.post-nav-link:hover .post-nav-icon {
    background: #e04c00;
    border-color: #e04c00;
    color: #fff;
}
.prev-post .post-nav-link {
    flex-direction: row;
}
.next-post .post-nav-link {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.next-post h3 {
    display: flex;
    justify-content: flex-end;
}
.post-nav-link .text-title {
    font-size: 13px;
    color: #555;
    font-weight: 500;
    transition: color 0.2s;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.post-nav-link:hover .text-title { color: #e04c00; }

/* Sửa lỗi tiêu đề bài viết chi tiết bị tràn ra ngoài khung */
.title-post-single,
.content-single-blog {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* Ép chiều cao các sản phẩm trong slider bằng nhau (border item style 8) */
.elbzotech-wrapper-slider-product .swiper-wrapper {
    align-items: stretch !important;
}
.elbzotech-wrapper-slider-product .swiper-slide {
    height: auto !important;
}
.elbzotech-wrapper-slider-product .swiper-slide .item-grid-product-style8 {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.elbzotech-wrapper-slider-product .swiper-slide .item-grid-product-style8 .product-content {
    flex-grow: 1 !important;
}

/* Đưa giá sản phẩm về 1 hàng và căn giữa */
.product-price, 
.product-price .price {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.product-price del, 
.product-price ins,
.product-price .price del,
.product-price .price ins {
    display: inline-block !important;
    margin: 0 !important;
}

/* Tùy chỉnh kích thước ảnh trong slider-image-home */
#slider-image-home img {
    max-height: 100px !important;
    margin: 0 auto !important;
    display: block !important;
    width: auto !important;
}

/* Ẩn chức năng Wishlist toàn trang */
.yith-wcwl-add-to-wishlist,
.add_to_wishlist,
.wishlist-link,
.header-wishlist,
.action-wishlist,
.yith-wcwl-add-button,
.product-actions .yith-wcwl-add-to-wishlist,
.bzotech-wishlist-url {
    display: none !important;
}