/*
Theme Name: Moderno-Child
Theme URI: https://parkofideas.com/moderno/
Text Domain: moderno-child
Description: Fashion & Furniture Store WooCommerce Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: moderno
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/**
 * WooCommerce Brand Shortcode Filters Styles
 * Version: 4.0 - Minimal Native Styling
 */

/* Filter Container - Uses WooCommerce's native ordering class */
.brand-products-filters {
    margin-bottom: 2em;
    float: right;
    clear: both;
}

/* Filter Form */
.brand-filter-form {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Select Dropdowns - Uses WooCommerce's native orderby class */
.brand-products-filters select.brand-category-filter
.brand-products-filters select.orderby,
 {
    padding: 0.5em 2em 0.5em 0.5em;
    border: 3px solid #ddd;
    border-radius: 3px;
    background-color: #ddd;
    font-size: 0.85em;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    min-width: 180px;
}

.brand-products-filters select.orderby:hover,
.brand-products-filters select.brand-category-filter:hover {
    border-color: #999;
}

.brand-products-filters select.orderby:focus,
.brand-products-filters select.brand-category-filter:focus {
    outline: none;
    border-color: #0073aa;
}

/* Product Container */
.brand-products-container {
    clear: both;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
    .brand-products-filters {
        float: none;
        width: 100%;
        margin-bottom: 1em;
    }

    .brand-filter-form {
        flex-wrap: wrap;
    }

    .brand-products-filters select.orderby,
    .brand-products-filters select.brand-category-filter {
        width: 100%;
        min-width: auto;
    }
}