/* ==========================================================
   Footer et formulaire Mailchimp
========================================================== */

.site-footer,
.site-footer-row-container-inner {
    background: #eadada !important;
    color: #777 !important;
}

.site-footer p,
.site-footer a,
.site-footer li,
.site-footer span,
.site-footer h2,
.site-footer h3,
.site-footer .widget-title {
    color: #777 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

.site-footer .wp-block-button__link,
.site-footer .kt-button {
    padding: 10px 30px !important;
    background: transparent !important;
    border: 2px solid #7a7a7a !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #7a7a7a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    transition: opacity .2s ease, transform .2s ease !important;
}

.site-footer .wp-block-button__link:hover,
.site-footer .kt-button:hover {
    background: transparent !important;
    opacity: .7 !important;
    transform: scale(1.02) !important;
}

.footer-mailchimp-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 42px;
}

.footer-mailchimp-form input[type="email"] {
    flex: 1;
    padding: 0 0 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #7a7a7a !important;
    box-shadow: none !important;
    outline: none !important;
    color: #7a7a7a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
}

.footer-mailchimp-form input[type="email"]::placeholder {
    color: rgba(122, 122, 122, .65) !important;
}

.footer-mailchimp-form button {
    flex-shrink: 1;
    padding: 10px 22px !important;
    background: transparent !important;
    border: 2px solid #7a7a7a !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #7a7a7a !important;
    cursor: pointer !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    transition: opacity .2s ease, transform .2s ease !important;
}

@media (max-width: 1024px) {
    .footer-mailchimp-form {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-footer .wp-block-button__link,
    .site-footer .kt-button,
    .footer-mailchimp-form button {
        transition: none !important;
    }
}