/**
 * PPC filter-bar styling — YITH Ajax Product Filter bar + native sort toolbar.
 *
 * Ticket #117979 — Phase 3.
 *   1. Filter titles down to standard body size (Woostify renders them oversized <h4>).
 *   2. The native WooCommerce sort <select> ([ppc_catalog_ordering]) restyled to match
 *      the YITH dropdown toggle boxes (.yith-wcan-dropdown: 1px solid #D7D7D7, radius 4px,
 *      padding 8px 15px, chevron 15px from the right) so the Author / Genre / Sort
 *      toolbar reads as one consistent set of boxes.
 */

/* 1. Filter titles — standard body size. */
.yith-wcan-pro .yith-wcan-filters .filter-title {
    font-size: 13px;
    line-height: 1.4;
}

/* 1b. Drop YITH's default 30px bottom margin — unwanted in the flex toolbar. */
.yith-wcan-pro .yith-wcan-filters {
    margin-bottom: 0;
}

/* 2. Native sort select → match the YITH horizontal filter boxes
   (.filter-title.collapsable: padding 10px 40px 10px 20px, font-weight 400). */
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-ordering select.orderby {
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    padding: 10px 40px 10px 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: inherit;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%235e5e5e' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 10px;
}

/* 3. Mobile "Filters" modal-opener button — match the sort-box padding/height. */
.yith-wcan-pro .yith-wcan-filters-opener.btn {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 400;
}