/* ==========================================
   ১. SHOP PAGE LAYOUT (PRIMARY & SECONDARY)
========================================== */

/* শুধুমাত্র শপ বা আর্কাইভ পেজে প্রাইমারি ডানপাশে এবং প্যাডিং (সিঙ্গেল প্রোডাক্ট বাদ দিয়ে) */
body.woocommerce-shop:not(.single-product) #primary,
body.archive.woocommerce:not(.single-product) #primary {
    float: right !important;
    padding-right: 0 !important;
    padding-left: 30px !important;
    box-sizing: border-box !important;
}

/* শুধুমাত্র শপ বা আর্কাইভ পেজে সেকেন্ডারি বা সাইডবার বামপাশে */
body.woocommerce-shop:not(.single-product) #secondary,
body.archive.woocommerce:not(.single-product) #secondary {
    float: left !important;
    box-sizing: border-box !important;
}


/* ==========================================
   ২. HUSKY (WOOF) FILTER - PREMIUM DUNE DESIGN
========================================== */

/* উইজেট র‍্যাপার ও প্যাডিং (মোবাইল বাটনের জন্য উপরে জায়গা রাখা হয়েছে) */
.widget-woof {
    background: #ffffff !important;
    padding: 50px 20px 20px 20px !important; 
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
}

/* টাইটেল ও হেডিং */
.widget-woof h6.widget-title {
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #100d0d !important;
    border-bottom: 2px solid #100d0d !important;
    padding-bottom: 12px !important;
    margin-bottom: 25px !important;
    font-weight: 700 !important;
}

.widget-woof h4 {
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #100d0d !important;
    margin-bottom: 12px !important;
    margin-top: 20px !important;
}

/* প্রাইস স্লাইডার কাস্টমাইজেশন (সলিড ব্ল্যাক) */
.widget-woof .irs-bar {
    background: #100d0d !important;
    border-top: 1px solid #100d0d !important;
    border-bottom: 1px solid #100d0d !important;
}
.widget-woof .irs-from, 
.widget-woof .irs-to, 
.widget-woof .irs-single {
    background: #100d0d !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    color: #fff !important;
}
.widget-woof .irs-handle {
    border: 4px solid #100d0d !important;
    background: #fff !important;
    border-radius: 0 !important; /* চারকোনা মডার্ন লুক */
    cursor: pointer !important;
}

/* টেক্সট সার্চ ইনপুট */
.widget-woof .woof_husky_txt-input {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 12px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
.widget-woof .woof_husky_txt-input:focus {
    border-color: #100d0d !important;
    outline: none !important;
}

/* সিলেক্ট/ড্রপডাউন মেনু (Categories/Tags) */
.widget-woof .chosen-container .chosen-single,
.widget-woof .chosen-container .chosen-choices {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: #100d0d !important;
}

/* সাইজ লেবেল (L, M, XL) ডিজাইন */
.widget-woof .woof_list_label {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.widget-woof .woof_list_label span.woof_label_term {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    color: #100d0d !important;
    background: #ffffff !important;
    padding: 6px 15px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.widget-woof .woof_list_label span.woof_label_term:hover,
.widget-woof .woof_list_label span.woof_label_term.checked {
    background: #100d0d !important;
    color: #ffffff !important;
    border-color: #100d0d !important;
}

/* রিসেট বাটন */
.widget-woof .woof_reset_search_form {
    width: 100% !important;
    background: #100d0d !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    cursor: pointer !important;
    transition: opacity 0.2s !important;
    margin-top: 15px !important;
}
.widget-woof .woof_reset_search_form:hover {
    opacity: 0.8 !important;
    background: #100d0d !important;
}

/* ==========================================
   ৩. MOBILE CLOSE ICON & ANIMATION FIX
========================================== */

/* ক্লোজ বাটনের সলিড ডিজাইন (ডেস্কটপে লুকানো) */
.husky-mobile-close-btn {
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    background: transparent !important;
    border: none !important;
    font-size: 38px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #100d0d !important;
    cursor: pointer !important;
    z-index: 999999 !important;
    display: none !important; 
}

/* শুধুমাত্র মোবাইলে বাটন শো করা এবং থিমের কনফ্লিক্ট ঠিক করা */
@media (max-width: 991px) {
    .husky-mobile-close-btn {
        display: block !important;
    }
    
    /* ফিল্টার বন্ধ থাকলে (active ক্লাস না থাকলে) জোরপূর্বক স্ক্রিনের বাইরে পাঠানো */
    .shop-widget:not(.active),
    #secondary:not(.active) {
        opacity: 0 !important;
        visibility: hidden !important;
        -webkit-transform: translateX(-100%) !important;
        transform: translateX(-100%) !important;
        transition: all 0.35s ease-in-out !important;
        pointer-events: none !important;
    }

    /* ফিল্টার ওপেন হলে (active ক্লাস থাকলে) স্মুথলি স্ক্রিনে আনা */
    .shop-widget.active,
    #secondary.active {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        transition: all 0.35s ease-in-out !important;
        pointer-events: auto !important;
    }
}