/**
Theme Name: fora-custom
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fora-custom
Template: astra
*/
/* ========================================================== */
/* A. CẤU HÌNH LAYOUT CHUNG & FULL WIDTH */
/* ========================================================== */

/* Tối ưu hóa Container chính: Full Width và Padding 48px trên Desktop */
@media screen and (min-width: 769px) {
    /* Đảm bảo Container chính (ast-container) chiếm full width và có padding 48px */
    .ast-container, .ast-container-fluid {
        max-width: none; /* Loại bỏ giới hạn max-width */
        padding-left: 48px;
        padding-right: 48px;
        margin-left: 0;
        margin-right: 0;
    }
    /* Đảm bảo nội dung chính (#primary) không thêm padding không cần thiết */
    #primary {
        border: none !important;
        padding-left: 0 !important; 
        padding-right: 0 !important;
        width: 100%; /* Đảm bảo chiếm hết không gian còn lại */
    }
    /* Đảm bảo .site-main và .site-content không bị giới hạn */
    .site-main, .site-content > .ast-container {
        max-width: 100% !important;
    }
}
/* ========================================================== */
/* C. BỐ CỤC LỌC VÀ LƯỚI SẢN PHẨM (DESKTOP) */
/* ========================================================== */

/* Container chứa Sidebar và Lưới sản phẩm (chạy sau Header) */
.filter-and-grid-container {
    display: flex;
    padding: 20px 0;
}

/* Lưới sản phẩm (Products) */
.woocommerce-products-loop {
    flex-grow: 1; 
}

@media screen and (min-width: 769px) {
    .woocommerce ul.products li.product {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 18px;
    }
}

/* Ẩn các thành phần không cần thiết */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .woocommerce-loop-product__category {
    display: none;
}

/* Tên và Giá */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}
.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

/* ========================================================== */
/* G. MOBILE LAYOUT (Kích thước <= 768px) */
/* ========================================================== */

@media screen and (max-width: 768px) {
    
    /* 1. Reset Padding Container chính về 0 (đã được bao bọc bởi container Astra) */
    .ast-container, .ast-container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 3. Tùy chỉnh Padding cho Lưới sản phẩm Mobile */
    #primary {
        width: 100%;
    }
    
    /* 4. Điều chỉnh padding item sản phẩm về 0 trên mobile */
    .woocommerce ul.products li.product {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 18px;
    }
	
	.astra-shop-summary-wrap{
		padding-left: 12px;
	}
	.woocommerce ul.products, .woocommerce-page ul.products {
    	column-gap: 6px !important;
	}
}
/* Ẩn các tiêu đề thừa của WooCommerce/Astra */
.woocommerce-products-header, .woocommerce-result-count, body.archive .ast-archive-description {
    display: none !important;
}
/* Chỉ hiển thị tiêu đề trong Header ghim tùy chỉnh của chúng ta */
.nike-wall-header .wall-header__title {
    display: block !important;
}
/* --- TÙY CHỈNH TRANG SẢN PHẨM NIKE V5.0 --- */
.woocommerce-js div.product div.summary .single-product-category{
    display: none;
 }
    
.woocommerce-js div.product .product_title{
    font-size: xx-large!important;
}
.woocommerce-product-gallery__trigger{
    margin-right: 20px;
}
.woocommerce-product-details__short-description{
    display: none;
}
/* --- PHẦN 1: MÁY TÍNH (Màn hình > 768px) --- */
@media (min-width: 769px) {

    /* * Giới hạn độ rộng TỔNG CỘNG của khu vực sản phẩm (ảnh + info)
     * Đặt độ rộng 95% (giống Nike)
     */
    body.single-product .ast-container .content-area{
        max-width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Bố cục 2 cột (Ảnh / Thông tin) */
    .ast-single-product .site-main .product {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        width: 100% !important; /* Đảm bảo .product chiếm 100% .ast-container */
    }

    /* Cột Ảnh (Bên trái) - Khóa cứng 63% */
    .woocommerce-product-gallery {
        width: 63% !important;
        padding-right: 2% !important;
        box-sizing: border-box !important;
    }

    /* Cột Thông tin (Bên phải) - Khóa cứng 35% */
    div.product .entry-summary {
        width: 35% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Container lưới 3 cột (Cho nút chọn) */
    .variable-items-wrapper {
        display: grid !important; 
        grid-template-columns: repeat(4, 1fr) !important; /* 3 cột */
        gap: 10px !important; /* Khoảng cách */
        margin-bottom: 8px !important;
        width: 100% !important;
    }
}

/* --- PHẦN 2: ĐIỆN THOẠI (Màn hình <= 768px) --- */
@media (max-width: 768px) {
    
    /* Reset container về 100% trên điện thoại */
    body.single-product .ast-container {
        max-width: 100% !important; 
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Reset 2 cột về 100% (xếp chồng lên nhau) */
    .ast-single-product-wrap .woocommerce-product-gallery,
    .ast-single-product-wrap .entry-summary {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Trên điện thoại, 2 nút / hàng là hợp lý hơn */
    .variable-items-wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 8px !important;
        width: 100% !important;
    }
    .archive-header-button {
        display: none;
    }
}


/* --- PHẦN 3: CSS CHUNG (Áp dụng cho cả 2 kích thước) --- */
/* --- TOÀN BỘ ĐÃ ĐƯỢC THÊM !IMPORTANT --- */

/* Nút chọn (Item) */
.variable-item {
    width: auto !important; /* Quan trọng: Không phải 100%, để vừa vặn grid */
    height: auto !important; 
    min-height: 32px !important; /* Chiều cao tối thiểu */
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    padding: 8px 6px !important; /* Padding bên trong */
    cursor: pointer !important;
    transition: border-color 0.2s !important;
    float: none !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Ẩn chấm màu (nếu lỡ chọn type "Color") */
.product .variations .variable-item .woo-variation-swatch-color { display: none !important; }
/* Chữ bên trong nút */
.product .variations .variable-item .woo-variation-swatch-label { color: #111 !important; font-size: 16px !important; font-weight: 500 !important; }
/* Hover */
.product .variations .variable-item:not(.disabled):hover { border-color: #000 !important; }
/* Selected */
.product .variations .variable-item.selected { border-color: #000 !important; border-width: 2px !important; box-shadow: none !important; padding: 13px 9px !important; }
/* Disabled */
.product .variations .variable-item.disabled { opacity: 0.4 !important; cursor: not-allowed !important; background: #f5f5f5 !important; }


/* Nút Mua hàng và Wishlist (Đảm bảo full 100%) */
.product form.cart {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
.product .woocommerce-variation-add-to-cart {
    width: 100% !important;
}

/* Đưa số lượng và nút mua hàng lên cùng 1 hàng */
.product .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: stretch !important;
    gap: 15px; /* Khoảng cách giữa 2 nút */
    margin-top: 25px;
}

/* Tùy chỉnh khung số lượng */
.single-product div.product form.cart .quantity {
    display: flex;
    background: #f5f5f5; /* Nền xám nhạt giống Joola */
    border-radius: 4px;
    align-items: center;
}

.single-product div.product form.cart .quantity input.qty {
    width: 50px !important;
    background: transparent !important;
    border: none !important;
    font-weight: bold;
}

/* Tùy chỉnh nút Add to Cart */
.single-product div.product form.cart .single_add_to_cart_button {
    flex-grow: 1; /* Nút mua hàng chiếm hết phần còn lại */
    background-color: #000 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 4px !important;
    padding: 16px 30px !important;
    transition: all 0.3s ease;
}

.single-product div.product form.cart .single_add_to_cart_button:hover {
    background-color: #333 !important;
}

/* Nút Favourite (Wishlist) */
.product .yith-add-to-wishlist-button-block {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    margin-bottom: 1em !important;
}
.product .yith-wcwl-add-to-wishlist-button{
    background-color: #fff !important;
    color: #111 !important;
    border: 1px solid #ccc !important;
    border-radius: 30px !important;
    padding: 16px 24px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: border-color 0.3s !important;
    box-sizing: border-box !important;
    justify-content: center;
}
.product .yith-wcwl-add-to-wishlist-button{ border-color: #111 !important; }


/* Các thành phần khác (Size Guide, Text Wishlist...) */
.product .size-selector-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 8px !important; }
.product .size-selector-header label { margin-bottom: 0 !important; font-weight: 600 !important; font-size: 16px !important; }
.product .size-guide-link { font-size: 15px !important; color: #757575 !important; text-decoration: underline !important; }

.product .yith-wcwl-add-button > a { font-size: 0 !important; }
.product .yith-wcwl-add-button > a::after { content: 'Favourite'; font-size: 16px !important; font-family: inherit !important; margin-left: 8px !important; }
.product .yith-wcwl-add-button .yith-wcwl-icon { font-size: 16px !important; margin-right: 0 !important; }

.cart-content{
    display: inline-flex;
}
/* --- TÙY CHỈNH TRANG GIỎ HÀNG NIKE (DÙNG BẢNG GỐC) --- */

/* 1. Bố cục 2 cột chính */
.woocommerce-cart .nike-cart-layout {
    display: flex;
    flex-wrap: wrap; /* Cho phép xuống hàng trên di động */
    gap: 10px;
    margin-top: 24px;
}

.woocommerce-cart .cart-bag {
    flex: 2; /* Cột trái chiếm 2/3 */
    min-width: 300px;
}

.woocommerce-cart .cart-summary {
    flex: 1; /* Cột phải chiếm 1/3 */
    min-width: 300px;
    position: sticky; /* Dính cột summary khi cuộn */
    top: 40px;
}

/* 2. Tiêu đề "Bag" và "Summary" */
.nike-cart-title, .summary-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
}

/* 4. BIẾN ĐỔI BẢNG THÀNH DANH SÁCH ITEM (Quan trọng) */

.woocommerce-cart table.shop_table {
    border: none !important;
    width: 100% !important;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    width: 100%;
}
.woocommerce-cart table.shop_table thead {
    display: none !important;
}
.woocommerce-cart .cart_totals h2 {
    display: none !important;
}
.cart-collaterals h2{
    padding: 0;
    margin-bottom: 24px;
}
.cart_totals{
    padding: 0 !important;
    border-width: 0px !important;
}
.cart-subtotal th, .woocommerce-shipping-totals th, .order-total th{
    padding-left: 0px!important;
    font-weight: 600 !important;
}
.woocommerce-page table.shop_table .product-thumbnail img {
    max-width: 160px;
}
.woocommerce-cart table.shop_table .woocommerce-Price-amount{
    font-weight: 600;
    float: right;
}
.cart_item > td.product-name a {
    font-weight: 600;
}
.woocommerce-cart-form table.shop_table td{
    border-top: 0px;
    border-bottom: 1px solid var(--ast-border-color);
    vertical-align: top;
}
.woocommerce-js table.shop_table td.product-thumbnail{
    padding-left: 0;
    padding-right: 0;
    width: 160px;
}
.woocommerce-js td.product-name dl.variation {
    color: #707072;
    font-weight: 500;
}
.woocommerce-js td.product-name dl.variation > .variation-Size {
    font-weight: 600 !important;
    text-decoration: underline !important;
}
/* --- 1. IMPORT ICON (Cần thiết cho icon thùng rác) --- */
/* Đảm bảo thư viện Font Awesome được tải */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

/* --- 2. BỐ CỤC KHU VỰC HÀNH ĐỘNG DƯỚI ẢNH --- */
.product-actions-below-image {
    display: flex;
    align-items: center;
    gap: 10px; /* Khoảng cách giữa Quantity và Trash */
    margin-top: 10px;
}

/* --- 3. CSS CHO NÚT +/- SỐ LƯỢNG (NIKE STYLE) --- */
.product-quantity-wrapper .quantity {
    display: flex;
    width: fit-content;
    border: 1px solid #ccc;
    border-radius: 20px;
    min-height: 40px;
    justify-content: center;
    align-items: center;
}

/* Ô số ở giữa */
.product-quantity-wrapper .quantity input[type="number"] {
    width: 30px !important; 
    text-align: center !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 !important; 
    height: 28px; 
    line-height: 28px; 
    -moz-appearance: textfield !important;
}
.product-quantity-wrapper .quantity input::-webkit-outer-spin-button,
.product-quantity-wrapper .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
span.minus, span.plus {
    justify-content: center;
    display: inline-flex;
    align-items: center;
    width: 24px;
    height: 24px;
}
span.minus:hover, span.plus:hover {
    border-radius: 50%;
    background-color: #f5f5f5;
}
a.remove-item-icon.remove {
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
}
a.remove-item-icon.remove:hover{
    background-color: #f5f5f5;
}
.woocommerce-cart .entry-header, 
.woocommerce-cart .page-header {
    display: none !important;
}
.woocommerce-cart #primary{
    margin: 0 !important;
}
button#nav-search-icon {
    -webkit-box-pack: start;
    justify-self: flex-start;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(245, 245, 245);
    width: 100%;
    color: var(--podium-cds-color-text-secondary-inverse);
    display: flex;
    border: 0px;
}
button#nav-search-icon:after {
    content: "Search";
    color: #ccc;
}
@media (max-width: 768px){
    .site-header-below-section-center.site-header-section.ast-flex.ast-grid-section-center {
        display: block;
    }
    aside.header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner{
        padding: 0;
        padding-bottom: 10px;
    }
}
.homepage-banner{
    max-width: 100%!important;
    width: 100% !important;
    height: 100%;
}
body.home .site-content .ast-container{
    padding: 0;
}
body.home #primary{
    margin: 0 !important;
    padding: 0 !important;
}
body.home .swiper-content{
    padding: 0 !important;
}
body.home .homepage-title {
    margin: 0;
    padding-left: 56px;
}
body.home .category-title{
    padding-left: 24px;
}
body.home .category-grid-item{
    width: 100%;
    margin: 0 !important;
}
body.home .info-grid-item{
    max-width: 100% !important;
    margin-left: 56px;
    margin-right: 56px;
    margin-bottom: 32px;
}
body.home .category-grid, body.home .info-grid{
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    gap: 0;
}
body.home .category-container{
    margin: 32px;
    padding: 0;
    max-width: 100%;
}
body.home .icon-slider{
    max-width: 100%;
    margin: 24px;
}
.footer-column p {
    margin-bottom: 1rem;
    color: #808285;
}
.cart-related-container {
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce ul.products, .woocommerce-page ul.products {
    column-gap: 16px;
}
span.woocommerce-Price-amount.amount {
    font-weight: 600;
}
#nike_price_filter_widget-2>h4.widget-title {
    margin-bottom: 0;
}
@media (max-width: 768px){
    body.home .category-grid,body.home .info-grid{
        grid-template-columns: revert;
    }
    body.home .category-container{
        margin: 0px;
    }
    body.home .info-grid-item {
        margin-left: 24px;
        margin-right: 24px;
        min-height: 200px;
    }
}
span.nike-checkbox-label {
    margin-left: 4px;
    font-weight: 500;
    font-size: 1rem;
    color: #000 !important;
    line-height: 20px;
}
@media (min-width: 769px){
    body.home .is-product-collection-layout-carousel .wc-block-product{
        min-width: 33%;
    }
    .is-product-collection-layout-carousel .wc-block-product{
        min-width: 33% !important;
    }
}
button.ast-menu-toggle {
    border: 0px !important;
}
button.ast-menu-toggle:focus {
     outline: none !important; 
}
nav.woocommerce-pagination {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
/* === 1. LAYOUT CHUNG (DESKTOP & GLOBAL) === */
.nike-cart-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #111;
}

.nike-cart-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.cart-bag-section { flex: 2; }
.cart-summary-section { 
    flex: 1; 
    position: sticky; 
    top: 20px; 
}

.bag-header { margin-bottom: 20px; }
.nike-page-title, .summary-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

/* === 2. BẢNG SẢN PHẨM (DESKTOP) === */
/* Xóa bỏ giao diện bảng mặc định */
.nike-cart-layout table.shop_table {
    border: none !important;
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}
.nike-cart-layout table.shop_table thead { display: none; } /* Ẩn tiêu đề bảng */
.woocommerce-cart .cart-collaterals .cart_totals table th{
	padding: 24px 0;
}
.nike-cart-layout table.shop_table td {
    padding: 24px 0;
    vertical-align: top;
}

/* --- CỘT 1: ẢNH & ACTIONS --- */
.nike-cart-layout td.product-thumbnail {
    width: 160px; /* Cố định chiều rộng cột ảnh */
    padding-right: 24px;
    box-sizing: content-box;
}

.nike-cart-layout .thumbnail-wrapper img {
    width: 150px !important;
    height: auto;
    display: block;
    margin-bottom: 12px; /* Khoảng cách giữa Ảnh và Nút bên dưới */
}

/* KHU VỰC NÚT (Số lượng, Xóa, Tim) */
.nike-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    /* Desktop: Nằm dưới ảnh */
}

/* Input số lượng */
.nike-product-actions .quantity-wrapper { display: inline-block; }
.nike-product-actions input.qty {
    width: 40px;
    height: 32px;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    background: transparent;
    appearance: textfield; /* Xóa mũi tên tăng giảm mặc định */
}
.nike-product-actions input.qty::-webkit-outer-spin-button,
.nike-product-actions input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Nút Xóa & Tim */
.nike-remove-btn, .nike-wishlist-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #111;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
}
.nike-remove-btn:hover, .nike-wishlist-btn:hover { background-color: #f5f5f5; }

/* --- CỘT 2: THÔNG TIN & GIÁ --- */
.nike-cart-layout td.product-name {
    padding-left: 0;
}

/* Flex container để chia Tên (Trái) và Giá (Phải) */
.nike-product-details-row {
    display: flex;
    justify-content: space-between; 
    width: 100%;
    gap: 20px;
}

.nike-details-left { flex: 1; }

.product-title-link {
    font-weight: 500;
    font-size: 16px;
    color: #111;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
    line-height: 1.4;
}

.nike-meta-data, .nike-meta-data dl {
    margin: 0;
    font-size: 14px;
    color: #757575;
    line-height: 1.5;
}
.nike-meta-data dl dt { display: none; } /* Ẩn label (vd: "Size:") */
.nike-meta-data dl dd {
    float: left;
    margin: 0 10px 0 0;
    margin-bottom: 2px;
}
.nike-meta-data dl dd p { margin: 0; }

.nike-details-right {
    text-align: right;
    white-space: nowrap;
}
.nike-details-right .amount {
    font-weight: 500;
    color: #111;
    font-size: 16px;
}
.bag-count{
	display: none;
}
.order-soon-txt {
    color: rgb(186, 134, 30);
	font-size: 16px;
	border-bottom: 1px solid #e5e5e5;
}

/* Ẩn các nút thừa */
.actions .coupon, .actions button[name="update_cart"] { display: none; }


/* ===============================================
   3. MOBILE RESPONSIVE (CƠ CHẾ BIẾN HÌNH)
   =============================================== */
@media (max-width: 768px) {
	.nike-cart-container{
		padding-top: 0px;
	}
	.woocommerce-cart .nike-cart-layout{
		margin-top: 0px;
	}
	.bag-header {
    	margin-right: auto;
    	margin-left: auto;
    	text-align: center;
	}
	.bag-count{
		display: block;
	}
    /* 1. Phá vỡ layout ngang của 2 cột lớn (Bag & Summary) */
    .nike-cart-layout {
        flex-direction: column; 
        gap: 0;
    }

    /* 2. BIẾN TABLE THÀNH FLEXBOX */
    /* Table, tbody, tr, td bình thường rất cứng, ta chuyển thành block/flex để dễ chỉnh */
    .nike-cart-layout table.shop_table, 
    .nike-cart-layout tbody {
        display: block;
        width: 100%;
    }

    /* MỖI DÒNG SẢN PHẨM (TR) */
    .nike-cart-layout tr.cart_item {
        display: flex;          /* Cho phép sắp xếp các ô td nằm ngang */
        flex-wrap: nowrap;      /* Không cho rớt dòng */
        align-items: flex-start;/* Căn đỉnh trên */
        padding: 20px 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
        width: 100%;
        box-sizing: border-box;
    }

    /* CỘT TRÁI (Ảnh + Actions) */
    .nike-cart-layout td.product-thumbnail {
        display: flex;
        flex-direction: column; /* QUAN TRỌNG: Xếp Ảnh trên, Nút dưới theo chiều dọc */
        width: 120px;           /* Cố định chiều rộng giống Nike Mobile */
        min-width: 120px;       /* Đảm bảo không bị co lại */
        margin-right: 16px;     /* Khoảng cách với cột thông tin bên phải */
        padding: 0 !important;
        border: none !important;
    }

    /* Ảnh full width của cột cha (120px) */
    .nike-cart-layout .thumbnail-wrapper img {
        width: 100% !important;
        height: auto;
        margin-bottom: 12px;
    }

    /* CỘT PHẢI (Tên + Giá) */
    .nike-cart-layout td.product-name {
        display: block;
        flex: 1;                /* Chiếm toàn bộ không gian còn lại bên phải */
        padding: 0 !important;
        border: none !important;
    }

    /* Hàng chứa Tên và Giá: Giữ nguyên Flex Space-Between */
    /* Nhờ cha (td.product-name) đã flex:1, nên con (row) sẽ giãn hết cỡ ngang */
    .nike-product-details-row {
        width: 100%;
        /* Tên bên trái, Giá bên phải tự động giãn ra 2 đầu */
    }
    
    /* Chỉnh font nhỏ hơn chút cho mobile nếu cần */
    .product-title-link, .nike-details-right .amount {
        font-size: 14px;
    }

    /* --- STICKY CHECKOUT (Nút thanh toán dính đáy) --- */
    .cart-summary-section {
        width: 100%;
        padding-bottom: 100px; /* Để khoảng trống cho nội dung không bị nút che mất */
    }

    /* Style cho khung chứa nút thanh toán */
    .wc-proceed-to-checkout {
        position: fixed;        /* Dính cứng vào màn hình */
        bottom: 0; 
        left: 0; 
        right: 0;
        background: #fff;
        padding: 1em !important;
        border-top: 1px solid #e5e5e5;
        z-index: 9999;          /* Luôn nổi lên trên cùng */
        box-shadow: 0 -4px 10px rgba(0,0,0,0.05);
    }
    
    .wc-proceed-to-checkout a.checkout-button {
        display: block;
        width: 100%;
        background-color: #111;
        color: #fff;
        border-radius: 30px;
        padding: 16px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
    }
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
		margin-bottom: 0px;
		text-decoration: none;
	}
}
.woocommerce-product-gallery__wrapper {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    width: 100% !important;
    margin-bottom: 10px;
    clear: both;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto;
    object-fit: cover;
    background-color: #f6f7f8; 
    aspect-ratio: 1/1;
}
.flex-control-nav.flex-control-thumbs {
    display: none !important;
}
/* Container bọc ngoài full màn hình */
.joola-breadcrumb-wrapper {
    background-color: #f4f4f4; /* Nền xám nhạt */
    width: 100%;
    padding: 12px 0;
}

/* Định dạng nội dung breadcrumb bên trong */
.joola-breadcrumb-wrapper .woocommerce-breadcrumb {
    max-width: 75%; /* Điều chỉnh con số này khớp với chiều rộng container website của bạn */
    margin: 0 auto;
    padding: 0 15px; /* Tránh dính lề trên mobile */
    font-size: 14px;
    color: #666;
}

.joola-breadcrumb-wrapper .woocommerce-breadcrumb a {
    color: #333;
    text-decoration: none;
}

.joola-breadcrumb-wrapper .woocommerce-breadcrumb a:hover {
    color: #000;
}
@media (max-width: 768px){
    .ast-sticky-add-to-cart.bottom.is-active {
        margin-bottom: 0px !important;
    }
    .joola-breadcrumb-wrapper .woocommerce-breadcrumb {
        max-width: 100%; /* Điều chỉnh con số này khớp với chiều rộng container website của bạn */
    }
}
#ast-scroll-top {
    margin-bottom: 50px !important;
}
/* Ẩn triệt để tiêu đề mặc định nếu theme cố tình render */
.summary.entry-summary > h1.product_title:not(.fora-custom-title) {
    display: none !important;
}
.summary.entry-summary > p.price,
.summary.entry-summary > span.price {
    display: none !important;
}

/* Ẩn khu vực Meta mặc định ở dưới cùng (chứa Category và SKU cũ) */
.summary.entry-summary .product_meta {
    display: none !important;
}

/* Style cho tiêu đề tùy chỉnh */
.fora-custom-title {
    margin-bottom: 10px !important;
    font-size: 32px !important; /* Bạn có thể chỉnh size tùy ý */
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* Giữ nguyên style hàng Meta của Joola */
.fora-joola-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    clear: both;
}

.fora-joola-meta-row .fora-price .price {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin: 0 !important;
}

.fora-joola-meta-row .fora-sku-stock {
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
}

.fora-stock.in-stock {
    color: #008a00 !important;
    font-weight: 500;
}
.fora-stock.out-of-stock {
    color: #d32f2f; /* Màu đỏ nếu hết hàng */
    font-weight: 500;
}
a.menu-link{
    font-weight: 800;
}
/* --- FORA ARCHIVE HEADER WRAPPER --- */
.fora-archive-header-wrapper {
    width: 100%;
    margin-bottom: 40px;
}

/* 1. Hero Banner Part */
.fora-hero-banner {
    position: relative;
    height: 400px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    color: #fff;
}

.fora-hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.fora-hero-content {
    position: relative;
    z-index: 2;
}

.fora-category-title {
    font-size: 56px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0 0 0;
}

.fora-breadcrumbs, .fora-breadcrumbs a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8) !important;
    text-transform: uppercase;
}

/* 2. Subcat Strip Part (Grey Background) */
.fora-subcat-strip {
    background-color: #f8f8f8;
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.fora-subcat-list {
    list-style: none;
    margin: 0 0 15px 0 !important;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 35px;
    overflow-x: auto;
    white-space: nowrap;
}

/* Ẩn scrollbar cho mobile */
.fora-subcat-list::-webkit-scrollbar { display: none; }

.fora-subcat-list li a {
    text-decoration: none;
    color: #777;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.3s;
}

.fora-subcat-list li.active a,
.fora-subcat-list li a:hover {
    color: #000;
}

.fora-guide-text {
    font-size: 13px;
    color: #444;
}

.fora-guide-text a {
    text-decoration: underline;
    color: #000;
    font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .fora-hero-banner { height: 300px; }
    .fora-category-title { font-size: 36px; }
    .fora-subcat-list {
        justify-content: flex-start;
        padding: 0 20px;
        gap: 25px;
    }
}
.ast-left-sidebar #secondary{
    border-right: none;
}

.fora-custom-category-content .ast-container{
    max-width: 1240px!important;
    margin: auto;
}
/* --- 2. Ô SORT BY TỐI GIẢN --- */
.woocommerce-ordering {
    margin-bottom: 30px !important;
}

.woocommerce-ordering select {
    border: 1px solid #f1f1f1 !important;
    background-color: #f6f6f6 !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    appearance: none;
    cursor: pointer;
}

/* --- 3. LƯỚI SẢN PHẨM (PRODUCT GRID) --- */
ul.products li.product {
    text-align: left !important; /* Căn lề trái giống Joola */
    padding: 10px;
    transition: transform 0.3s ease;
}

/* Ảnh sản phẩm sạch sẽ */
ul.products li.product img {
    background-color: #f9f9f9; /* Nền ảnh xám nhẹ */
    border-radius: 4px;
    margin-bottom: 15px !important;
}

/* Badge "NEW" hoặc "SALE" góc trên trái */
ul.products li.product .onsale {
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
    background-color: #0056b3 !important; /* Màu xanh Joola */
    border-radius: 4px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    min-height: auto !important;
    line-height: 1.5 !important;
}

/* Tiêu đề sản phẩm */
.fora-product-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #000 !important;
    margin-bottom: 8px !important;
    height: 48px; /* Giữ các tiêu đề đều nhau */
    overflow: hidden;
}

/* Giá sản phẩm */
ul.products li.product .price {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
    display: block;
    margin-bottom: 12px !important;
}

/* Mobile: 2 cột sản phẩm */
@media (max-width: 768px) {
    .site-content .ast-container {
        max-width: 100% !important;
        padding: 0 10px;
    }
    ul.products {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tiêu đề Filter (h3) */
h3.wp-block-heading {
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 10px 0;
}

/* Biểu tượng đóng mở */
.fora-accordion-block h3.wp-block-heading::after {
    content: '+';
    font-size: 20px;
    font-weight: 600;
}

.fora-accordion-block.is-active h3.wp-block-heading::after {
    content: '-';
    font-size: 20px;
    font-weight: 600;
}

/* Ẩn nội dung danh sách khi chưa active */
.fora-accordion-block div[data-block-name="woocommerce/product-filter-checkbox-list"],
.fora-accordion-block .wc-block-product-filter-checkbox-list {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

/* Hiển thị khi active */
.fora-accordion-block.is-active div[data-block-name="woocommerce/product-filter-checkbox-list"],
.fora-accordion-block.is-active .wc-block-product-filter-checkbox-list {
    max-height: 1000px;
    opacity: 1;
    padding-top: 10px;
}
/* --- PHÂN TRANG (PAGINATION) PHONG CÁCH JOOLA --- */

/* Căn giữa cụm phân trang */
.fora-custom-category-content .woocommerce-pagination {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.fora-custom-category-content .woocommerce-pagination ul {
    border: none !important;
    display: inline-flex;
    gap: 8px; /* Khoảng cách giữa các ô số */
    padding: 0;
}

.fora-custom-category-content .woocommerce-pagination ul li {
    border: none !important;
    float: none !important;
    display: inline-block;
}

/* Định dạng chung cho các ô số và mũi tên */
.fora-custom-category-content .woocommerce-pagination ul li a,
.fora-custom-category-content .woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px !important;
    height: 42px;
    padding: 0 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background-color: #ffffff;
    border: 1px solid #e2e2e2 !important; /* Border mảnh màu xám nhạt */
    border-radius: 8px !important; /* Bo tròn mượt mà giống Joola */
    transition: all 0.2s ease-in-out;
}

/* Hiệu ứng khi di chuột qua (Hover) */
.fora-custom-category-content .woocommerce-pagination ul li a:hover {
    background-color: #f6f6f6;
    border-color: #000 !important;
    color: #000;
}

/* Ô số đang được chọn (Current Page) */
.fora-custom-category-content .woocommerce-pagination ul li span.current {
    background-color: #ffffff !important;
    border-color: #000 !important; /* Viền đen đậm để làm nổi bật */
    color: #000!important;
}

/* Nút mũi tên cuối cùng có nền đen (tùy chọn theo ảnh mẫu) */
.fora-custom-category-content .woocommerce-pagination ul li:last-child a {
    background-color: #333;
    color: #ffffff;
    border-color: #333 !important;
}

.fora-custom-category-content .woocommerce-pagination ul li:last-child a:hover {
    background-color: #1a1a1a;
}
/* --- TỐI ƯU GIAO DIỆN MOBILE PHONG CÁCH JOOLA --- */

@media (max-width: 768px) {
    /* 1. Thêm padding cho lưới sản phẩm tránh tràn viền */
    .fora-custom-category-content #primary {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 16px 0px;
    }

    .fora-custom-category-content #secondary {
        margin: 0px;
    }

    /* Căn chỉnh lại lưới sản phẩm mobile thành 2 cột mượt mà */
    .fora-custom-category-content ul.products.columns-mobile-2 {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
    }

    /* 3. Chỉnh lại tiêu đề và giá trên Mobile cho gọn */
    .fora-custom-category-content .fora-product-title {
        font-size: 14px !important;
        min-height: 35px !important;
    }

    .fora-custom-category-content ul.products li.product .price {
        font-size: 13px !important;
    }
}
/* --- MOBILE TOOLBAR SETUP --- */

/* Mặc định ẩn trên PC */
.fora-mobile-toolbar {
    display: none;
}

@media (max-width: 768px) {
    /* Thanh toolbar chung */
    .fora-mobile-toolbar {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        background: #fff;
        padding: 0; /* Giảm padding để ô select đè khít */
        height: 50px;
    }

    .fora-mobile-btn {
        flex: 1;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
        position: relative; /* Để làm gốc cho ô select đè lên */
    }

    .fora-mobile-btn:first-child {
        border-right: 1px solid #eee;
    }

    /* KỸ THUẬT INVISIBLE OVERLAY CHO SORT */
    #fora-open-sort .woocommerce-ordering {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0; /* Làm trong suốt hoàn toàn */
        z-index: 10;
        pointer-events: auto;
    }

    #fora-open-sort .woocommerce-ordering select {
        width: 100% !important;
        height: 100% !important;
        font-size: 16px !important; /* Tránh iOS tự động zoom khi mở select */
        cursor: pointer;
    }

    /* 2. ẨN NÚT MẶC ĐỊNH CỦA WOOCOMMERCE BLOCK */
    .wc-block-product-filters__open-overlay {
        display: none !important;
    }

    /* Ẩn tiêu đề "Sort" mặc định nếu nó vẫn hiện lẻ loi */
    .woocommerce-ordering {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    .fora-archive-header-wrapper{
        margin-bottom: 0px;
    }
}

/* PC VẪN GIỮ NGUYÊN */
@media (min-width: 769px) {
    .fora-mobile-toolbar {
        display: none !important;
    }
}