/* * Service Area Calculator Custom CSS 
 * Location: /free-tools/css/service-area-calculator.css
 */

#wq-surcharge-tool .input-group-text {
    background-color: #f8f9fa;
    color: #6c757d;
}

/* Customizing the slider handle to match WorkQuote/Bootstrap primary */
#wq-surcharge-tool .form-range::-webkit-slider-thumb {
    background: #0d6efd;
}

#wq-surcharge-tool .form-range::-moz-range-thumb {
    background: #0d6efd;
}

/* Slight letter spacing for uppercase labels */
#wq-surcharge-tool .letter-spacing-1 {
    letter-spacing: 1px;
}

/* Extra small font size for helper text */
#wq-surcharge-tool .x-small {
    font-size: 0.75rem;
}

/* Make the results numbers pop */
#wq-surcharge-tool .display-4 {
    font-weight: 700;
    letter-spacing: -1px;
}

/* Smooth transitions for bars */
#wq-surcharge-tool .progress-bar {
    transition: width 0.6s ease;
}

/* Ensure chart container behaves nicely */
#wq-surcharge-tool .chart-container {
    position: relative; 
    margin: auto;
}