/*
 Theme Name:   Storefront Child
 Theme URI:    https://woocommerce.com/storefront/
 Description:  Storefront 子主题 - AWhouse商城专用
 Author:       AWhouse
 Author URI:   https://store.awhouse.art/
 Template:     storefront
 Version:      1.2.0
 Text Domain:  storefront-child
*/


/* ==============================================
    全局基础样式 
============================================== */
html, body,
p, h1, h2, h3, h4, h5, h6,
div, span, a, li, td, th,
input, button, textarea, select {
font-family: "Microsoft YaHei","Helvetica Neue", "helvetica","sans-serif";
}
p {
    font-size: 0.9em;
    line-height: 1.618;
    margin-top: 0;
    margin-bottom: 1.45em;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: .55em;
    font-size: 0.9em;
    font-weight: 600;
}

/* 全局去掉所有链接下划线 */
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none !important;
}
em {
    font-style: normal;
}

/* 移除所有元素聚焦高亮 */
*:focus {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

/* 移除表格空白 */
ul,ol {
    margin: 0 ;
    padding: 0;
}

/* ==============================================
    Head
============================================== */
/* 头部背景 */
.site-header {
    background-color: #f7f7f7;
    margin-bottom: 0 !important;
    padding-top: 1.45em;
}

.site-header-cart .cart-contents,
.site-header .site-search a,
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    padding-top: .55em;
    padding-bottom:.55em;
    line-height: 1;
}

/* 导航底部黑线 */
.storefront-primary-navigation {
    z-index: 1;
    border-bottom: 1px dashed #1e1e1e;
}

/* 菜单靠右 */
.primary-navigation ul {
    display: flex;
    justify-content: flex-end;
}

/* 菜单项 */
.primary-navigation ul li a,
.primary-navigation ul li a {
    margin-bottom: -1px;
    z-index: 9;
    transition: all 0.2s ease;
}
/* 激活项 */
.primary-navigation ul li.current-menu-item a,
.primary-navigation ul li.current_page_item a {
    background: #fff;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top: 1px dashed #1e1e1e;
    border-left: 1px dashed #1e1e1e;
    border-right: 1px dashed #1e1e1e;
}

/* 悬停文字颜色 */
.primary-navigation ul li a:hover {
    color: #1e1e1e;
}

/* ==============================================
    导航条移到底部（手机端）
============================================== */

.site-footer {
    background-color: transparent; 
    color: #999;
}

/* ==============================================
    导航条移到底部（手机端）
============================================== */

.storefront-handheld-footer-bar{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    border-top:1px solid #eee;
    box-shadow:none;
    z-index:9999;
    background:#fff;
}
/*图标*/
.shop > a::before {
    content: "\f54e";
}
.storefront-handheld-footer-bar .cart > a::before {
    content: "\f07a" !important;
}
.storefront-handheld-footer-bar .my-account > a::before {
    content: "\f007" !important;
}

/*图标定位，只占上半部分，不压文字 */
.storefront-handheld-footer-bar ul li>a::before{
    font-family:"Font Awesome 5 Free";
    font-size: 0.9em;
    position:absolute;
    top:2px;
}

/* 文字位置下移，给图标留出空间 */
.storefront-handheld-footer-bar ul li>a{
    height:65px;
    border-right:1px solid #eee;
    font-size:0.9em;
    padding-top:32px; /*文字下移*/
    text-indent:0 !important;
    overflow:visible !important;
    text-decoration:none;
}

/* 购物车角标位置修复，不压图标/文字 */
.storefront-handheld-footer-bar ul li.cart .count{
    width:17px;
    height:17px;
    line-height:17px;
    font-size:11px;
    position:absolute;
    top: 3px;
    left: 53%;
    border-radius:100%;
    border:1px solid #fff;
    background:#131214;
    color:#fff;
    text-align:center;
}

/* 修复顶部空白 */
@media (max-width: 768px) {
  .main-navigation,
  .storefront-primary-navigation {
    display: none;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .site-header {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/* ==============================================
    左右布局
============================================== */
.shop-layout-wrap,
.woocommerce-account .woocommerce {
    display: flex;
    gap: 0.9em;
    align-items: flex-start;
}

/* 左侧边栏宽度 */
.shop-filter-sidebar,
.woocommerce-MyAccount-navigation {
    width: 25% !important;
    margin: 0;
}

/* 右侧内容区 */
.shop-product-content,
.woocommerce-MyAccount-content {
    width: 75% !important;
    float: right ;
	padding-left: 0 ;
	margin-top: .55em ;
}

/* 左侧按钮组垂直排列 */
.filter-buttons,
.woocommerce-MyAccount-navigation ul {
	display: flex ;
	flex-direction: column;
	gap: .55em ;
	margin-top: .55em ;
	margin-bottom: 0 ;
	margin-left:  0 ;
	margin-right: 0 ;
	padding: 0 ;
	border: 0!important;
	list-style: none ;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border: 0!important;
}

/* 按钮项通用 */
.filter-btn,
.woocommerce-MyAccount-navigation li a {
	padding: 6px 2px !important;
	text-align: center;
	font-size: 0.9em;
	color: #999;
	letter-spacing: 0.3px;
	transition: all 0.2s ease;
	min-width: 0;
	border-bottom: 1px solid #b9b9b9!important;
	border-top: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* 图标伪元素 */
.woocommerce-MyAccount-navigation li a::before {
	font-size: 0.8em !important;
	margin: 0 8px 0 0 !important;
	line-height: 1 !important;
}

/* 悬浮+激活 */
.filter-btn:hover,
.filter-btn.active,
.filter-btn:active,
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover::before,
.woocommerce-MyAccount-navigation li.is-active a::before {
    color: #282828 !important;
}

/* ==============================================
    商品列表页面单品卡片
============================================== */
.loop-product-card {
    display: flex;
    gap: .55em;
    padding: .55em;
    border: 0px solid #b9b9b9;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    align-items: stretch; /* 让右侧高度撑满 */
}

/* 图片 */
.loop-product-img {
    flex: 0 0 100px;
    max-width: 100px;
}
.loop-product-img img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
}

/* 右侧整体（关键布局） */
.loop-product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 让价格自动挤到底部 */
}

/* 标题 + 描述 区域 */
.loop-product-top {
    margin-bottom: .55em;
}

/* 标题 */
.loop-product-title a {
    margin: 0 0 0px 0;
    font-size: 0.9em;
    letter-spacing: -0.3px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #282828;
}
/* 短描述 */
.loop-product-desc {
    font-size: .55em;
    letter-spacing: -0.3px;
    color: #999;
    line-height: 1.6;
}

/* 价格（永远靠下） */
.loop-product-price {
    font-size: 0.9em;
    font-weight: 900;
    color: #282828;
    margin-top: auto; /* 关键：强制靠下 */
}

/* 购物车按钮 */
.loop-add-to-cart {
    position: absolute;
    bottom: .55em;
    right: .55em;
}
/* 正常按钮 */
.icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    border-radius: 100%;
    background: #131214;
    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

/* 无库存 → 灰色按钮 */
.icon-btn-disabled {
    background: #b9b9b9 !important;
    color: #fff !important;
    cursor: default !important;
    pointer-events: none; /* 禁止点击 */
}


/* ==============================================
    我的账户页面 - 隐藏元素
============================================== */
.woocommerce-account .entry-title,
.woocommerce-account .page-title,
.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-notice,
.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}


/*图标修改*/

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f007"; /* th-large */
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f46d"; /* clipboard-list */
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5"; /* map-marker-alt */
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f009"; /* user */
}

.xh-regbox{
    padding: 1px .55em 1.45em .55em!important;
    background-color: #f7f7f7;
    border-radius: .55em;
    margin-bottom: .55em;
    margin-top: .55em;
}

.xh-form-header{
    padding: .55em 1.45em;
    color: #282828;
    font-size: 0.95em;
}

.xh-form {
    padding:.55em!important;
    background:#fff; 
    border-radius:1px; 
    margin:0!important;
}
.xh_social_box{
    padding: .55em 1em;
    margin-top: 0px!important;
}

.xh-text{
    font-size: 0.9em;
}

.xh-social-item{
    zoom:0.7;
}

.xh-regbox .xh-btn-primary,.xh-btn-primary {
    color: #fff;
    background-color: #009a61;
    border-color: #008151;
}

.xh-regbox .xh-btn-warning,.xh-btn-warning {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
    font-weight: 600;
    font-size: .55em;
    padding:2px 6px;
}


.my-edit{
    padding: 3px .55em 1.45em .55em;
    background-color: #f7f7f7;
    border-radius: .55em;
    margin-bottom: .55em;
}





/* ==============================================
    我的账户 - 内容区
============================================== */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    padding: .55em 1.45em;
    color: #282828;
    font-size: 0.9em;
}
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content td,
.woocommerce-MyAccount-content th {
    color: #555;
    font-size: 0.7em;
    line-height: 2.0;
}

/* 表单输入框 */
.woocommerce-account .input-text  {
    padding: .6180469716em;
    background-color:#fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
}
.woocommerce-account .input-text:focus {
    border-color: #555;
}

/* 地址列表页样式统一 */
.woocommerce-Addresses address {
    font-style: normal;
    line-height: 1.8;
    margin-bottom: 0.9em;
}
.woocommerce-Address-title h2 {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.9em !important;
}
.woocommerce-Address {
    margin-bottom: 0;
}

/* 地址编辑页表单排版优化 */
.woocommerce-address-fields__field-wrapper .form-row {
    margin-bottom: 0.8em !important;
}
.woocommerce-address-fields__field-wrapper label {
    font-size: 0.7em;
    color: #555;
    display: block;
    margin-bottom: 3px;
}
.woocommerce-address-fields button.button {
    padding: 6px 14px !important;
    font-size: 0.7em !important;
}

/* ==============================================
    地址选择器 - 统一风格
============================================== */
.select2-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
    font-size: 0.7em !important;
}

/* 下拉框外观 */
.select2-container .select2-selection--single {
    height: auto !important;
    min-height: 34px;
    padding: 5px 8px;
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    box-sizing: border-box;
}

/* 选中文字 */
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    line-height: 22px;
    color: #555;
}

/* 下拉箭头 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-width: 5px 4px 0 4px;
}

/* 下拉展开时箭头朝上 */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

/* 下拉面板 */
.select2-dropdown {
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    box-shadow: none;
    z-index: 9999;
}

/* 下拉选项 */
.select2-results__option {
    padding: 6px 8px;
    font-size: 0.7em;
    color: #555;
}

/* 鼠标悬浮/选中 */
.select2-results__option--highlighted {
    background: #f0f0f0 !important;
    color: #111 !important;
}

/* 选中状态 */
.select2-results__option[aria-selected="true"] {
    background: #f8f8f8;
    color: #111;
}

/* 搜索框 */
.select2-search--dropdown .select2-search__field {
    padding: 6px;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    font-size: 0.7em;
}


/* ======================================
  单个产品页头部图片与信息布局
====================================== */
.single-product-flex {
  display: flex;
  gap: 1.45em;
  margin: 1.45em auto;
  border-bottom: 1px dashed #1e1e1e;
  padding-bottom: 1.45em;
}

/* 手机端：自动变成 上图下文（原生响应式）*/
@media (max-width: 768px) {
    .single-product-flex {
        flex-direction: column !important;
        gap: 1.45em; 
    }
    .single-product div.product .woocommerce-product-gallery {
        margin-right: 0 !important;    }
    .product-gallery,
    .product-summary {
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 左侧产品图 */
.product-gallery {
  flex: 1 1 40%;
  min-width: 360px;
  max-width: 40%;
}

/* 图库容器与产品图 */
.product-gallery .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0;
}
.product-gallery img,
.product-gallery .woocommerce-product-gallery img {
  width: 100% !important;
  height: auto !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: .55em;
}
.single-product div.product .images,.single-product div.product .summary,.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0em;
}

/* 缩略图*/
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    margin-bottom: .55em;
    margin-right: .55em;
    cursor: pointer;
    width: 60px!important;
    float: left;
    
}

/* 信息区设置flex垂直布局，两端对齐 */
.product-summary {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 100% !important;
  width:100%;
}

/* 标题样式 */
.product-title {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: .55em;
  color: #282828;
}

/* 价格样式 */
.single-product div.product p.price {
  font-size: 1.3em;
  font-weight: 300;
  color: #131214;
  margin-top: 0;
  margin-bottom: .55em;
}

/* 发货与运费 */
.product-shipping {
    font-size: 0.9em;
    color: #9f9f9f;
    line-height: 1.5;
    margin-bottom: .55em;
}
.product-shipping p {
    margin: 0 0 5px;
}

/* 让加购区自动顶到底部（通用） */
.product-cart {    
    margin-top: auto ;
    padding-top: 0 ;
    clear: both;
}
/* 可选商品嵌套容器 */
.single-product div.product form.cart.variations_form {
  display: flex ;
  flex-direction: column ;
}
.single-product div.product form.cart.variations_form .single_variation_wrap {
    display: flex ;
    flex-direction: column;
    gap: .55em ;
    width: 100%;
}
.woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    padding-top: 0!important;
}
/* 可选商品 */
.single-product div.product table.variations th,.single-product div.product table.variations td {
    font-size: 0.9em;
}

/* 隐藏清除按钮  */
.single-product div.product table.variations .reset_variations {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*  下拉选择框样式优化 + 箭头居中 */
.single-product div.product table.variations select {
    width: 100% ;
    max-width: 100% ;
    padding: 12px 40px 12px 16px;
    font-size: 0.9em;
    height: 42px;
    border: 1px solid #282828;
    border-radius: 3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important; /* 箭头位置：右16px，垂直居中 */
    background-size: 16px 16px !important;
    appearance: none !important; /* 隐藏原生箭头 */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    transition: border-color 0.2s ease !important;
    cursor: pointer !important;
}

/* 聚焦/hover 状态优化 */
.single-product div.product table.variations select:hover {
  border-color: #999 !important;
}
.single-product div.product table.variations select:focus {
  border-color: #666 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
}

/* 单个商品 */
.single-product div.product form.cart {
    margin-bottom: 0;
    padding: 0;
    display: flex ;
    flex-wrap: nowrap ;
    align-items: center ;
    gap: 0 !important; 
    justify-content: flex-end; /* 全部靠右 */
    width: 100%;
}

/* 库存 */
.stock.in-stock,
.stock.out-of-stock{
    color: #282828
}


/* 加购数量 */
.single-product div.product form.cart .quantity {
    margin-right: .55em;
    align-items: center;
    flex: 1;
}

.quantity .qty {
    font-size: 0.9em;
    font-weight: 600;
    width: 100%;
    min-width: 42px;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
    border: 1px solid #282828;
    border-radius: 3px;
    box-shadow: none;
    text-align: center; 
}

.quantity .qty:focus {
    background-color: #fff;
}

/* 加购按钮 */
.single_add_to_cart_button.alt{
    font-size: 0.9em;
    font-weight: 400;
    color: #fff;
    height: 42px;
    line-height: 42px;
    padding: 0 1.45em;
    white-space: nowrap;
}

.single_add_to_cart_button.alt:hover{
    color: #282828;
    background: #eee;
}
.single_add_to_cart_button.alt{
    border-radius: 9px;
    border-color: #131214;
    background: #131214;
}

/* ======================================
  商品详情 + 评价（瀑布流）
====================================== */
.product-detail,
.product-reviews {
  max-width: 1200px;
  margin:0 0;
  width: 100%;
  padding: .55em 0;
  box-sizing: border-box;
  border-bottom: 1px dashed #1e1e1e;
  
}

.comment_container,
.comment_container.children{
  display: flex; 
  align-items: flex-start; /* 头像和文字顶部对齐 */
  gap: 0; /* 头像和文字之间的间距 */
}

#reviews .commentlist li .avatar,
#reviews .commentlist li ul.children .avatar{
  width: 40px;
  height: 40px;
  object-fit: cover; /* 头像不变形 */
  flex-shrink: 0; /* 头像不被挤压变形 */
  margin-right: .55em;
}

#reviews .commentlist li .comment_container .comment-text {
  flex: 1; /* 自动占满剩余宽度 */
}

.woocommerce-Reviews-title {
  font-size: 0.9em;
  margin-bottom: 1.45em;
  color: #282828;
}

/* ==============================================
    购物车与结算页面
============================================== */
/* 购物页面-表头*/
table.wc-block-cart-items .wc-block-cart-items__header th{
    font-size: 0.9em;
    font-weight: 600;
    color: #282828;
    padding: 20px;
}
.wc-block-cart .wc-block-cart__totals-title{
    font-size: 0.9em;
    font-weight: 600;
    color: #282828;
    padding: 20px 0;
}
/* 购物页面-总计*/
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 0.9em;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.45em;
    font-weight: 600;
    color:  #131214;
}
/* 购物页面-按钮*/
.wc-block-components-button:not(.is-link) {
    background-color:  #131214;
    border-radius: 5px;
    color: #fff;
}

.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus,
.wc-block-components-button:not(.is-link):active {
	background-color: #fff;
	color: #131214;
	border: 2px solid #131214;
}


/* 下单页面 */
.wc-block-components-title.wc-block-components-title {
    font-size: 0.9em;
    font-weight: 600;
    color: #282828;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    font-size: 0.9em;
    font-weight: 600;
    color: #282828;
}


/* 付款页面 */
ul.order_details li strong {
    font-size: 0.9em;
}
.woocommerce-checkout .woocommerce-Price-amount.amount {
    color: #131214 !important;
}
/* ==============================================
    提示
============================================== */
/* 扁平清新 · WooCommerce 通知 */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-notice {
    padding: 14px 18px !important;
    margin: 0 0 18px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border: none !important;
    background: #f8f9fa !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* 关闭按钮 */
.woocommerce-message__dismiss,
.woocommerce-error__dismiss,
.woocommerce-info__dismiss,
.woocommerce-notice__dismiss {
    margin-left: auto !important;
    background: none !important;
    border: none !important;
    font-size: 16px !important;
    opacity: 0.6 !important;
    cursor: pointer !important;
}

/* 成功通知 */
.woocommerce-message {
    background-color: #E6F7EF !important;
    color: #0C854E !important;
    border-left: 3px solid #2ECC71 !important;
}

/* 信息通知 */
.woocommerce-info {
    background-color: #E6F4FF !important;
    color: #1E6BD6 !important;
    border-left: 3px solid #3498DB !important;
}

/* 错误通知 */
.woocommerce-error {
    background-color: #FDEAEA !important;
    color: #D63030 !important;
    border-left: 3px solid #E74C3C !important;
}

/* 订单成功 */
.woocommerce-notice--success {
    background-color: #E6F7EF !important;
    color: #0C854E !important;
    border-left: 3px solid #2ECC71 !important;
}

/* 通知内按钮 */
.woocommerce-message a.button,
.woocommerce-info a.button {
    background: none !important;
    border: 1px solid currentColor !important;
    color: inherit !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    margin-left: 10px !important;
}

/* 移动端 */
@media (max-width: 768px) {
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
}

/* ==============================================
    我的订单
============================================== */

/* 订单卡片容器样式 */
.woocommerce-orders-container {
    display: grid;
    grid-gap: 0.55em;
    margin-top: 0.55em;
}

/* 单个订单卡片样式 */
.woocommerce-order-card {
    border-radius: 6px;
    padding: 0.9em 1.45em;
    background-color: #f7f7f7;
}

/* 卡片头部：订单号和状态 */
.order-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.55em;
    padding-bottom: 0.55em;
    border-bottom: 1px solid #ededed;
}

.order-number a {
    font-size: 0.9em;
    font-weight: 600;
    color: #282828;
    text-decoration: none;
}

.order-status {
    padding: 1px 10px;
    border-radius: 4px;
    font-size: 0.45em;
    font-weight: 500;
    text-transform: capitalize;
}

/* 卡片详情：日期和总计 */
.order-card-details {
    margin-bottom: 1.45em;
}

.order-detail-row {
    display: flex;
    margin-bottom: 0.55em;
}

.detail-label {
    font-size: 0.9em;
    min-width: 80px;
    font-weight: 400;
    margin-right: 0.55em;
}

.detail-value {
    flex: 1;
    font-size: 0.9em;
}

/* 卡片操作按钮区域 */
.order-card-actions {
    display: flex;
    gap: 0.55em;
    flex-wrap: wrap;
}

.woocommerce-button.button{
    font-size: 0.45em;
    padding: 2px 12px;
    background-color: #fff;
    color: #777;
    border-radius: 4px;
    border: 1px solid #282828;
}

/* 订单状态颜色样式 */
.woocommerce-order-card--status-processing .order-status,
.woocommerce-order-card--status-pending .order-status {
    background-color: #fff3cd;
    color: #856404;
}

.woocommerce-order-card--status-completed .order-status {
    background-color: #d4edda;
    color: #155724;
}

.woocommerce-order-card--status-cancelled .order-status {
    background-color: #f8d7da;
    color: #721c24;
}