/* Extracted from resources/views/frontend/partials/newsletter.blade.php */
/* Newsletter Input Styles - Matching Login Page */
.newsletter-input {
    border: 2px solid #e5e7eb !important;
    border-radius: 25px !important;
    padding: 1rem 1.5rem !important;
    font-size: 1.4rem !important;
    transition: all 0.3s ease !important;
    background: #fafafa !important;
    height: auto !important;
    min-height: 50px !important;
    width: 100% !important;
}

/* Prevent autocomplete styling */
.newsletter-input:-webkit-autofill,
.newsletter-input:-webkit-autofill:hover,
.newsletter-input:-webkit-autofill:focus,
.newsletter-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fafafa inset !important;
    -webkit-text-fill-color: #193a6f !important;
    background-color: #fafafa !important;
    background-image: none !important;
}

.newsletter-input:focus {
    border-color: #f79521 !important;
    box-shadow: 0 0 0 4px rgba(247, 149, 33, 0.15) !important;
    background: #ffffff !important;
    outline: none !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .newsletter-input {
        padding: 0.9rem 1.2rem !important;
        min-height: 45px !important;
        font-size: 0.95rem !important;
    }
}

@media (max-width: 480px) {
    .newsletter-input {
        padding: 0.8rem 1rem !important;
        min-height: 42px !important;
        font-size: 0.9rem !important;
    }
}