/* lf_ship_to sidebar filter widget. No theme-specific hex values : every color
   lives in a CSS custom property that themes can override on :root.
   Loaded inline via <link> in the widget template so it works regardless of
   theme aggregation pipeline (responsive, nova_theme, custom themes). */

.lfst-widget {
    --lfst-border:        rgba(0,0,0,.10);
    --lfst-bg:            transparent;
    --lfst-accent:        #0a6;
    --lfst-muted:         #888;
    --lfst-hover-bg:      rgba(0,80,200,.06);
    --lfst-dropdown-bg:   #fff;
    --lfst-shadow:        0 2px 6px rgba(0,0,0,.08);
    --lfst-radius:        4px;
    margin-bottom: 1.25em;
    padding: 0.85em 1em;
    border: 1px solid var(--lfst-border);
    border-radius: var(--lfst-radius);
    background: var(--lfst-bg);
    box-sizing: border-box;
}
.lfst-widget__title    { font-weight: 600; font-size: 0.9em; margin-bottom: 0.55em; }
.lfst-widget__active   { font-size: 0.85em; margin-bottom: 0.55em; color: var(--lfst-accent); }
.lfst-widget__field    { position: relative; }
.lfst-widget__input {
    width: 100%;
    padding: 0.45em 0.6em;
    border: 1px solid var(--lfst-border);
    border-radius: var(--lfst-radius);
    font-size: 0.85em;
    box-sizing: border-box;
    background: var(--lfst-dropdown-bg);
    color: inherit;
}
.lfst-widget__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--lfst-dropdown-bg);
    color: inherit;
    border: 1px solid var(--lfst-border);
    border-top: none;
    border-radius: 0 0 var(--lfst-radius) var(--lfst-radius);
    max-height: 17em;
    overflow-y: auto;
    z-index: 50;
    box-shadow: var(--lfst-shadow);
}
.lfst-widget__dropdown.is-open { display: block; }
.lfst-widget__row     { padding: 0.4em 0.65em; cursor: pointer; font-size: 0.85em; }
.lfst-widget__row:hover,
.lfst-widget__row.is-hover { background: var(--lfst-hover-bg); }
.lfst-widget__hint    { padding: 0.5em 0.65em; color: var(--lfst-muted); font-style: italic; font-size: 0.78em; }
.lfst-widget__apply   { margin-top: 0.55em; width: 100%; }
.lfst-widget__clear   { font-size: 0.8em; }

@media (prefers-color-scheme: dark) {
    .lfst-widget {
        --lfst-border:      rgba(255,255,255,.14);
        --lfst-dropdown-bg: rgba(255,255,255,.04);
        --lfst-muted:       rgba(255,255,255,.55);
        --lfst-hover-bg:    rgba(255,255,255,.08);
    }
}