/* =========================================
   NEXDEN THEME SHIELD
   Neutraliza Hello Elementor / WP Core
   dentro de .nf-app

   Origem auditada:
   themes/hello-elementor/assets/css/reset.css
   - button { border:1px solid #c36; color:#c36 }
   - button:hover, button:focus { background:#c36; color:#fff }
   - input:focus { border-color:#333 }
   - a { color:#c36 }
========================================= */

.nf-app
button{

    appearance:none;

    -webkit-appearance:none;

    text-transform:none;

    -webkit-tap-highlight-color:transparent;
}

.nf-app
button:not(
    .nf-transaction-tab
):not(
    .nf-modal-close
):not(
    .nf-toggle-sidebar
):not(
    .nf-period-year-arrow
):not(
    .nf-period-month-btn
):not(
    .nf-period-mobile-month-btn
),

.nf-app
button:not(
    .nf-transaction-tab
):not(
    .nf-modal-close
):not(
    .nf-toggle-sidebar
):not(
    .nf-period-year-arrow
):not(
    .nf-period-month-btn
):not(
    .nf-period-mobile-month-btn
):hover,
.nf-app
button:not(
    .nf-transaction-tab
):not(
    .nf-modal-close
):not(
    .nf-toggle-sidebar
):not(
    .nf-period-year-arrow
):not(
    .nf-period-month-btn
):not(
    .nf-period-mobile-month-btn
):focus,
.nf-app
button:not(
    .nf-transaction-tab
):not(
    .nf-modal-close
):not(
    .nf-toggle-sidebar
):not(
    .nf-period-year-arrow
):not(
    .nf-period-month-btn
):not(
    .nf-period-mobile-month-btn
):focus-visible,
.nf-app
button:not(
    .nf-transaction-tab
):not(
    .nf-modal-close
):not(
    .nf-toggle-sidebar
):not(
    .nf-period-year-arrow
):not(
    .nf-period-month-btn
):not(
    .nf-period-mobile-month-btn
):active{

    background-image:none !important;

    border-color:transparent !important;

    outline:none !important;
}

.nf-app
button:not(
    [class*="nf-"]
):not(
    .nf-transaction-tab
){

    border:1px solid
    rgba(139,94,0,.16) !important;

    border-radius:12px !important;

    color:#211404 !important;

    background-color:#fffdf8 !important;
}

.nf-app
button:not(
    [class*="nf-"]
):not(
    .nf-transaction-tab
):hover,
.nf-app
button:not(
    [class*="nf-"]
):not(
    .nf-transaction-tab
):focus,
.nf-app
button:not(
    [class*="nf-"]
):not(
    .nf-transaction-tab
):focus-visible{

    background-color:#f5efe3 !important;

    color:#211404 !important;
}

.nf-app
.nf-primary-btn,
.nf-app
.nf-secondary-btn,
.nf-app
.nf-btn,
.nf-app
.nf-btn-primary,
.nf-app
.nf-btn-secondary,
.nf-app
.nf-dashboard-new-transaction,
.nf-app
.nf-dashboard-link-btn,
.nf-app
.nf-btn-new-transaction,
.nf-app
.nf-btn-new-receita,
.nf-app
.nf-btn-new-despesa{

    border-color:transparent !important;

    background-image:none !important;

    -webkit-tap-highlight-color:transparent !important;
}

.nf-app
input:not([type="checkbox"]):not([type="radio"]),
.nf-app
select,
.nf-app
textarea{

    appearance:none;

    -webkit-appearance:none;

    background-image:none !important;
}

.nf-app
.nf-input,
.nf-app
.nf-select,
.nf-app
.nf-textarea,
.nf-app
input.nf-input,
.nf-app
select.nf-select,
.nf-app
textarea.nf-textarea{

    border-color:rgba(139,94,0,.16) !important;

    color:#211404 !important;

    background-color:#fffdf8 !important;

    box-shadow:none !important;
}

.nf-app
.nf-input:hover,
.nf-app
.nf-select:hover,
.nf-app
.nf-textarea:hover{

    border-color:rgba(139,94,0,.24) !important;
}

.nf-app
.nf-input:focus,
.nf-app
.nf-select:focus,
.nf-app
.nf-textarea:focus,
.nf-app
input.nf-input:focus,
.nf-app
select.nf-select:focus,
.nf-app
textarea.nf-textarea:focus{

    border-color:#8b5e00 !important;

    outline:none !important;

    box-shadow:
    0 0 0 3px
    rgba(139,94,0,.12) !important;
}

.nf-app
a:not(
    [class*="nf-"]
){

    color:inherit;
}

.nf-app
a:not(
    [class*="nf-"]
):hover,
.nf-app
a:not(
    [class*="nf-"]
):focus{

    color:inherit;
}

.nf-app
.nf-modal-close,
.nf-app
.nf-modal-close:hover,
.nf-app
.nf-modal-close:focus,
.nf-app
.nf-modal-close:active,
.nf-app
.nf-modal-close:focus-visible{

    background:transparent !important;

    background-color:transparent !important;

    border:none !important;

    color:#8b7355 !important;

    box-shadow:none !important;

    outline:none !important;
}

.nf-app
.nf-modal-close:hover{

    color:#211404 !important;
}

.nf-app
.nf-topbar-action-btn,
.nf-app
.nf-topbar-icon,
.nf-app
.nf-toggle-sidebar,
.nf-app
.nf-period-year-arrow{

    background:transparent !important;

    background-color:transparent !important;

    border:none !important;

    box-shadow:none !important;

    background-image:none !important;
}

/* =========================================
   PERÍODO — restaura visual Nexden
   (theme-shield não deve zerar meses)
========================================= */

.nf-app
.nf-period-month-btn{

    border:1px solid
    rgba(139,94,0,.14) !important;

    border-radius:999px !important;

    background:#fffdf8 !important;

    background-color:#fffdf8 !important;

    color:#6b4a12 !important;

    box-shadow:none !important;

    background-image:none !important;
}

.nf-app
.nf-period-month-btn:hover{

    background:#f5efe3 !important;

    background-color:#f5efe3 !important;

    color:#211404 !important;

    border-color:
    rgba(139,94,0,.22) !important;
}

.nf-app
.nf-period-month-btn.is-active,
.nf-app
.nf-period-month-btn.is-active:hover,
.nf-app
.nf-period-month-btn.is-active:focus{

    background:#211404 !important;

    background-color:#211404 !important;

    color:#f3d38a !important;

    border-color:#211404 !important;

    box-shadow:
    0 3px 10px
    rgba(18,11,2,.12) !important;
}

.nf-app
.nf-period-mobile-month-btn{

    border:1px solid
    rgba(139,94,0,.14) !important;

    border-radius:14px !important;

    background:#fffdf8 !important;

    background-color:#fffdf8 !important;

    color:#211404 !important;

    box-shadow:none !important;

    background-image:none !important;
}

.nf-app
.nf-period-mobile-month-btn:hover,
.nf-app
.nf-period-mobile-month-btn:focus{

    background:#f5efe3 !important;

    background-color:#f5efe3 !important;

    border-color:
    rgba(139,94,0,.22) !important;

    color:#211404 !important;
}

.nf-app
.nf-period-year-btn:hover{

    background:#f5efe3 !important;

    background-color:#f5efe3 !important;

    color:#211404 !important;
}

.nf-app
.nf-period-year-btn.is-active,
.nf-app
.nf-period-year-btn.is-active:hover,
.nf-app
.nf-period-year-btn.is-active:focus{

    background:#211404 !important;

    background-color:#211404 !important;

    color:#f3d38a !important;

    box-shadow:
    0 3px 10px
    rgba(18,11,2,.12) !important;
}

/* =========================================
   AUTH — neutraliza Hello Elementor
========================================= */

.nf-auth
button{

    appearance:none;

    -webkit-appearance:none;

    text-transform:none;

    -webkit-tap-highlight-color:transparent;
}

.nf-auth
button:hover,
.nf-auth
button:focus,
.nf-auth
button:focus-visible,
.nf-auth
button:active{

    background-image:none !important;
}

.nf-auth
.nf-auth-tab,
.nf-auth
.nf-auth-tab:hover,
.nf-auth
.nf-auth-tab:focus,
.nf-auth
.nf-auth-tab:focus-visible,
.nf-auth
.nf-auth-tab:active{

    border:none !important;

    background-color:transparent !important;

    color:#6b5840 !important;
}

.nf-auth
.nf-auth-tab.is-active,
.nf-auth
.nf-auth-tab.is-active:hover,
.nf-auth
.nf-auth-tab.is-active:focus,
.nf-auth
.nf-auth-tab.is-active:focus-visible{

    background-color:#fffdf8 !important;

    color:#211404 !important;
}

.nf-auth
.nf-auth-link-btn,
.nf-auth
.nf-auth-toggle-password,
.nf-auth
.nf-auth-link-btn:focus,
.nf-auth
.nf-auth-link-btn:focus-visible,
.nf-auth
.nf-auth-toggle-password:focus,
.nf-auth
.nf-auth-toggle-password:focus-visible{

    border:none !important;

    background-color:transparent !important;

    color:#8b5e00 !important;
}

.nf-auth
.nf-auth-link-btn:hover,
.nf-auth
.nf-auth-toggle-password:hover{

    border:none !important;

    background-color:rgba(180,83,9,.08) !important;

    color:#b45309 !important;
}

.nf-auth
.nf-auth-tab:hover{

    background-color:rgba(255,253,248,.65) !important;

    color:#211404 !important;
}

.nf-auth
.nf-btn-primary,
.nf-auth
.nf-btn-primary:hover,
.nf-auth
.nf-btn-primary:focus,
.nf-auth
.nf-btn-primary:focus-visible,
.nf-auth
.nf-btn-primary:active{

    border:none !important;
}

.nf-auth
.nf-btn-primary,
.nf-auth
.nf-btn-primary:focus,
.nf-auth
.nf-btn-primary:focus-visible,
.nf-auth
.nf-btn-primary:active{

    background-color:#211404 !important;

    color:#f3d38a !important;
}

.nf-auth
.nf-btn-primary:hover{

    background-color:#f3d38a !important;

    color:#211404 !important;
}

.nf-auth
.nf-btn-primary:disabled{

    background-color:#d9cdb8 !important;

    color:#8b7355 !important;
}

.nf-auth
a:hover,
.nf-auth
a:focus,
.nf-auth
a:focus-visible{

    outline:none !important;
}

/* =========================================
   ONBOARDING — neutraliza Hello Elementor
========================================= */

.nf-onboarding
button{

    appearance:none;

    -webkit-appearance:none;

    text-transform:none;

    -webkit-tap-highlight-color:transparent;
}

.nf-onboarding
.nf-onboarding-option,
.nf-onboarding
.nf-onboarding-option:hover,
.nf-onboarding
.nf-onboarding-option:focus,
.nf-onboarding
.nf-onboarding-option:focus-visible,
.nf-onboarding
.nf-onboarding-option.is-selected{

    background-image:none !important;
}

.nf-onboarding
.nf-onboarding-option.is-selected{

    background-color:#f5efe3 !important;

    color:#211404 !important;

    border-color:#8b5e00 !important;
}
