/* Custom CSS for NJT Parking Replacement Calculator */

body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background-color: #f8f9fa;
}

/* Dropdown styling */
.Select-control {
    border-radius: 5px;
    min-height: 30px !important;
    height: 30px !important;
}

.Select-value-label,
.Select-placeholder {
    line-height: 28px !important;
    font-size: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.Select-input {
    height: 28px !important;
}

.Select-input > input {
    line-height: 28px !important;
    padding: 0px 0px !important;
}

/* Align dropdown arrow vertically */
.Select-arrow-zone {
    padding-right: 5px !important;
}

.Select-arrow {
    border-color: #999 transparent transparent !important;
    border-width: 5px 5px 2.5px !important;
}

/* Remove extra padding from dropdown wrapper */
.Select-placeholder,
.Select-value {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Reduce spacing in Bootstrap rows */
.g-2 {
    --bs-gutter-x: 0.5rem;
}

/* Button hover effects */
button:hover {
    opacity: 0.9;
}

/* Input spacing */
.form-control {
    margin-bottom: 0;
}

/* Table styling */
table {
    margin-bottom: 0;
}

/* Smooth transitions */
* {
    transition: all 0.2s ease-in-out;
}