/**
 * AM Toolkit - WooCommerce checkout
 *
 * Styles the validation summary displayed above the checkout form.
 */

.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 var(--amt-space-5, 20px) !important;
    padding: var(--amt-space-5, 20px) var(--amt-space-6, 24px) var(--amt-space-5, 20px) 56px !important;

    border: var(--amt-checkout-border-width, 1px) solid var(--amt-checkout-border-color, #dedede) !important;
    border-radius: var(--amt-checkout-radius, 25px) !important;
    background: var(--amt-checkout-background, #ffffff) !important;
    box-shadow: none !important;

    color: var(--amt-checkout-text-color, #171717) !important;
    font-family: var(--amt-checkout-font-family, "Poppins", sans-serif) !important;
    font-size: var(--amt-checkout-font-size, 14px) !important;
    font-weight: var(--amt-checkout-font-weight, 400) !important;
    line-height: 1.55 !important;
    list-style: none !important;
}

.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error::before {
    top: var(--amt-space-5, 20px) !important;
    left: var(--amt-space-6, 24px) !important;
    color: var(--amt-checkout-icon-color, #f176a4) !important;
}

.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error li {
    margin: 0 0 var(--amt-space-1, 4px) !important;
    color: inherit !important;
    font: inherit !important;
}

.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error li:last-child {
    margin-bottom: 0 !important;
}

.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error a {
    color: var(--amt-checkout-link-color, #f176a4) !important;
    font: inherit !important;
    font-weight: var(--amt-checkout-link-weight, 500) !important;
    text-decoration: none !important;
}

.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error a:hover,
.woocommerce-checkout
.woocommerce-NoticeGroup-checkout
.woocommerce-error a:focus-visible {
    color: var(--amt-checkout-link-color, #f176a4) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {
    .woocommerce-checkout
    .woocommerce-NoticeGroup-checkout
    .woocommerce-error {
        padding: var(--amt-space-4, 16px) var(--amt-space-5, 20px) var(--amt-space-4, 16px) 48px !important;
    }

    .woocommerce-checkout
    .woocommerce-NoticeGroup-checkout
    .woocommerce-error::before {
        top: var(--amt-space-4, 16px) !important;
        left: var(--amt-space-5, 20px) !important;
    }
}