/*
 * My Account page visual alignment.
 * Loaded only on the WooCommerce My Account page by MomokoArt Custom.
 */

body.woocommerce-account {
    background:
        radial-gradient(circle at 12% 10%, rgba(243, 227, 220, 0.36), rgba(243, 227, 220, 0) 32%),
        linear-gradient(135deg, #f9f2ea 0%, #f3e8de 42%, #eef3ed 100%);
}

body.woocommerce-account .main-page-wrapper {
    background: linear-gradient(135deg, #f6eee5 0%, #efe3d2 24%, #f3e3dc 48%, #e7ede3 72%, #e8edf0 100%);
}

body.woocommerce-account .main-page-wrapper .content-layout-wrapper,
body.woocommerce-account .main-page-wrapper .site-content {
    background: transparent;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(120, 100, 80, 0.08);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(95, 85, 72, 0.035);
    box-sizing: border-box;
    color: #5a4a3f;
    max-width: 100%;
    padding: 18px 22px 20px;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce > *,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-my-account-wrapper,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-MyAccount-content,
body.woocommerce-account .main-page-wrapper .site-content .wd-my-account-sidebar {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-my-account-wrapper {
    color: #5a4a3f;
}

body.woocommerce-account .main-page-wrapper .site-content .wd-my-account-sidebar {
    border-inline-end-color: rgba(120, 100, 80, 0.12);
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-MyAccount-title {
    border-bottom-color: rgba(120, 100, 80, 0.12);
    color: #3f3933;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-MyAccount-navigation ul li a {
    color: #4f463c;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-MyAccount-navigation ul li.is-active > a {
    background-color: rgba(150, 190, 150, 0.12);
    color: #2f5b43;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-message,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-info,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-error,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-warning,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message,
body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner {
    border-radius: 9px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 12px;
    max-width: 100%;
    padding-block: 12px !important;
    padding-inline: 54px 18px !important;
    width: 100%;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-message,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message--success,
body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner.is-success {
    background: #eaf5ec !important;
    border: 1px solid #cfe3d2 !important;
    color: #345b3d !important;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-message::before,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message--success::before {
    color: #2f5d3a !important;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-info,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-warning,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message:not(.woocommerce-Message--success):not(.woocommerce-Message--error),
body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner.is-info {
    background: #fff8e8 !important;
    border: 1px solid #eadcc8 !important;
    color: #5a4a3f !important;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-info::before,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-warning::before,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message:not(.woocommerce-Message--success):not(.woocommerce-Message--error)::before {
    color: #9a733c !important;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-error,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message--error,
body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner.is-error {
    background: #fff1ed !important;
    border: 1px solid #edcfc8 !important;
    color: #7a3028 !important;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-error::before,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message--error::before {
    color: #9b342b !important;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-message a,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-info a,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-error a,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-warning a,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message a,
body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner a {
    color: currentColor !important;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.woocommerce-account .main-page-wrapper .site-content .woocommerce-message .amount,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-info .amount,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-error .amount,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-warning .amount,
body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message .amount,
body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner .amount {
    color: currentColor !important;
}

body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner > svg {
    display: block;
    fill: currentColor;
}

@media (max-width: 768px) {
    body.woocommerce-account {
        overflow-x: hidden;
    }

    body.woocommerce-account .main-page-wrapper,
    body.woocommerce-account .main-page-wrapper .container,
    body.woocommerce-account .main-page-wrapper .content-layout-wrapper,
    body.woocommerce-account .main-page-wrapper .site-content {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
    }

    body.woocommerce-account .main-page-wrapper .site-content .woocommerce {
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(100% - 20px);
        padding: 12px;
        width: auto;
    }

    body.woocommerce-account .main-page-wrapper .site-content .woocommerce-message,
    body.woocommerce-account .main-page-wrapper .site-content .woocommerce-info,
    body.woocommerce-account .main-page-wrapper .site-content .woocommerce-error,
    body.woocommerce-account .main-page-wrapper .site-content .woocommerce-warning,
    body.woocommerce-account .main-page-wrapper .site-content .woocommerce-Message,
    body.woocommerce-account .main-page-wrapper .site-content .wc-block-components-notice-banner {
        font-size: 14px;
        overflow-wrap: anywhere;
        padding-block: 11px !important;
        padding-inline: 48px 14px !important;
        word-break: normal;
    }
}