/*!
Theme Name: Landco
Theme URI: https://bdevs.net/wp/landco/
Author: bdevs
Author URI: https://themeforest.net/user/bdevs/portfolio
Description: Landco - Garden & Landscaping WordPress Theme
Version: 1.1.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: landco
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Glavna struktura - Sidebar i proizvodi */
.woocommerce-layout {
    display: flex;
    justify-content: flex-start; /* Sidebar će biti blizu leve strane */
    gap: 30px; /* Razmak između sidebar-a i proizvoda */
    align-items: flex-start; /* Sidebar i proizvodi će se poravnati na vrhu */
}

/* Stilizacija sidebar-a (Filteri) */
.woocommerce-sidebar {
    flex: 0 0 25%; /* Sidebar širina */
    max-width: 25%;
    margin-right: 20px; /* Razmak između sidebar-a i proizvoda */
    padding-left: 0; /* Sidebar blizu leve ivice */
}

.woocommerce-sidebar h3 {
    font-size: 17px; /* Veličina teksta naslova "Filter by" */
    margin-bottom: 10px;
}

.woocommerce-sidebar ul {
    font-size: 12px; /* Manji tekst za filtere */
    padding-left: 0;
    list-style: none; /* Uklonjen bullet stil liste */
}

.woocommerce-sidebar li {
    margin-bottom: 8px; /* Manji razmak između stavki u sidebar-u */
}

/* Proizvodi */
.woocommerce-main-content {
    flex: 1; /* Proizvodi zauzimaju sav preostali prostor */
    display: flex; /* Umesto grida, koristićemo flexbox */
    flex-wrap: wrap;
    gap: 30px; /* Razmak između proizvoda */
    align-items: flex-start;
}

.woocommerce-main-content .product {
    flex: 0 0 calc(33.333% - 30px); /* Proizvodi zauzimaju 3 kolone sa razmakom */
}

/* Slike proizvoda */
.woocommerce-main-content .product img {
    width: 100%; /* Slike proizvoda zauzimaju punu širinu */
    height: auto;
}
/* Prilagodba za mobilne uređaje */
@media (max-width: 768px) {
    .woocommerce-layout {
        flex-direction: column;
    }

    /* Sidebar kao off-canvas (skriven sa strane na mobilnim uređajima) */
    .woocommerce-sidebar {
        position: fixed;
        top: 0;
        left: -100%; /* Sidebar je skriven van ekrana */
        width: 80%;
        max-width: 300px;
        height: 100%;
        background-color: white;
        z-index: 1000;
        overflow-y: auto;
        transition: left 0.3s ease;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
        padding: 20px;
    }

    .woocommerce-sidebar.active {
        left: 0; /* Sidebar dolazi u prikaz */
    }

    /* Proizvodi zauzimaju punu širinu na mobilnim uređajima */
    .woocommerce-main-content .product {
        flex: 0 0 100%;
    }

/* Dugme za prikaz filtera - poboljšano */
.filter-toggle {
    display: block;
    background-color: transparent; /* Uklonjena pozadinska boja */
    color: #333; /* Neutralna boja teksta */
    font-size: 16px; /* Povećana veličina teksta */
    font-weight: 600; /* Podebljan tekst */
    border: none; /* Uklonjena granica */
    cursor: pointer;
    padding: 0;
    text-transform: uppercase; /* Sva slova velika */
    display: flex;
    align-items: center; /* Centrirano vertikalno */
}

/* Ikonica pored teksta */
.filter-toggle::before {
    content: "\f0b0"; /* FontAwesome kod za ikonicu filtera */
    font-family: FontAwesome;
    margin-right: 8px; /* Razmak između ikonice i teksta */
    font-size: 18px; /* Veličina ikonice */
}

/* Hover efekat za dugme */
.filter-toggle:hover {
    color: #007cba; /* Promeni boju na hover */
}

/* Stilizacija za prikaz broja filtera ili stavki */
.filter-count {
    font-size: 12px;
    color: #666;
    margin-left: 10px;
}

    /* Dugme za zatvaranje sidebar-a - prikazuje se samo na mobilnim uređajima */
    .close-sidebar {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        background-color: transparent;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }

    /* Sakrij sidebar kada kliknemo van njega */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
        display: none;
    }

    .overlay.active {
        display: block;
    }
}

/* Sakrij dugme za filtere i dugme za zatvaranje na desktopu */
@media (min-width: 769px) {
    .filter-toggle,
    .close-sidebar {
        display: none;
    }

    .overlay {
        display: none;
    }
}
@media (min-width: 1200px) {
    .woocommerce-shop .col-xl-6 {
        display: none;
    }
}
@media (max-width: 767px) {
	.pro-filter.mb-40.f-right {
		display: none;
	}
	.product-showing {
		display: none;
	}
}
html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}