/* Mintanshan - WooCommerce 我的帳號 / 我的訂單 品牌化樣式 v0.4.1 */

:root {
    --mscu-account-brown: #6b3f2c;
    --mscu-account-brown-dark: #542f22;
    --mscu-account-red: #b94f49;
    --mscu-account-red-dark: #963f3b;
    --mscu-account-cream: #fbf7f2;
    --mscu-account-cream-2: #f5ece4;
    --mscu-account-border: #eadbd0;
    --mscu-account-text: #554740;
    --mscu-account-muted: #85756b;
    --mscu-account-white: #fffdfb;
}

/* 頁面整體 */
body.woocommerce-account .site-main,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content {
    background: var(--mscu-account-cream);
}

body.woocommerce-account .entry-content > .woocommerce,
body.woocommerce-account .woocommerce {
    box-sizing: border-box;
}

body.woocommerce-account .entry-content > .woocommerce {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 28px;
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto 52px;
    padding: 0;
    align-items: start;
}

/* 頁面主標題 */
body.woocommerce-account .entry-title,
body.woocommerce-account h1 {
    color: var(--mscu-account-brown);
    font-weight: 800;
    letter-spacing: .02em;
}

/* 左側會員選單 */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: auto;
    float: none;
    margin: 0;
    padding: 16px;
    background: var(--mscu-account-white);
    border: 1px solid var(--mscu-account-border);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(84, 47, 34, .07);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    margin-bottom: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li::marker,
body.woocommerce-account .woocommerce-MyAccount-navigation li::before {
    display: none !important;
    content: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 11px 14px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: var(--mscu-account-brown) !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: var(--mscu-account-cream-2);
    border-color: var(--mscu-account-border);
    color: var(--mscu-account-red-dark) !important;
    transform: translateX(2px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--mscu-account-brown);
    border-color: var(--mscu-account-brown);
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(84, 47, 34, .16);
}

/* 右側內容卡片 */
body.woocommerce-account .woocommerce-MyAccount-content {
    width: auto;
    float: none;
    min-width: 0;
    margin: 0;
    padding: 28px 30px;
    box-sizing: border-box;
    background: var(--mscu-account-white);
    border: 1px solid var(--mscu-account-border);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(84, 47, 34, .07);
    color: var(--mscu-account-text);
}

body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content li,
body.woocommerce-account .woocommerce-MyAccount-content address {
    color: var(--mscu-account-text);
    line-height: 1.75;
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content h4 {
    color: var(--mscu-account-brown);
    font-weight: 800;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
    color: var(--mscu-account-red);
    font-weight: 700;
    text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
    color: var(--mscu-account-red-dark);
    text-decoration: underline;
}

/* WooCommerce 提示訊息 */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
    margin: 0 0 22px;
    padding: 16px 18px 16px 52px;
    border: 1px solid #ead4c6;
    border-top: 1px solid #ead4c6;
    border-radius: 13px;
    background: #f8eee6;
    color: var(--mscu-account-brown);
    box-shadow: none;
}

body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before {
    color: var(--mscu-account-red);
}

/* 我的訂單表格 */
body.woocommerce-account table.shop_table,
body.woocommerce-account table.my_account_orders,
body.woocommerce-account table.woocommerce-MyAccount-orders {
    width: 100%;
    margin: 0;
    border: 1px solid var(--mscu-account-border) !important;
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

body.woocommerce-account table.shop_table thead th,
body.woocommerce-account table.my_account_orders thead th,
body.woocommerce-account table.woocommerce-MyAccount-orders thead th {
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid var(--mscu-account-border);
    background: var(--mscu-account-cream-2);
    color: var(--mscu-account-brown);
    font-size: 14px;
    font-weight: 800;
}

body.woocommerce-account table.shop_table tbody td,
body.woocommerce-account table.my_account_orders tbody td,
body.woocommerce-account table.woocommerce-MyAccount-orders tbody td {
    padding: 15px 16px;
    border: 0;
    border-bottom: 1px solid #f0e6df;
    background: #fff;
    color: var(--mscu-account-text);
    vertical-align: middle;
}

body.woocommerce-account table.shop_table tbody tr:last-child td,
body.woocommerce-account table.my_account_orders tbody tr:last-child td,
body.woocommerce-account table.woocommerce-MyAccount-orders tbody tr:last-child td {
    border-bottom: 0;
}

body.woocommerce-account table.shop_table tbody tr:hover td,
body.woocommerce-account table.my_account_orders tbody tr:hover td,
body.woocommerce-account table.woocommerce-MyAccount-orders tbody tr:hover td {
    background: #fffaf6;
}

/* 按鈕 */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button.button,
body.woocommerce-account .woocommerce-MyAccount-content input.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 17px !important;
    border: 1px solid var(--mscu-account-brown) !important;
    border-radius: 10px !important;
    background: var(--mscu-account-brown) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content input.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover {
    border-color: var(--mscu-account-red-dark) !important;
    background: var(--mscu-account-red-dark) !important;
    color: #fff !important;
}

/* 帳戶 / 地址表單 */
body.woocommerce-account .woocommerce-MyAccount-content label {
    color: var(--mscu-account-brown);
    font-weight: 700;
}

body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content .select2-container .select2-selection {
    min-height: 46px;
    border: 1px solid #dccdc1;
    border-radius: 10px;
    background: #fff;
    color: var(--mscu-account-text);
    box-shadow: none;
}

body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account .woocommerce-MyAccount-content select {
    padding: 10px 12px;
}

body.woocommerce-account .woocommerce-MyAccount-content input:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus {
    outline: none;
    border-color: var(--mscu-account-red);
    box-shadow: 0 0 0 3px rgba(185, 79, 73, .10);
}

/* 地址卡片 */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid var(--mscu-account-border);
    border-radius: 14px;
    background: #fff;
}

body.woocommerce-account .woocommerce-Addresses .title h3 {
    margin-top: 0;
}

/* 手機 / 平板 */
@media (max-width: 900px) {
    body.woocommerce-account .entry-content > .woocommerce {
        grid-template-columns: 1fr;
        gap: 18px;
        width: min(100% - 28px, 760px);
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 10px;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li {
        margin: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation a {
        justify-content: center;
        text-align: center;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 22px 18px;
    }
}

@media (max-width: 600px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr 1fr;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation a {
        min-height: 42px;
        padding: 9px 10px;
        font-size: 14px;
    }

    body.woocommerce-account table.my_account_orders,
    body.woocommerce-account table.woocommerce-MyAccount-orders {
        border: 0 !important;
        background: transparent;
        overflow: visible;
    }

    body.woocommerce-account table.my_account_orders thead,
    body.woocommerce-account table.woocommerce-MyAccount-orders thead {
        display: none;
    }

    body.woocommerce-account table.my_account_orders tbody,
    body.woocommerce-account table.woocommerce-MyAccount-orders tbody,
    body.woocommerce-account table.my_account_orders tr,
    body.woocommerce-account table.woocommerce-MyAccount-orders tr,
    body.woocommerce-account table.my_account_orders td,
    body.woocommerce-account table.woocommerce-MyAccount-orders td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    body.woocommerce-account table.my_account_orders tr,
    body.woocommerce-account table.woocommerce-MyAccount-orders tr {
        margin-bottom: 12px;
        border: 1px solid var(--mscu-account-border);
        border-radius: 13px;
        overflow: hidden;
        background: #fff;
    }

    body.woocommerce-account table.my_account_orders tbody td,
    body.woocommerce-account table.woocommerce-MyAccount-orders tbody td {
        padding: 12px 14px;
        border-bottom: 1px solid #f0e6df;
        text-align: right !important;
    }

    body.woocommerce-account table.my_account_orders tbody td::before,
    body.woocommerce-account table.woocommerce-MyAccount-orders tbody td::before {
        color: var(--mscu-account-brown);
        font-weight: 800;
    }

    body.woocommerce-account table.my_account_orders tbody td:last-child,
    body.woocommerce-account table.woocommerce-MyAccount-orders tbody td:last-child {
        border-bottom: 0;
    }
}