/**
 * Contact Form Styles
 */

.bpl-contact-form {
    @apply relative overflow-hidden rounded-xl;
}

.bpl-contact-form .card {
    @apply bg-white/10 backdrop-blur-sm border border-white/20 rounded-xl transition-all duration-300;
}

.bpl-contact-form .form-label {
    @apply block text-white text-sm font-medium mb-1;
}

.bpl-contact-form .form-input {
    @apply w-full bg-white/5 border border-white/20 rounded-lg px-4 py-2 text-white placeholder-white/50;
    @apply focus:ring-2 focus:ring-amber-500/50 focus:border-amber-500/50 focus:outline-none;
}

.bpl-contact-form select.form-input option {
    @apply bg-slate-900 text-white;
}

.bpl-contact-form .btn-primary {
    @apply bg-gradient-to-r from-amber-500 to-amber-600 text-blue-900 font-semibold;
    @apply hover:from-amber-600 hover:to-amber-700 transition-all duration-300;
    @apply rounded-lg px-6 py-3;
}

.bpl-contact-form .icon {
    @apply w-5 h-5;
}

/* Success/Error Messages */
.bpl-contact-form #bplFormMessage {
    @apply mt-4;
}

.bpl-contact-form #bplFormMessage.success {
    @apply text-green-400;
}

.bpl-contact-form #bplFormMessage.error {
    @apply text-red-400;
}

/* Contact Info Cards */
.bpl-contact-form .contact-info {
    @apply grid grid-cols-1 sm:grid-cols-2 gap-6 mt-8;
}

.bpl-contact-form .contact-info .card {
    @apply p-6;
}

.bpl-contact-form .contact-info .icon-wrapper {
    @apply p-3 rounded-lg;
}

.bpl-contact-form .contact-info h3 {
    @apply text-lg font-semibold text-white mb-2;
}

.bpl-contact-form .contact-info p,
.bpl-contact-form .contact-info a {
    @apply text-blue-100/80;
}

.bpl-contact-form .contact-info a {
    @apply hover:text-amber-400 transition-colors;
}

/* Loading State */
.bpl-contact-form button[disabled] {
    @apply opacity-70 cursor-not-allowed;
}

.bpl-contact-form .animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}