/* Feet to Inches Converter Styles */

/* Conversion result display */
#conversionResult {
    color: #0d6efd;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Conversion table */
#conversionTable tr:hover {
    background-color: rgba(13, 110, 253, 0.1);
}

/* Input group styling */
.input-group-text {
    min-width: 10rem;
    justify-content: center;
}

/* Button styling */
.btn {
    transition: all 0.2s ease;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .d-md-flex .btn {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .d-md-flex .btn:last-child {
        margin-bottom: 0;
    }
}

/* Animation for conversion result */
@keyframes highlight {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.highlight {
    animation: highlight 0.5s;
}

/* Animation for copy buttons */
@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: rgba(25, 135, 84, 0.2); }
    100% { background-color: transparent; }
}

.copied {
    animation: flash 1s;
}