/* =========================================================
   EVA COMMERCE
   Cart / Checkout / Thank You / My Account
   ========================================================= */


/* =========================================================
   CART — MINIMAL IMPROVEMENTS
   ========================================================= */


/* ---------------------------------------------------------
   CART TABLE
   --------------------------------------------------------- */

/* Remove table header */

body.woocommerce-cart
.woocommerce-cart-form
.shop_table thead {
    display: none !important;
}


/* Quantity and Subtotal are not useful for EVA products */

body.woocommerce-cart
.woocommerce-cart-form
.product-quantity,

body.woocommerce-cart
.woocommerce-cart-form
.product-subtotal {
    display: none !important;
}


/* ---------------------------------------------------------
   PRODUCT IMAGES
   --------------------------------------------------------- */

body.woocommerce-cart
.woocommerce-cart-form
.product-thumbnail img {
    border-radius: 7px !important;
}


/* ---------------------------------------------------------
   PRODUCT TITLE
   --------------------------------------------------------- */

body.woocommerce-cart
.woocommerce-cart-form
.product-name a {
    color: #292A2D !important;

    text-decoration: none !important;
}

body.woocommerce-cart
.woocommerce-cart-form
.product-name a:hover {
    color: #BF3F3F !important;
}


/* ---------------------------------------------------------
   REMOVE PRODUCT
   --------------------------------------------------------- */

body.woocommerce-cart
.woocommerce-cart-form
a.remove {
    width: 28px !important;
    height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #B1B3B6 !important;
    background: transparent !important;

    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;

    transition: color .18s ease !important;
}

body.woocommerce-cart
.woocommerce-cart-form
a.remove:hover {
    color: #BF3F3F !important;

    background: transparent !important;
}


/* ---------------------------------------------------------
   UPDATE CART
   --------------------------------------------------------- */

body.woocommerce-cart
.woocommerce-cart-form
button[name="update_cart"],

body.woocommerce-cart
.woocommerce-cart-form
input[name="update_cart"] {
    display: none !important;
}


/* ---------------------------------------------------------
   CONTINUE SHOPPING
   --------------------------------------------------------- */

body.woocommerce-cart
.woocommerce-cart-form
.button-continue-shopping,

body.woocommerce-cart
.woocommerce-cart-form
a.button-continue-shopping {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #5F6266 !important;
    background: transparent !important;

    font-family: "Lato", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;

    transition: color .18s ease !important;
}

body.woocommerce-cart
.woocommerce-cart-form
.button-continue-shopping:hover,

body.woocommerce-cart
.woocommerce-cart-form
a.button-continue-shopping:hover {
    color: #BF3F3F !important;

    background: transparent !important;
}


/* ---------------------------------------------------------
   CHECKOUT STEPS
   --------------------------------------------------------- */

body.woocommerce-cart
.checkout-breadcrumbs {
    font-family: "Lato", sans-serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
}

body.woocommerce-cart
.checkout-breadcrumbs a,

body.woocommerce-cart
.checkout-breadcrumbs span {
    font-size: inherit !important;

    letter-spacing: 0 !important;
}


/* ---------------------------------------------------------
   CART TOTALS
   --------------------------------------------------------- */

body.woocommerce-cart
.cart_totals > h2 {
    font-family: "Lato", sans-serif !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* ---------------------------------------------------------
   PROCEED TO CHECKOUT
   --------------------------------------------------------- */

body.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button {
    width: 100% !important;
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 1px solid #BF3F3F !important;
    border-radius: 6px !important;

    color: #fff !important;
    background: #BF3F3F !important;

    font-family: "Lato", sans-serif !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;

    transition:
        background-color .18s ease,
        border-color .18s ease !important;
}


/* Lock icon */

body.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button::before {
    content: "" !important;

    width: 17px !important;
    height: 17px !important;

    flex: 0 0 17px !important;

    display: block !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    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' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")
        !important;
}

body.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button:hover {
    color: #fff !important;

    background: #A93636 !important;
    border-color: #A93636 !important;
}


/* ---------------------------------------------------------
   COUPON
   --------------------------------------------------------- */

body.woocommerce-cart
.cart-collaterals
.coupon {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    column-gap: 8px !important;
    row-gap: 8px !important;

    margin-top: 16px !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


/* Coupon label */

body.woocommerce-cart
.cart-collaterals
.coupon h3,

body.woocommerce-cart
.cart-collaterals
.coupon .widget-title {
    grid-column: 1 / -1 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    color: #626467 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Remove old coupon icon */

body.woocommerce-cart
.cart-collaterals
.coupon h3 i,

body.woocommerce-cart
.cart-collaterals
.coupon .widget-title i {
    display: none !important;
}


/* Coupon input */

body.woocommerce-cart
.cart-collaterals
.coupon
input[name="coupon_code"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #D4D5D7 !important;
    border-radius: 6px !important;

    color: #292A2D !important;
    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
}

body.woocommerce-cart
.cart-collaterals
.coupon
input[name="coupon_code"]:focus {
    border-color: #9B9DA0 !important;

    box-shadow:
        0 0 0 1px #9B9DA0 !important;
}


/* Apply */

body.woocommerce-cart
.cart-collaterals
.coupon
button[name="apply_coupon"],

body.woocommerce-cart
.cart-collaterals
.coupon
input[name="apply_coupon"],

body.woocommerce-cart
.cart-collaterals
.coupon
.button {
    width: auto !important;
    min-width: 88px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 1px solid #C9CACC !important;
    border-radius: 6px !important;

    color: #292A2D !important;
    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 40px !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;

    transition:
        background-color .18s ease,
        border-color .18s ease !important;
}

body.woocommerce-cart
.cart-collaterals
.coupon
button[name="apply_coupon"]:hover,

body.woocommerce-cart
.cart-collaterals
.coupon
input[name="apply_coupon"]:hover,

body.woocommerce-cart
.cart-collaterals
.coupon
.button:hover {
    color: #292A2D !important;

    background: #F4F4F2 !important;
    border-color: #AEB0B2 !important;
}


/* =========================================================
   CUSTOM CART RECOMMENDATION
   ========================================================= */

.eva-cart-recommendation {
    margin: 22px 0 10px;

    padding: 14px;

    border: 1px solid rgba(41, 42, 45, .12);
    border-radius: 8px;

    background: #fff;
}

.eva-cart-recommendation-label {
    margin: 0 0 11px;

    color: #626467;

    font-family: "Lato", sans-serif;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;

    letter-spacing: 0;
    text-transform: none;
}

.eva-cart-recommendation-card {
    display: flex;
    align-items: center;

    gap: 14px;
}

.eva-cart-recommendation-image {
    width: 76px;
    min-width: 76px;

    display: block;
}

.eva-cart-recommendation-image img {
    width: 76px;
    height: 76px;

    display: block;

    object-fit: cover;

    border-radius: 7px;
}

.eva-cart-recommendation-content {
    flex: 1;

    min-width: 0;
}

.eva-cart-recommendation-title {
    display: inline-block;

    margin: 0 0 4px;

    color: #292A2D;

    font-family: "Lato", sans-serif;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;

    text-decoration: none;
}

.eva-cart-recommendation-title:hover {
    color: #BF3F3F;
}

.eva-cart-recommendation-content p {
    max-width: 420px;

    margin: 0 0 8px;

    color: #66696D;

    font-family: "Lato", sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
}

.eva-cart-recommendation-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 11px;
}

.eva-cart-recommendation-price {
    margin: 0;
}

.eva-cart-recommendation-price .price {
    color: #292A2D;

    font-family: "Lato", sans-serif;

    font-size: 14px;
    font-weight: 600;
}

.eva-cart-recommendation-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    border: 1px solid #AEB0B3 !important;
    border-radius: 6px !important;

    color: #292A2D !important;
    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 32px !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;
}

.eva-cart-recommendation-button:hover {
    color: #fff !important;

    background: #292A2D !important;
    border-color: #292A2D !important;
}


/* =========================================================
   CART — TABLET / MOBILE
   ========================================================= */

@media (max-width: 849px) {

    body.woocommerce-cart
    .checkout-breadcrumbs {
        font-size: 15px !important;
    }


    body.woocommerce-cart
    .mobile-product-price__qty,

    body.woocommerce-cart
    .mobile-product-price
    .mobile-product-price__qty,

    body.woocommerce-cart
    .product-name
    .mobile-product-price__qty {
        display: none !important;
    }


    body.woocommerce-cart
    .eva-cart-recommendation {
        padding: 13px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-card {
        gap: 13px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-image {
        width: 68px;
        min-width: 68px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-image img {
        width: 68px;
        height: 68px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-title {
        font-size: 14px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-content p {
        margin-bottom: 7px;

        font-size: 12px;
        line-height: 1.4;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-price .price {
        font-size: 13px;
    }

}


/* =========================================================
   CART — SMALL MOBILE
   ========================================================= */

@media (max-width: 549px) {

    body.woocommerce-cart
    .woocommerce-cart-form
    tr.cart_item {
        position: relative !important;
    }


    /*
     * Position X on the right and align it
     * with the visual centre of the product row.
     */

    body.woocommerce-cart
    .woocommerce-cart-form
    tr.cart_item
    td.product-remove {
        position: absolute !important;

        top: calc(50% - 25px) !important;
        right: 4px !important;
        left: auto !important;

        width: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        z-index: 3 !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form
    tr.cart_item
    td.product-remove
    a.remove {
        margin: 0 auto !important;
    }


    body.woocommerce-cart
    .woocommerce-cart-form
    tr.cart_item
    td.product-name {
        padding-right: 40px !important;
    }


    body.woocommerce-cart
    .mobile-product-price__qty,

    body.woocommerce-cart
    .mobile-product-price
    .quantity,

    body.woocommerce-cart
    .product-name
    .mobile-product-price__qty {
        display: none !important;
    }


    body.woocommerce-cart
    .cart-collaterals
    .coupon {
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;
    }


    body.woocommerce-cart
    .cart-collaterals
    .coupon
    button[name="apply_coupon"],

    body.woocommerce-cart
    .cart-collaterals
    .coupon
    input[name="apply_coupon"],

    body.woocommerce-cart
    .cart-collaterals
    .coupon
    .button {
        min-width: 76px !important;

        padding-left: 13px !important;
        padding-right: 13px !important;

        font-weight: 500 !important;
    }


    body.woocommerce-cart
    .eva-cart-recommendation {
        padding: 12px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-card {
        align-items: center;

        gap: 12px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-image {
        width: 66px;
        min-width: 66px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-image img {
        width: 66px;
        height: 66px;
    }

    body.woocommerce-cart
    .eva-cart-recommendation-bottom {
        gap: 9px;
    }

}


/* =========================================================
   EVA CHECKOUT — MINIMAL IMPROVEMENTS
   ========================================================= */


/* ---------------------------------------------------------
   TYPOGRAPHY
   --------------------------------------------------------- */

body.woocommerce-checkout,
body.woocommerce-checkout button,
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout label {
    font-family: "Lato", sans-serif !important;
}


/* ---------------------------------------------------------
   CHECKOUT STEPS
   --------------------------------------------------------- */

body.woocommerce-checkout
.checkout-breadcrumbs {
    font-family: "Lato", sans-serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
}

body.woocommerce-checkout
.checkout-breadcrumbs a,

body.woocommerce-checkout
.checkout-breadcrumbs span {
    font-size: inherit !important;

    letter-spacing: 0 !important;
}


/* ---------------------------------------------------------
   CHECKOUT LOGO
   --------------------------------------------------------- */

body.woocommerce-checkout:not(.woocommerce-order-received)
.checkout-logo img,

body.woocommerce-checkout:not(.woocommerce-order-received)
.checkout-page-title
.logo img,

body.woocommerce-checkout:not(.woocommerce-order-received)
#logo img {
    content:
        url("https://evainstruments.com/wp-content/uploads/2024/10/100px_light-1.png")
        !important;
}


/* ---------------------------------------------------------
   CHECKOUT HEADINGS
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-billing-fields > h3,

body.woocommerce-checkout
#order_review_heading {
    font-family: "Lato", sans-serif !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Order table headings */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table th {
    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* ---------------------------------------------------------
   CHECKOUT FIELD LABELS
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-billing-fields
.form-row label,

body.woocommerce-checkout
.woocommerce-additional-fields
.form-row label {
    margin-bottom: 7px !important;

    color: #626467 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.woocommerce-checkout
.form-row label .required {
    color: #626467 !important;

    font-weight: 400 !important;
}


/* ---------------------------------------------------------
   CHECKOUT INPUTS
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-billing-fields
input.input-text,

body.woocommerce-checkout
.woocommerce-billing-fields
select,

body.woocommerce-checkout
.woocommerce-additional-fields
input.input-text,

body.woocommerce-checkout
.woocommerce-additional-fields
textarea {
    width: 100% !important;

    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #D4D5D7 !important;
    border-radius: 6px !important;

    color: #292A2D !important;
    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
}


body.woocommerce-checkout
.woocommerce-additional-fields
textarea {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


body.woocommerce-checkout
.woocommerce-billing-fields
input.input-text:focus,

body.woocommerce-checkout
.woocommerce-billing-fields
select:focus,

body.woocommerce-checkout
.woocommerce-additional-fields
input.input-text:focus,

body.woocommerce-checkout
.woocommerce-additional-fields
textarea:focus {
    border-color: #9B9DA0 !important;

    box-shadow:
        0 0 0 1px #9B9DA0 !important;

    outline: 0 !important;
}


/* ---------------------------------------------------------
   SELECT2 — CLOSED SELECT
   --------------------------------------------------------- */

body.woocommerce-checkout
.select2-container
.select2-selection--single {
    height: 42px !important;

    border: 1px solid #D4D5D7 !important;
    border-radius: 6px !important;

    background: #fff !important;

    box-shadow: none !important;
}

body.woocommerce-checkout
.select2-container
.select2-selection--single
.select2-selection__rendered {
    padding-left: 12px !important;
    padding-right: 34px !important;

    color: #292A2D !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
}

body.woocommerce-checkout
.select2-container
.select2-selection--single
.select2-selection__arrow {
    height: 40px !important;
}


/* ---------------------------------------------------------
   SELECT2 — OPEN DROPDOWN
   --------------------------------------------------------- */

body.woocommerce-checkout
.select2-dropdown {
    border: 1px solid #D4D5D7 !important;
    border-radius: 6px !important;

    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    box-shadow:
        0 5px 14px rgba(41, 42, 45, .08) !important;

    overflow: hidden;
}

body.woocommerce-checkout
.select2-search--dropdown {
    padding: 8px !important;

    background: #fff !important;
}

body.woocommerce-checkout
.select2-search--dropdown
.select2-search__field {
    height: 38px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 1px solid #D4D5D7 !important;
    border-radius: 5px !important;

    color: #292A2D !important;
    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
}

body.woocommerce-checkout
.select2-results__option {
    padding: 9px 10px !important;

    color: #292A2D !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

body.woocommerce-checkout
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    color: #292A2D !important;

    background: #F4F4F2 !important;
}

body.woocommerce-checkout
.select2-container--default
.select2-results__option[aria-selected="true"] {
    color: #292A2D !important;

    background: #ECEDEB !important;
}


/* ---------------------------------------------------------
   ORDER / PAYMENT TYPOGRAPHY
   --------------------------------------------------------- */

body.woocommerce-checkout
#order_review,

body.woocommerce-checkout
#order_review table,

body.woocommerce-checkout
#payment,

body.woocommerce-checkout
#payment label,

body.woocommerce-checkout
#payment p {
    font-family: "Lato", sans-serif !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-name {
    font-weight: 400 !important;

    text-transform: none !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.cart-subtotal th,

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total th {
    text-transform: none !important;
}


/* Payment labels */

body.woocommerce-checkout
.wc_payment_method label {
    font-family: "Lato", sans-serif !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Terms */

body.woocommerce-checkout
.woocommerce-terms-and-conditions-wrapper,

body.woocommerce-checkout
.woocommerce-terms-and-conditions-wrapper label,

body.woocommerce-checkout
.woocommerce-terms-and-conditions-wrapper
.woocommerce-form__label {
    font-family: "Lato", sans-serif !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* ---------------------------------------------------------
   CHECKOUT MOBILE
   --------------------------------------------------------- */

@media (max-width: 849px) {

    body.woocommerce-checkout
    .checkout-breadcrumbs {
        font-size: 15px !important;
    }

}































/* =========================================================
   EVA THANK YOU PAGE
   ========================================================= */


/* ---------------------------------------------------------
   BASE TYPOGRAPHY
   --------------------------------------------------------- */

body.woocommerce-order-received,
body.woocommerce-order-received button,
body.woocommerce-order-received input,
body.woocommerce-order-received select,
body.woocommerce-order-received textarea {
    font-family: "Lato", sans-serif !important;
}


/* Customer details are not needed here */

body.woocommerce-order-received
.woocommerce-customer-details {
    display: none !important;
}


/* ---------------------------------------------------------
   THANK YOU LOGO
   --------------------------------------------------------- */

body.woocommerce-order-received
.checkout-logo img,

body.woocommerce-order-received
.checkout-page-title
.logo img,

body.woocommerce-order-received
#logo img {
    content:
        url("https://evainstruments.com/wp-content/uploads/2024/10/100px_light-1.png")
        !important;
}


/* ---------------------------------------------------------
   MAIN HEADINGS
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-downloads h3,

body.woocommerce-order-received
.eva-thankyou-quick-start h4,

body.woocommerce-order-received
.woocommerce-order-details__title {
    font-family: "Lato", sans-serif !important;

    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* ---------------------------------------------------------
   ORDER CONFIRMATION CARD
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-order-card {
    margin: 0 0 22px;

    padding: 14px 16px;

    border:
        1px solid rgba(41, 42, 45, .12);

    border-radius: 8px;

    background: #fff;

    box-sizing: border-box;

    box-shadow: none;

    overflow: visible;
}


/* Success message */

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-received {
    margin: 0 0 13px !important;

    padding: 0 !important;

    border: 0 !important;

    color: #667F45 !important;
    background: transparent !important;

    font-family: "Lato", sans-serif !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   ORDER OVERVIEW
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-order-overview,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-details {
    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    font-family: "Lato", sans-serif !important;

    list-style: none !important;
}


/* Compact rows, no bullets */

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-order-overview li,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-details li {
    float: none !important;

    display: block !important;

    width: auto !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    border: 0 !important;

    color: #56595D !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    list-style: none !important;
}

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-order-overview li:last-child,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-details li:last-child {
    margin-bottom: 0 !important;
}


/* Remove list markers */

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-order-overview li::before,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-details li::before,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-order-overview li::marker,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-details li::marker {
    content: none !important;
}


/* Strong values */

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-order-overview strong,

body.woocommerce-order-received
.eva-thankyou-order-card
.woocommerce-thankyou-order-details strong {
    color: #45484C !important;

    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   LEFT COLUMN ALIGNMENT
   --------------------------------------------------------- */

/*
 * Quick Start is nested inside .eva-thankyou-downloads,
 * so we shift only the outer Downloads block once.
 *
 * Order details is a separate section and gets
 * the same 16px inner alignment.
 */

body.woocommerce-order-received
.eva-thankyou-downloads,

body.woocommerce-order-received
.woocommerce-order-details {
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 16px !important;

    box-sizing: border-box !important;
}


/* Do not add a second shift to nested Quick Start */

body.woocommerce-order-received
.eva-thankyou-quick-start {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Order details needs direct alignment because Flatsome
   positions its title/table independently. */

body.woocommerce-order-received
.woocommerce-order-details__title,

body.woocommerce-order-received
.woocommerce-order-details
.shop_table {
    margin-left: 16px !important;
    width: calc(100% - 16px) !important;

    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   DOWNLOADS
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-panel {
    margin: 18px 0;

    font-family: "Lato", sans-serif;
}

body.woocommerce-order-received
.eva-thankyou-downloads {
    border: 0;

    background: transparent;
}

body.woocommerce-order-received
.eva-thankyou-downloads h3 {
    margin-top: 0;
    margin-bottom: 12px;
}

body.woocommerce-order-received
.eva-thankyou-downloads p {
    margin-bottom: 12px;
}


/* Download buttons */

body.woocommerce-order-received
.eva-thankyou-download-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 8px;

    margin: 10px 0 20px;
}

body.woocommerce-order-received
.eva-thankyou-download-button {
    display: inline-block !important;

    width: auto !important;
    max-width: 100%;

    margin: 0 !important;
    padding: 6px 12px !important;

    min-height: 30px !important;

    color: #fff !important;
    background-color: #555 !important;
    border-color: #555 !important;

    font-family: "Lato", sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;
}

body.woocommerce-order-received
.eva-thankyou-download-button:hover {
    color: #fff !important;

    background-color: #333 !important;
    border-color: #333 !important;
}


/* ---------------------------------------------------------
   QUICK START
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-quick-start h4 {
    margin-top: 22px;
    margin-bottom: 10px;
}

body.woocommerce-order-received
.eva-thankyou-quick-start ol {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;

    padding-left: 18px !important;
}

body.woocommerce-order-received
.eva-thankyou-quick-start li {
    margin: 0 0 6px !important;
    padding-left: 0 !important;

    color: #56595D;

    font-family: "Lato", sans-serif;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

body.woocommerce-order-received
.eva-thankyou-quick-start li:last-child {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   OPTIONAL ACCOUNT BLOCK
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-account-inline {
    margin-top: 18px;
}

body.woocommerce-order-received
.eva-thankyou-account-inline p {
    margin-bottom: 10px;
}


/* ---------------------------------------------------------
   ORDER DETAILS
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-details__title {
    margin-top: 26px;
    margin-bottom: 12px;
}


/* Product / Total */

body.woocommerce-order-received
.woocommerce-order-details
.shop_table th {
    font-family: "Lato", sans-serif !important;

    font-weight: 600 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Product names */

body.woocommerce-order-received
.woocommerce-order-details
.product-name,

body.woocommerce-order-received
.woocommerce-order-details
.product-name a {
    font-family: "Lato", sans-serif !important;

    text-transform: none !important;
}


/* ---------------------------------------------------------
   RIGHT COLUMN WRAPPER
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-cards-parent {
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   RECOMMENDED NEXT STEP
   --------------------------------------------------------- */

body.woocommerce-order-received
.eva-thankyou-recommendation {
    margin: 0 !important;

    padding: 14px 14px 16px !important;

    border:
        1px solid rgba(41, 42, 45, .12) !important;

    border-radius: 8px !important;

    background: #fff !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    overflow: visible !important;
}


/* Recommendation label */

body.woocommerce-order-received
.eva-thankyou-recommendation-label {
    margin: 0 0 11px;

    flex: 0 0 auto;

    color: #626467;

    font-family: "Lato", sans-serif;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;

    letter-spacing: 0;
    text-transform: none;
}


/* Recommendation content */

body.woocommerce-order-received
.eva-thankyou-recommendation-card {
    display: flex;
    align-items: center;

    flex: 0 0 auto;

    gap: 14px;

    min-width: 0;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-image {
    width: 76px;
    min-width: 76px;

    display: block;

    flex: 0 0 76px;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-image img {
    width: 76px;
    height: 76px;

    display: block;

    object-fit: cover;

    border-radius: 7px;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-content {
    flex: 1 1 auto;

    min-width: 0;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-title {
    display: inline-block;

    margin: 0 0 4px;

    color: #292A2D;

    font-family: "Lato", sans-serif;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;

    text-decoration: none;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-title:hover {
    color: #BF3F3F;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-content p {
    max-width: 420px;

    margin: 0 0 8px;

    color: #66696D;

    font-family: "Lato", sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 11px;

    margin-bottom: 0;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-price {
    margin: 0;
}

body.woocommerce-order-received
.eva-thankyou-recommendation-price
.price {
    color: #292A2D;

    font-family: "Lato", sans-serif;

    font-size: 14px;
    font-weight: 600;
}


/* Recommendation secondary button */

body.woocommerce-order-received
.eva-thankyou-secondary-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    border: 1px solid #AEB0B3 !important;
    border-radius: 6px !important;

    color: #292A2D !important;
    background: #fff !important;

    font-family: "Lato", sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 32px !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;
}

body.woocommerce-order-received
.eva-thankyou-secondary-button:hover {
    color: #fff !important;

    background: #292A2D !important;
    border-color: #292A2D !important;
}


/* =========================================================
   THANK YOU — TABLET / MOBILE
   ========================================================= */

@media (max-width: 849px) {

    /*
     * Once columns stack, both cards return
     * to their natural independent heights.
     */

    body.woocommerce-order-received
    .eva-thankyou-order-card,

    body.woocommerce-order-received
    .eva-thankyou-recommendation {
        height: auto !important;
        min-height: 0 !important;
    }


    /*
     * On mobile there is no need for the desktop
     * inner-column alignment shift.
     */

    body.woocommerce-order-received
    .eva-thankyou-downloads,

    body.woocommerce-order-received
    .eva-thankyou-quick-start,

    body.woocommerce-order-received
    .woocommerce-order-details {
        width: 100% !important;

        margin-left: 0 !important;

        padding-left: 0 !important;
    }

}


/* =========================================================
   THANK YOU — SMALL MOBILE
   ========================================================= */

@media (max-width: 549px) {

    body.woocommerce-order-received
    .eva-thankyou-download-list {
        align-items: flex-start;
    }


    body.woocommerce-order-received
    .eva-thankyou-download-button {
        width: auto !important;

        text-align: left;
    }


    body.woocommerce-order-received
    .eva-thankyou-order-card {
        padding: 13px 14px;
    }


    body.woocommerce-order-received
    .eva-thankyou-recommendation {
        padding: 12px 12px 14px !important;
    }


    body.woocommerce-order-received
    .eva-thankyou-recommendation-card {
        align-items: center;

        gap: 12px;
    }


    body.woocommerce-order-received
    .eva-thankyou-recommendation-image {
        width: 66px;
        min-width: 66px;

        flex-basis: 66px;
    }


    body.woocommerce-order-received
    .eva-thankyou-recommendation-image img {
        width: 66px;
        height: 66px;
    }


    body.woocommerce-order-received
    .eva-thankyou-recommendation-bottom {
        gap: 9px;
    }

    body.woocommerce-order-received
    .woocommerce-order-details__title,

    body.woocommerce-order-received
    .woocommerce-order-details
    .shop_table {
        margin-left: 0 !important;
        width: 100% !important;
    }

}