/**
 * Calculator Reset Button Standardization
 *
 * Ensures all calculator reset buttons display white text on primary blue.
 * Loaded AFTER calculator-specific CSS to win cascade without excessive !important.
 * Also loaded in embed mode via calculator-embed.php.
 */

/* Target all reset button patterns */
[class*="-calculator"] [id$="-reset"],
[class*="-calculator"] [id$="-reset-btn"],
[class*="-calculator"] #reset-btn,
[class*="-calculator"] #reset-calculator {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: white !important;
}

[class*="-calculator"] [id$="-reset"]:hover,
[class*="-calculator"] [id$="-reset-btn"]:hover,
[class*="-calculator"] #reset-btn:hover,
[class*="-calculator"] #reset-calculator:hover {
    background-color: #1e40af !important;
    border-color: #1e40af !important;
    color: white !important;
}

[class*="-calculator"] [id$="-reset"]:focus,
[class*="-calculator"] [id$="-reset-btn"]:focus,
[class*="-calculator"] #reset-btn:focus,
[class*="-calculator"] #reset-calculator:focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}