/*
 * MailChimp Form Override - Tant d'aime Theme
 * Estilos específicos para sobreescribir completamente el plugin MailChimp
 */

/* Reset completo para botones de MailChimp */
input[type="submit"].mc4wp-submit,
button[type="submit"].mc4wp-submit,
.mc4wp-form input[type="submit"],
.mc4wp-form button[type="submit"],
form.mc4wp-form input[type="submit"],
form.mc4wp-form button[type="submit"],
.mc4wp-form-fields input[type="submit"],
.mc4wp-form-fields button[type="submit"],
div.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.mc4wp-response .mc4wp-submit,
.mc4wp-form .submit-button,
.mc4wp-form .button,
.mc4wp-form .btn {
    all: unset !important;
    width: 100% !important;
    background: #7f4b75 !important;
    color: white !important;
    padding: 12px 20px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-align: center !important;
    display: inline-block !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    min-height: auto !important;
    height: auto !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: none !important;
    vertical-align: baseline !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: auto !important;
}

/* Hover states con máxima prioridad */
input[type="submit"].mc4wp-submit:hover,
button[type="submit"].mc4wp-submit:hover,
.mc4wp-form input[type="submit"]:hover,
.mc4wp-form button[type="submit"]:hover,
form.mc4wp-form input[type="submit"]:hover,
form.mc4wp-form button[type="submit"]:hover,
.mc4wp-form-fields input[type="submit"]:hover,
.mc4wp-form-fields button[type="submit"]:hover,
div.mc4wp-form input[type="submit"]:hover,
div.mc4wp-form button[type="submit"]:hover,
.mc4wp-response .mc4wp-submit:hover,
.mc4wp-form .submit-button:hover,
.mc4wp-form .button:hover,
.mc4wp-form .btn:hover {
    background: #9a5f8f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(127, 75, 117, 0.2) !important;
}

/* Newsletter section - botón blanco */
#newsletter-section input[type="submit"].mc4wp-submit,
#newsletter-section button[type="submit"].mc4wp-submit,
#newsletter-section .mc4wp-form input[type="submit"],
#newsletter-section .mc4wp-form button[type="submit"],
#newsletter-section form.mc4wp-form input[type="submit"],
#newsletter-section form.mc4wp-form button[type="submit"],
#newsletter-section .mc4wp-form-fields input[type="submit"],
#newsletter-section .mc4wp-form-fields button[type="submit"],
#newsletter-section div.mc4wp-form input[type="submit"],
#newsletter-section div.mc4wp-form button[type="submit"],
#newsletter-section .mc4wp-response .mc4wp-submit,
#newsletter-section .mc4wp-form .submit-button,
#newsletter-section .mc4wp-form .button,
#newsletter-section .mc4wp-form .btn {
    background: white !important;
    color: #7f4b75 !important;
    border: 2px solid white !important;
}

#newsletter-section input[type="submit"].mc4wp-submit:hover,
#newsletter-section button[type="submit"].mc4wp-submit:hover,
#newsletter-section .mc4wp-form input[type="submit"]:hover,
#newsletter-section .mc4wp-form button[type="submit"]:hover,
#newsletter-section form.mc4wp-form input[type="submit"]:hover,
#newsletter-section form.mc4wp-form button[type="submit"]:hover,
#newsletter-section .mc4wp-form-fields input[type="submit"]:hover,
#newsletter-section .mc4wp-form-fields button[type="submit"]:hover,
#newsletter-section div.mc4wp-form input[type="submit"]:hover,
#newsletter-section div.mc4wp-form button[type="submit"]:hover,
#newsletter-section .mc4wp-response .mc4wp-submit:hover,
#newsletter-section .mc4wp-form .submit-button:hover,
#newsletter-section .mc4wp-form .button:hover,
#newsletter-section .mc4wp-form .btn:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3) !important;
}

/* Footer y Sidebar - botones más compactos */
.footer-section input[type="submit"].mc4wp-submit,
.footer-section button[type="submit"].mc4wp-submit,
.footer-section .mc4wp-form input[type="submit"],
.footer-section .mc4wp-form button[type="submit"],
.widget input[type="submit"].mc4wp-submit,
.widget button[type="submit"].mc4wp-submit,
.widget .mc4wp-form input[type="submit"],
.widget .mc4wp-form button[type="submit"] {
    padding: 10px 16px !important;
    font-size: 14px !important;
}

/* Forzar estilos en línea si es necesario */
.mc4wp-form input[type="submit"][style],
.mc4wp-form button[type="submit"][style] {
    background: #7f4b75 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
