/*
 Theme Name: Astra Child
 Theme URI: https://example.com/astra-child
 Description: Astra 的子主题
 Author: Eva
 Author URI: https://example.com
 Template: astra
 Version: 1.0
*/

/* 这里添加自定义的 CSS */

/*暂时的*/
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{
    background-color: #AAABAB !important;
    cursor: not-allowed !important;
}

button.single_add_to_cart_button.disabled {
     background-color: #AAABAB !important; /* 灰色背景 */
    cursor: not-allowed;    /* 禁用时的光标 */
}

.ast-on-card-button{
    opacity:0 !important;
}

.ast-header-break-point .main-header-menu{
    background-color: #f9f9f900 !important;
}


/** 对部分产品添加图标 0730 **/
ul.products li.product {
  position: relative; /* 容器相对定位 */
}
.product-icon {
  position: absolute;
  top: 20px;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 10;
}
.product-icon img {
  display: block;
  width: 100%;
  height: auto;
}

/** 注册页面的样式 **/
/* 1. 每一行注册字段作为定位容器，并预留左侧空间 */
form.woocommerce-form.woocommerce-form-register.register p.woocommerce-form-row {
    position: relative;
    padding-left: 18px;  /* 给左边的 * 留出空间，可按需要微调 */
}

/* 2. 在每行的最左边画一颗红色星号 */
form.woocommerce-form.woocommerce-form-register.register p.woocommerce-form-row::before {
    content: "*";
    color: #ff0000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;      /* 星号大小，可调整 */
    line-height: 1;
}

/* 3. 把 label 里原来的星号隐藏，避免重复显示 */
form.woocommerce-form.woocommerce-form-register.register p.woocommerce-form-row label .required {
    display: none !important;
}

form.woocommerce-form.woocommerce-form-register.register p.woocommerce-form-row label{
    opacity:1;
} 

/* 4. 提交按钮这一行不显示左侧红色 * */
form.woocommerce-form.woocommerce-form-register.register
p.woocommerce-form-row.ast-animate-input::before {
    content: none !important;
}

/** 隐私政策文案 **/
.woocommerce .col2-set .woocommerce-privacy-policy-text{
  margin-top:35px;
}

/* ===== 登录表单：给用户名 / 密码行左侧加红色 * ===== */
/* 1. 登录表单里，每一行宽版字段作为定位容器，并预留左侧空间 */
form.woocommerce-form-login.login p.woocommerce-form-row--wide {
    position: relative;
    padding-left: 18px;   /* 和注册表单保持一致 */
}

/* 2. 在这些行的最左边画一颗红色星号 */
form.woocommerce-form-login.login p.woocommerce-form-row--wide::before {
    content: "*";
    color: #ff0000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
}

/* 3. 隐藏 label 里原来的 <span class="required">*</span>，避免重复 */
form.woocommerce-form-login.login p.woocommerce-form-row--wide label .required {
    display: none !important;
}

/* 4. 确保 label 本身是可见的 */
form.woocommerce-form-login.login p.woocommerce-form-row--wide label {
    opacity: 1;
}


/* Classic Checkout：支付宝 icon 样式 */
#payment .wc_payment_method.payment_method_tbg_alipay_mainland > label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* 只影响该网关的 icon */
#payment .wc_payment_method.payment_method_tbg_alipay_mainland > label img {
    height: 20px;
    width: auto;
    max-width: 120px;      /* 防止图太宽 */
    display: inline-block;
    vertical-align: middle;
}


/* 经典结账：logo 放在标题前 + 对齐 */
#payment .payment_method_tbg_alipay_mainland > label .tbg-alipay-title{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

#payment .payment_method_tbg_alipay_mainland > label .tbg-alipay-icon{
    height:30px;
    width:auto;
    display:inline-block;
}