/* ===============================
   ANIMATIONS – MYROOMS
================================ */

/* FADE IN */
.fade-in {
    animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FADE UP (cards/forms) */
.fade-up {
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* BUTTON HOVER SCALE (1.02) */
.scale-hover {
    transition: transform 0.2s ease;
}

.scale-hover:hover {
    transform: scale(1.02);
}

/* INPUT FOCUS GLOW (green shadow) */
.input-focus.form-control:focus,
form .form-control.input-focus:focus {
    border-color: var(--brand-green-dark, #2F4F3E);
    box-shadow: 0 0 0 3px rgba(47, 79, 62, 0.2);
}

/* HOVER SCALE (legacy) */
.hover-scale {
    transition: transform 0.25s ease;
}

.hover-scale:hover {
    transform: scale(1.03);
}

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

.btn:active {
    transform: scale(0.96);
}

/* DROPDOWN */
.dropdown-menu {
    animation: dropdownFade 0.25s ease;
}

@keyframes dropdownFade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}