:root {
    --maw-teal: #004688;
    --maw-teal-dark: #003862;
    --maw-teal-fill: linear-gradient(270deg, #003862 0%, #004688 100%);
}

.ma-shop-header,
.custom-cart-header,
.checkout-hero,
.faq-hero,
.coa-hero,
.ma-contact__hero,
.ma-policy__hero,
.ma-qa__hero,
.ma-top-banner {
    background: linear-gradient(270deg, #003862 0%, #00203E 100%) !important;
    padding: 20px !important;
    text-align: center;
    color: #ffffff;
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    box-sizing: border-box;
}

.ma-qa__hero {
    padding: 20px 15px !important;
}

.maw-page-header {
    background: linear-gradient(270deg, #003862 0%, #004688 100%) !important;
    padding: 20px !important;
    text-align: center;
    color: #ffffff;
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    box-sizing: border-box;
}

.ma-shop-header h1,
.custom-cart-header h1,
.checkout-hero-title,
.faq-hero h1,
.coa-hero h1,
.ma-contact__hero h1,
.ma-policy__hero-title,
.maw-page-header h1,
.ma-top-banner .ma-h1 {
    color: #ffffff !important;
    margin: 0 !important;
}

button:not(.maw-hero-nav):not(.hamburger):not(.ma-qty-btn):not(.faq-q-btn):not(.faq-cat-btn):not(.faq-mcat-btn):not(.plus):not(.minus):not(.nsl-button):not(.ma-toggle-btn):not(.ma-eye-toggle):not(.dgwt-wcas-search-submit),
.button:not(.nsl-button),
a.button:not(.nsl-button),
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.checkout-button,
#place_order,
.wp-element-button,
.maw-btn,
.maw-btn-primary,
.maw-btn-outline,
.single_add_to_cart_button {
    color: #ffffff !important;
    background: linear-gradient(270deg, #003862 0%, #004688 100%) !important;
    border: 1px solid #ffffff !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    margin-top: 1rem !important;
    transition: background 0.2s, transform 0.15s, color 0.2s, border-color 0.2s;
}

button:not(.maw-hero-nav):not(.hamburger):not(.ma-qty-btn):not(.faq-q-btn):not(.faq-cat-btn):not(.faq-mcat-btn):not(.plus):not(.minus):not(.nsl-button):not(.ma-toggle-btn):not(.ma-eye-toggle):not(.dgwt-wcas-search-submit):hover,
button:not(.maw-hero-nav):not(.hamburger):not(.ma-qty-btn):not(.faq-q-btn):not(.faq-cat-btn):not(.faq-mcat-btn):not(.plus):not(.minus):not(.nsl-button):not(.ma-toggle-btn):not(.ma-eye-toggle):not(.dgwt-wcas-search-submit):focus,
.button:not(.nsl-button):hover,
.button:not(.nsl-button):focus,
a.button:not(.nsl-button):hover,
a.button:not(.nsl-button):focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:hover,
a.checkout-button:hover,
a.checkout-button:focus,
#place_order:hover,
#place_order:focus,
.wp-element-button:hover,
.wp-element-button:focus,
.maw-btn:hover,
.maw-btn:focus,
.maw-btn-primary:hover,
.maw-btn-primary:focus,
.maw-btn-outline:hover,
.maw-btn-outline:focus,
.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus {
    color: #004688 !important;
    background: #ffffff !important;
    border: 1px solid #004688 !important;
}

.ma-sidebar-header,
.ma-notice-box {
    background: linear-gradient(270deg, #003862 0%, #004688 100%) !important;
}

a.nsl-button,
.nsl-button,
.nsl-button:hover,
.ma-google-btn,
.ma-google-btn:hover {
    color: inherit !important;
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #dadce0 !important;
    text-transform: none !important;
    font-weight: inherit;
    font-size: inherit;
    border-radius: 4px;
}

.header-controls a.maw-btn,
.header-controls a.maw-btn-outline {
    margin-top: 0 !important;
    padding: 0.45rem 0.9rem !important;
    font-size: 0.75rem !important;
    line-height: 1.2;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.ma-toggle-btn {
    background: none !important;
    border: 0 !important;
    color: inherit !important;
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: inherit !important;
    border-radius: 0 !important;
    padding: 0 !important;
}