/**
 * Copyright © IDWholesaler. All rights reserved.
 * https://www.idwholesaler.com
 */

/**
 * Minimum base styling the SearchSpring Finder widget's own vendor CSS (ovci1h.css) depends on
 * but does not provide itself.
 *
 * ovci1h.css only adds ".ss-finder-*"-prefixed rules on top of whatever base <select>/<button>
 * styling the host theme already provides via bare element selectors (confirmed from legacy
 * production's own critical CSS: "select{background:#fff;border:1px solid #898989;...}"). Hyvä
 * deliberately never styles bare elements (Tailwind is utility-only), so the Finder's controls
 * render with the browser's unstyled native appearance without this file.
 *
 * Scoped entirely under .ss-finder / .ss__finder (the widget's own root classes, both variants
 * seen across finder instances) - never touches bare select/button/input selectors sitewide, so
 * this cannot affect any other form on the site.
 */

.ss-finder select,
.ss__finder select {
    background-color: #fff;
    border: 1px solid #898989;
    border-radius: 2px;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    height: 40px;
    line-height: 1.5;
    padding: 5px 10px 4px;
    width: 100%;
}

.ss-finder .ss-finder-title,
.ss__finder .ss-finder-title {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 600;
}

.ss-finder .ss-finder-facet-title,
.ss__finder .ss-finder-facet-title {
    margin: 10px 0 5px;
    font-size: 13px;
    font-weight: 400;
}

.ss-finder .ss-finder-section,
.ss__finder .ss-finder-section {
    margin-bottom: 10px;
}

.ss-finder .ss-finder-submit,
.ss-finder .ss__finder__buttons button,
.ss__finder .ss__finder__buttons button {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 10px 15px;
    border: 2px solid #1773b0;
    border-radius: 2px;
    background: transparent;
    color: #1773b0;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.ss-finder .ss-finder-submit:hover,
.ss-finder .ss__finder__buttons button:hover,
.ss__finder .ss__finder__buttons button:hover {
    background: #1773b0;
    color: #fff;
}