/* ==========================================================
   PROGOTI BAZAR — WHOLESALE HUB & PRODUCTS ARCHITECTURE (V3.2)
   Asset: public/frontEnd/css/wholesale.css
   Standards: Anti-Gravity Solidism, Low Round Geometry, Zero Pills
   ========================================================== */

/* Wholesale Hero Banner */
.wholesale-hero-banner {
    background: #0F172A;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 24px 30px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    border: 0;
}
.wholesale-banner-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.wholesale-icon-box {
    width: 48px;
    height: 48px;
    background-color: #16A34A;
    color: #FFFFFF;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.35);
}
.wholesale-banner-title h2 {
    font-family: 'Hind Siliguri', 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 4px 0;
    letter-spacing: 0.5px;
}
.wholesale-banner-title p {
    font-size: 13px;
    color: #94A3B8;
    margin: 0;
}
.wholesale-perks-cluster {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.wholesale-perk-badge {
    background-color: #1E293B;
    color: #E2E8F0;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.wholesale-perk-badge i {
    color: #16A34A;
}

/* Sorting & Filter Bar Polish */
.sorting-section {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 14px 20px;
    margin-bottom: 24px;
    border: 0;
}
.page-sort select {
    border: 0 !important;
    background-color: #F8FAFC !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    font-size: 13px !important;
    font-weight: 500;
    color: #0F172A;
    height: 38px;
}

/* Wholesale Solid Price Tag */
.wholesale-price-tag {
    display: inline-block;
    background-color: #16A34A;
    color: #FFFFFF;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
    box-shadow: 0 2px 4px rgba(22, 163, 74, 0.25);
}

/* Tactile Buttons */
.pro_btn .order-btn,
.order-btn-link {
    border-radius: 6px !important;
    border: 0 !important;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.2) !important;
    transition: transform 0.1s ease !important;
}
.pro_btn .order-btn:active,
.order-btn-link:active {
    transform: translateY(1px) !important;
}
.cart-icon-btn,
.cart-icon-link {
    border-radius: 6px !important;
    border: 0 !important;
    transition: transform 0.1s ease !important;
}
.cart-icon-btn:active,
.cart-icon-link:active {
    transform: translateY(1px) !important;
}

/* Low Round Pagination */
.custom_paginate .pagination li a, 
.custom_paginate .pagination li span {
    border-radius: 6px !important;
    border: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    margin: 0 4px !important;
    font-weight: 600;
    font-size: 13px;
}
.custom_paginate .pagination li.active span {
    background-color: #0D5C3A !important;
    color: #FFFFFF !important;
}

/* ==========================================================
   EMPTY WHOLESALE & ALTERNATIVE PRODUCTS ARCHITECTURE
   ========================================================== */
.empty-wholesale-card {
    background: #FFFFFF !important;
    border-radius: 8px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    border: 0 !important;
    padding: 48px 24px !important;
    text-align: center;
    margin-bottom: 36px !important;
}
.empty-wholesale-icon {
    width: 80px;
    height: 80px;
    background-color: #F8FAFC;
    color: #E5A912;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin: 0 auto 20px;
    box-shadow: 0 2px 8px rgba(99, 99, 99, 0.12);
}
.empty-wholesale-title {
    font-family: 'Hind Siliguri', 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #0F172A;
    margin-bottom: 10px;
}
.empty-wholesale-desc {
    color: #64748B;
    font-size: 15px;
    max-width: 540px;
    margin: 0 auto 26px;
    line-height: 1.6;
}
.empty-wholesale-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.empty-wholesale-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    background-color: #0D5C3A !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(13, 92, 58, 0.25) !important;
    cursor: pointer;
    transition: transform 0.1s ease, background-color 0.15s ease;
}
.empty-wholesale-btn-primary:hover {
    background-color: #093824 !important;
    color: #FFFFFF !important;
}
.empty-wholesale-btn-primary:active {
    transform: translateY(1px);
}
.empty-wholesale-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    background-color: #F8FAFC !important;
    color: #0F172A !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer;
    transition: transform 0.1s ease, background-color 0.15s ease;
}
.empty-wholesale-btn-secondary:hover {
    background-color: #E2E8F0 !important;
    color: #0F172A !important;
}
.empty-wholesale-btn-secondary:active {
    transform: translateY(1px);
}
.alt-products-header {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid #F1F5F9;
}
.alt-products-header h4 {
    font-family: 'Hind Siliguri', 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #0F172A;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.alt-products-header p {
    color: #64748B;
    font-size: 14px;
    margin-bottom: 0;
}