/* Discount Calculator specific styles */

/* Different gradient for this tool page */
body {
    background: linear-gradient(135deg, #f5d0fe 0%, #fbcfe8 50%, #fee2e2 100%); /* Light Purple -> Light Pink -> Light Red */
}

/* Style the tool title with a different gradient */
.gradient-text-discount {
    background: linear-gradient(to right, #c026d3, #ec4899, #ef4444); /* Fuchsia -> Pink -> Red */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-bottom: 0.25rem;
}

/* Input field focus */
.input-field:focus {
    border-color: #ec4899; /* Pink-500 */
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.3);
}

/* Style for the result boxes */
.result-box {
    /* Add specific styles if needed beyond Tailwind */
    min-height: 90px; /* Ensure boxes have some height */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.result-box span:last-child {
    line-height: 1.1; /* Adjust line height for large text */
}