/*
Theme Name: Mais Progresso
Theme URI: https://maisprogresso.org/
Description: Tema institucional da MaisProgresso.org, estruturado para WordPress e ACF Pro.
Author: Victor Lima / OKN Technology Agency
Version: 2.1.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: maisprogresso
*/
/* O CSS visual principal fica em assets/css/main.css e assets/css/page-modules/. */

/* Contact Form 7: wrappers técnicos sem alterar o layout original dos formulários. */
.wpcf7 {
    width: 100%;
}

.newsletter__inner>.wpcf7,
.estudos-newsletter__news>.wpcf7 {
    width: 100%;
    max-width: 56.2rem;
}

.newsletter__form .wpcf7-form-control-wrap {
    flex: 1 1 auto;
    display: block;
    min-width: 0;
}

.newsletter__form .wpcf7-form-control-wrap .newsletter__input {
    width: 100%;
}

.newsletter__form .wpcf7-spinner {
    position: absolute;
    left: 100%;
    flex: 0 0 auto;
}

.newsletter__form .wpcf7-response-output {
    flex-basis: 100%;
    width: 100%;
}

.contato__form .wpcf7-form-control-wrap,
.inscricao__form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.contato__form .wpcf7-not-valid-tip,
.inscricao__form .wpcf7-not-valid-tip {
    margin-top: .5rem;
    font-size: 1.2rem;
}

.mp-cf7-notice {
    padding: 1.5rem;
    margin: 1rem;
    border: 1px dashed currentColor;
}

@media (max-width: 768px) {
    .newsletter__form .wpcf7-form-control-wrap {
        width: 100%;
    }
}

.contato__termos .wpcf7-list-item,
.inscricao__termos .wpcf7-list-item {
    margin: 0;
}

.contato__termos .wpcf7-list-item label,
.inscricao__termos .wpcf7-list-item label {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 1rem;
    align-items: start;
}

.contato__termos .wpcf7-list-item-label,
.inscricao__termos .wpcf7-list-item-label {
    display: block;
}

/* ================================
   CONTACT FORM 7
   ================================ */

.wpcf7 form .wpcf7-response-output {
    position: relative;
    margin: 1.5rem 0 0 !important;
    padding: 1rem 1.25rem 1rem 3.5rem !important;
    border: 1px solid transparent !important;
    border-radius: 0.8rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    box-sizing: border-box;
}


/* Ícone */

.wpcf7 form .wpcf7-response-output::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 1.15rem;

    width: 1.35rem;
    height: 1.35rem;

    border-radius: 50%;

    transform: translateY(-50%);
}


/* ================================
   SUCESSO
   ================================ */

.wpcf7 form.sent .wpcf7-response-output {
    color: #146c43;
    background: #eefaf3;
    border-color: #a7dfbd;
}

.wpcf7 form.sent .wpcf7-response-output::before {
    background-color: #198754;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.8rem;
}


/* ================================
   ERRO
   ================================ */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    color: #9f2d25;
    background: #fff3f2;
    border-color: #efb8b4;
}

.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.unaccepted .wpcf7-response-output::before,
.wpcf7 form.failed .wpcf7-response-output::before,
.wpcf7 form.aborted .wpcf7-response-output::before,
.wpcf7 form.spam .wpcf7-response-output::before {
    background-color: #c93c32;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.85rem;
}


/* ================================
   ERRO ABAIXO DO CAMPO
   ================================ */

.wpcf7 .wpcf7-not-valid-tip {
    display: block;

    margin-top: 0.45rem;

    color: #b42318;

    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.4;
}

.wpcf7 .wpcf7-not-valid {
    border-color: #d92d20 !important;
}

.wpcf7 .wpcf7-not-valid:focus {
    border-color: #d92d20 !important;
    box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.08);
}


/* ================================
   MOBILE
   ================================ */

@media (max-width: 600px) {
    .wpcf7 form .wpcf7-response-output {
        padding: 0.9rem 1rem 0.9rem 3.15rem;

        font-size: 0.875rem;
    }

    .wpcf7 form .wpcf7-response-output::before {
        left: 1rem;
        width: 1.25rem;
        height: 1.25rem;
    }
}