.elementor-6511 .elementor-element.elementor-element-203e196{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6511 .elementor-element.elementor-element-64df744{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6511 .elementor-element.elementor-element-d1f73dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6511 .elementor-element.elementor-element-341913a{--spacer-size:100px;}.elementor-6511 .elementor-element.elementor-element-287b5d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6511 .elementor-element.elementor-element-203e196{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6511 .elementor-element.elementor-element-64df744{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6511 .elementor-element.elementor-element-dabf039{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-dabf039 */.AccCss li {
    color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-327fea5-font-family);
    font-size: 4.5vw;
    line-height: 1em;
    padding-bottom: 50px;
    text-transform: uppercase !important; /* 全部大写 */
}

/* 平板 (最大宽度 1024px) */
@media (max-width: 1024px) {
    .AccCss li {
        font-size: 6vw !important;
    }
}

/* 手机 (最大宽度 768px) */
@media (max-width: 768px) {
    .AccCss li {
        font-size: 9vw !important;
    }
}


/* 链接颜色和 li 一样，并且去掉下划线 */
.AccCss li a {
    color: inherit !important;        /* 跟随 li 的颜色 */
    text-decoration: none !important; /* 去掉下划线 */
}

/* hover 时换颜色 */
.AccCss li a:hover,
.AccCss li a:active,
.AccCss li.is-active a {
    color: #878145 !important; /* 直接用 hex 色值 */
    /* 或者用全局变量 */
    /* color: var(--e-global-color-secondary) !important; */
}


.AccCss ul,
.AccCss ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* WooCommerce 整体容器 - 三个屏幕大小都上下排 */
.woocommerce {
    display: flex !important;
    flex-direction: column !important; /* 永远上下排 */
    align-items: center !important;    /* 横向居中 */
    text-align: center !important;     /* 内容文字居中 */
    gap: 20px !important;              /* 上下间距 */
}

/* 导航和内容上下顺序 */
.woocommerce-MyAccount-navigation {
    order: 1 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.woocommerce-MyAccount-content {
    order: 2 !important;
    width: 100% !important;
    max-width: 800px !important; /* 给内容一个最大宽度，更美观 */
    margin: 0 auto;
    float: none !important;
    display: block;
    text-align: center; /* 内容也居中 */
}

/* My Account 导航：改为横排（桌面/平板/手机都一样） */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;     /* 横排 */
    flex-wrap: wrap;         /* 超出自动换行 */
    justify-content: center; /* 居中对齐 */
    gap: 15px;
}

.woocommerce-MyAccount-navigation ul li {
    flex: 1 1 auto;
    text-align: center;
}





    .woocommerce-MyAccount-navigation ul {
        flex-direction: row;       /* 横向排列 */
        flex-wrap: wrap;           /* 超出自动换行 */
        justify-content: center;   /* 居中对齐 */
        gap: 15px;                 /* 横排时的间距 */
    }
    .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 auto;            /* 每个导航项自适应宽度 */
        text-align: center;        /* 链接文字居中 */
    }


*/

/* 默认情况（桌面）去掉 float */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important; /* 不要靠右浮动 */
}

/* 平板和手机时让内容居中 */
@media (max-width: 1024px) { /* 平板及以下 */
    .woocommerce-account .woocommerce-MyAccount-content {
        margin: 0 auto;       /* 水平居中 */
        text-align: center;   /* 内容文本居中（可选） */
        display: block;       /* 确保是块级元素 */
    }
}


/* account content full width */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;   /* 移除浮动 */
    width: 100% !important;   /* 占满父级宽度 */
    max-width: 100% !important; /* 防止被主题限制 */
    margin: 0;                /* 去掉多余边距 */
    display: block;           /* 确保是块级元素 */
}

/* button full width and align center */
.AccCss .button {
    width: 100%; /* 按钮全宽 */
    text-align: center; /* 文字居中 */
}


/* order table full width */
.elementor-6511 .elementor-element.elementor-element-11a0d14.elementor-element {
    align-self: auto !important; /* 或 center、stretch */
    width: 100% !important;
}

a {
    background-color: transparent;
    color: var(--e-global-color-primary) !important; /* 黑色 */
    text-decoration: none;
}

/* view button no background color */
.view {
    background: none !important;   
    background-color: transparent !important;
    border: none !important;
    text-decoration: underline !important; /* 文字下划线 */
    color: inherit; /* 保持原文字颜色 */
}

/* hover 依然透明 + 保持下划线 */
.view:hover {
    background: none !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}


/* order details title font */
.elementor-kit-5 h2 {
    letter-spacing: -0.8px !important;
    text-transform: capitalize !important; /* 首字母大写 */
}


/* WooCommerce 地址部分上下排版 */
.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    display: flex !important;
    flex-direction: column !important; /* 强制上下排列 */
    gap: 20px !important;              /* 两块之间留间距 */
}

/* 两个地址块占满宽度 */
.woocommerce-columns .woocommerce-column {
    width: 100% !important;
}


/* 让 WooCommerce 的订单表格在手机也保持和桌面一样的表格形式 */
.woocommerce table.shop_table_responsive thead {
    display: table-header-group !important; /* 强制表头显示 */
}

.woocommerce table.shop_table_responsive tbody tr td,
.woocommerce table.shop_table_responsive tbody tr th {
    display: table-cell !important; /* 强制单元格保持表格布局 */
    text-align: left !important;   /* 根据需要可以改成居中 */
}

.woocommerce table.shop_table_responsive tbody tr td::before {
    display: none !important; /* 隐藏手机端重复的标题 */
}/* End custom CSS */