/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* ==== Dual range: hide native track, keep only the thumbs ==== */
.dual-range {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;     /* hide default track */
    outline: none;
}

/* WebKit (Chrome, Edge, Safari) */
.dual-range::-webkit-slider-runnable-track {
    height: 0;                    /* no visible track */
    background: transparent;
    border: 0;
}
.dual-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 9999px;
    background: var(--thumb-bg, currentColor); /* uses current text color */
    border: 2px solid white;                   /* inner ring */
    box-shadow: 0 0 0 2px rgb(59 130 246);     /* outer ring (Tailwind primary-ish) */
    cursor: pointer;
}

/* Firefox */
.dual-range::-moz-range-track {
    height: 0;
    background: transparent;
    border: 0;
}
.dual-range::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border-radius: 9999px;
    background: var(--thumb-bg, currentColor);
    border: 2px solid white;
    box-shadow: 0 0 0 2px rgb(59 130 246);
    cursor: pointer;
}