/* Final forced overrides for configurable sliders on confproduct pages */

#order-standard_cart .product-configurable-options .form-group > label,
#order-standard_cart .product-configurable-options label,
#order-standard_cart #productConfigurableOptions .form-group > label,
#order-standard_cart #productConfigurableOptions label {
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Track */
#order-standard_cart .irs-line,
#order-standard_cart .irs--modern .irs-line {
    height: 8px !important;
    border-radius: 999px !important;
    background: #eef2f7 !important;
    border: 1px solid #d8dee8 !important;
}

/* Filled bar (default first slider style) */
#order-standard_cart .irs-bar,
#order-standard_cart .irs--modern .irs-bar {
    height: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 55%, #facc15 100%) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Handle */
#order-standard_cart .irs-handle,
#order-standard_cart .irs--modern .irs-handle {
    width: 34px !important;
    height: 34px !important;
    top: 11px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
}

#order-standard_cart .irs-handle::after,
#order-standard_cart .irs--modern .irs-handle::after {
    content: '' !important;
    position: absolute !important;
    width: 9px !important;
    height: 9px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background: #facc15 !important;
}

/* Slider text/ticks */
#order-standard_cart .irs-grid-text,
#order-standard_cart .irs--modern .irs-grid-text {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
}

#order-standard_cart .irs-min,
#order-standard_cart .irs-max,
#order-standard_cart .irs-single,
#order-standard_cart .irs-from,
#order-standard_cart .irs-to {
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* Make second and third configurable rows different like reference */
#order-standard_cart .product-configurable-options .form-group:nth-of-type(2) .irs-bar,
#order-standard_cart #productConfigurableOptions .form-group:nth-of-type(2) .irs-bar {
    background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%) !important;
}

#order-standard_cart .product-configurable-options .form-group:nth-of-type(2) .irs-handle::after,
#order-standard_cart #productConfigurableOptions .form-group:nth-of-type(2) .irs-handle::after {
    background: #60a5fa !important;
}

#order-standard_cart .product-configurable-options .form-group:nth-of-type(3) .irs-bar,
#order-standard_cart #productConfigurableOptions .form-group:nth-of-type(3) .irs-bar {
    background: linear-gradient(90deg, #14b8a6 0%, #2dd4bf 100%) !important;
}

#order-standard_cart .product-configurable-options .form-group:nth-of-type(3) .irs-handle::after,
#order-standard_cart #productConfigurableOptions .form-group:nth-of-type(3) .irs-handle::after {
    background: #2dd4bf !important;
}

/* Compatibility for old ionRangeSlider skins */
#order-standard_cart .irs-line-left,
#order-standard_cart .irs-line-mid,
#order-standard_cart .irs-line-right {
    height: 8px !important;
    background: #eef2f7 !important;
    border: 1px solid #d8dee8 !important;
}

#order-standard_cart .irs-bar-edge,
#order-standard_cart .irs-bar {
    height: 8px !important;
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 55%, #facc15 100%) !important;
    border: none !important;
}

#order-standard_cart .irs-slider,
#order-standard_cart .irs-slider:hover {
    width: 34px !important;
    height: 34px !important;
    top: 11px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
}

#order-standard_cart .irs-slider::after {
    content: '' !important;
    position: absolute !important;
    width: 9px !important;
    height: 9px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background: #facc15 !important;
}

#order-standard_cart .product-configurable-options .form-group:nth-of-type(2) .irs-slider::after,
#order-standard_cart #productConfigurableOptions .form-group:nth-of-type(2) .irs-slider::after {
    background: #60a5fa !important;
}

#order-standard_cart .product-configurable-options .form-group:nth-of-type(3) .irs-slider::after,
#order-standard_cart #productConfigurableOptions .form-group:nth-of-type(3) .irs-slider::after {
    background: #2dd4bf !important;
}
