/* FOOTER NEWSLETTER WHITE BACKGROUND FIX */
/* This file specifically fixes the white background issue */

/* Remove ALL backgrounds from ALL newsletter elements and parents */
.newsletter-form,
.footer-newsletter .newsletter-form,
footer .newsletter-form,
.footer .newsletter-form,
.newsletter-input,
.footer-newsletter .newsletter-input,
footer .newsletter-input,
.footer .newsletter-input,
#footer-newsletter,
.footer-newsletter form {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Input field - subtle dark background */
.newsletter-input input,
.footer-newsletter .newsletter-input input,
footer .newsletter-input input,
.footer .newsletter-input input,
.newsletter-form input,
#footer-newsletter input {
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
    border-radius: 8px 0 0 8px !important;
    color: white !important;
    padding: 0.75rem 1rem !important;
}

/* Button - gold background */
.newsletter-input button,
.footer-newsletter .newsletter-input button,
footer .newsletter-input button,
.footer .newsletter-input button,
.newsletter-form button,
#footer-newsletter button {
    background: #ffd700 !important;
    background-color: #ffd700 !important;
    color: #1e293b !important;
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 0.75rem 1rem !important;
}

.newsletter-input button:hover,
.footer-newsletter .newsletter-input button:hover,
footer .newsletter-input button:hover,
.footer .newsletter-input button:hover,
.newsletter-form button:hover,
#footer-newsletter button:hover {
    background: #ffed4e !important;
    background-color: #ffed4e !important;
}

/* Remove focus states that might add backgrounds */
.newsletter-input:focus,
.newsletter-input:focus-within,
.newsletter-form:focus,
.newsletter-form:focus-within {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.newsletter-input input:focus,
.newsletter-form input:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    outline: none !important;
}

/* Force remove any white backgrounds from any element inside newsletter */
.footer-newsletter *,
.newsletter-form *,
.newsletter-input * {
    background-color: transparent !important;
}

/* Restore only the specific backgrounds we want */
.newsletter-input input,
.newsletter-form input {
    background: rgba(255, 255, 255, 0.1) !important;
}

.newsletter-input button,
.newsletter-form button {
    background: #ffd700 !important;
}