/*
Theme Name: Woostify Child
Theme URI: https://woostify.com
Template: woostify
Author: Woostify
Author URI: https://woostify.com/about
Description: Woostify is fast, lightweight, responsive and super flexible WooCommerce theme built with SEO, speed, and usability in mind. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, etc. Therefore, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Woostify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://woostify.com
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.5.2.1783540609
Updated: 2026-07-08 19:56:49

/* FORCE MOBILE = 1 COLUMN */


/* ===== TOP SECTION LAYOUT ===== */
.shop-section{
    padding: 50px 0px;
}
.shop-section .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

@media (max-width: 768px) {
    .shop-section .row {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ===== CATEGORY TABS ===== */
.product-categories {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.category-item {
    padding: 2px 14px;
    border-radius: 16px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
    border: 1px solid #e8e2cb;
}
.category-item:hover{
    color: #175b25;
    border-color: #175b25;
}

.category-item.active {
    background: #0F4A1D;
    color: #fff;
}

/* ===== RIGHT SIDE (SEARCH + SORT) ===== */
.shop-section .col-lg-6:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

/* MOBILE FIX */
@media (max-width: 768px) {
    .shop-section .col-lg-6:last-child {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
}

/* ===== SEARCH INPUT ===== */
.product-search {
    flex: 1;
    max-width: 260px;
}

.product-search input {
    width: 100%;
    padding: 2px 16px !important;
    border-radius: 12px;
    border: 1px solid #e8e2cb;
    font-size: 13px;
    outline: none;
    box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}
.product-search input::placeholder {
    color: #999;
}
/* ===== SORT DROPDOWN ===== */
.product-sort select {
    padding: 6px 15px;
    border-radius: 12px;
    border: 1px solid #e8e2cb;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}

/* ===== PRODUCTS WRAPPER (JUST SPACING) ===== */
.products {
    margin-top: 25px;
}

@media (max-width: 768px) {

    /* RESET the right column completely */
    .shop-section .col-lg-6:last-child {
        display: block !important;
        text-align: center !important;
        width: 100%;
    }

    /* SEARCH */
.product-search {
        display: none !important;
    }

    .product-search input {
        width: 85% !important;
        margin: 0 auto !important;
        display: block !important;
        font-size: 12px;
        padding: 8px 12px;
    }

    /* SORT */
    .product-sort {
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }

    .product-sort select {
        width: 85%;
        margin: 0 auto;
        display: block;
        font-size: 12px;
        padding: 8px 12px;
    }

    /* TABS */
    .product-categories {
        justify-content: center !important;
        text-align: center;
    }

}