/**
 * Contact Form Styles
 * Animations and states for floating contact form
 */

/* Form open state */
.contact-form-wrapper.form-open .contact-form-modal {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Icon transitions when form opens */
.contact-form-wrapper.form-open .contact-form-icon-envelope {
    opacity: 0;
}

.contact-form-wrapper.form-open .contact-form-icon-close {
    opacity: 1;
}

/* Floating label and form response styles moved to components/_forms.scss */

/* Mobile adjustments - positioning handled by Tailwind classes */
@media (max-width: 768px) {
    /* Mobile bottom bar trigger styling can be added here if needed */
}