/* ==========================================================================
   一、成哥极客风基础框架：死锁在 WooCommerce 局部容器，放过全局 Body
   ========================================================================== */
.woocommerce-account .woocommerce { 
    background-color: #000000 !important; 
    color: #ffffff !important; 
    border-radius: 8px !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

/* 标题样式：只针对局部生效 */
.woocommerce-account .woocommerce .entry-title, 
.woocommerce-account .woocommerce .page-title, 
.woocommerce-account .woocommerce-MyAccount-content h1, 
.woocommerce-account .woocommerce-MyAccount-content h2, 
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title, 
.woocommerce-account .woocommerce-MyAccount-content fieldset legend, 
.woocommerce-account .woocommerce-EditAccountForm fieldset legend { 
    color: #ffc439 !important; 
    font-weight: 900 !important; 
    text-transform: uppercase !important; 
    border-left: 5px solid #ffc439 !important; 
    padding-left: 15px !important; 
    margin: 25px 0 !important; 
    display: block !important; 
}

/* 隐藏面包屑 */
.woocommerce-breadcrumb { 
    display: none !important; 
}

/* ==========================================================================
   二、登录和注册表单样式（纯局部限制，绝不穿透至网页头部和导航菜单）
   ========================================================================== */
.woocommerce-form-login label, 
.woocommerce-form-register label, 
.woocommerce-EditAccountForm label, 
.woocommerce-MyAccount-content label { 
    color: #ffc439 !important; 
    font-weight: 800 !important; 
    font-size: 14px !important; 
}

/* 输入框 */
.woocommerce-form input.input-text,
.woocommerce-EditAccountForm input.input-text {
    background: #0a0a0a !important;
    border: 1px solid #1a1a1a !important;
    color: #ffffff !important;
    height: 50px !important;
    padding: 0 20px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}
.woocommerce-form input.input-text:focus,
.woocommerce-EditAccountForm input.input-text:focus {
    border-color: #ffc439 !important;
    outline: none !important;
}

/* 按钮 */
.woocommerce-form-login .button, 
.woocommerce-form-register .button,
.woocommerce-account .button { 
    width: 100% !important; 
    padding: 18px 30px !important; 
    font-size: 16px !important; 
    background-color: #ffc439 !important; 
    color: #000000 !important; 
    font-weight: 900 !important; 
    border: none !important; 
    transition: all 0.2s ease !important; 
    text-transform: uppercase !important; 
    letter-spacing: 1px !important; 
    height: auto !important; 
    line-height: 1.2 !important; 
    border-radius: 4px !important; 
    margin-top: 15px !important; 
}
.woocommerce-form-login .button:hover, 
.woocommerce-form-register .button:hover, 
.woocommerce-account .button:hover { 
    opacity: 0.85 !important; 
    color: #000000 !important; 
    background-color: #ffc439 !important; 
}

/* ==========================================================================
   三、Tab 重合卡片模式：卡片式 100% 居中，隐藏非活跃卡片
   ========================================================================== */

/* 强制两列容器在这个模式下合并，并黄金居中 500px 限制 */
.woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 500px !important;
    margin: 40px auto !important;
}

.woocommerce-account:not(.logged-in) .col2-set {
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.woocommerce-account:not(.logged-in) .u-column1,
.woocommerce-account:not(.logged-in) .u-column2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 基于 .woocommerce 的 as-show-register 状态判定卡片显隐 */
.woocommerce.as-show-register .u-column1 {
    display: none !important; /* 注册激活时，隐藏登录列 */
}
.woocommerce:not(.as-show-register) .u-column2 {
    display: none !important; /* 未激活注册时，隐藏注册列 */
}

/* Tab 按钮栏美化 */
.as-nav-tab-wrapper {
    display: flex;
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 30px;
    box-sizing: border-box !important;
}
.as-nav-tab-btn {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.as-nav-tab-btn.active {
    background: #ffc439;
    color: #000000;
}

/* ==========================================================================
   四、已登录后的 Dashboard 菜单美化
   ========================================================================== */
@media (min-width: 769px) { 
    .woocommerce-account.logged-in .woocommerce { 
        display: flex !important; 
        gap: 30px !important; 
        max-width: 1200px !important; /* 登录后拉伸成宽屏 */
        margin: 40px auto !important;
    } 
    .woocommerce-MyAccount-navigation { 
        flex: 1 !important; 
    } 
    .woocommerce-MyAccount-content { 
        flex: 3 !important; 
    } 
}

.woocommerce-MyAccount-navigation ul { 
    list-style: none !important; 
    padding: 0 !important; 
    background: #0a0a0a !important; 
    border: 1px solid #1a1a1a !important; 
}
.woocommerce-MyAccount-navigation ul li { 
    border-bottom: 1px solid #1a1a1a; 
    margin: 0 !important; 
}
.woocommerce-MyAccount-navigation ul li a { 
    color: #ffffff !important; 
    padding: 15px 20px !important; 
    display: block !important; 
    transition: all 0.3s ease !important; 
    text-decoration: none !important; 
}
.woocommerce-MyAccount-navigation ul li a:hover { 
    background-color: #ffc439 !important; 
    color: #000000 !important; 
    padding-left: 30px !important; 
}
.woocommerce-MyAccount-navigation ul li.is-active a { 
    color: #ffc439 !important; 
    border-left: 4px solid #ffc439 !important; 
    background: #111 !important; 
}

/* 表格、单选框、用户头像头部等特制组件 */
.woocommerce-MyAccount-content .shop_table, 
.woocommerce-MyAccount-content .shop_table tr, 
.woocommerce-MyAccount-content .shop_table td, 
.woocommerce-MyAccount-content .shop_table th { 
    background-color: transparent !important; 
    color: #ffc439 !important; 
    border-color: #222 !important; 
}
.woocommerce-MyAccount-content .shop_table a:not(.button) { 
    color: #ffc439 !important; 
    font-weight: bold; 
}
.woocommerce-MyAccount-content .shop_table th { 
    font-weight: 900; 
    text-transform: uppercase; 
    border-bottom: 2px solid #ffc439 !important; 
}
.woocommerce-info, .woocommerce-Message, .woocommerce-message { 
    background-color: #111 !important; 
    color: #ffffff !important; 
    border-top-color: #ffc439 !important; 
}
.woocommerce-MyAccount-content > p, 
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p { 
    display: none !important; 
}

.as-sovereign-rect-radio { 
    appearance: none !important; 
    -webkit-appearance: none !important; 
    -moz-appearance: none !important; 
    width: 18px !important; 
    height: 18px !important; 
    background: #000000 !important; 
    border: 2px solid #ffc439 !important; 
    border-radius: 0px !important; 
    margin: 0 10px 0 0 !important; 
    padding: 0 !important; 
    cursor: pointer; 
    display: inline-block !important; 
    vertical-align: middle; 
    position: relative !important; 
    box-sizing: border-box !important; 
    flex-shrink: 0; 
}
.as-sovereign-rect-radio:checked { 
    background: #ffc439 !important; 
}
.as-sovereign-rect-radio:checked::after { 
    content: "" !important; 
    position: absolute !important; 
    inset: 2px !important; 
    background: #000000 !important; 
    display: block !important; 
}
.as-radio-text { 
    display: inline-block; 
    vertical-align: middle; 
    line-height: 18px; 
}
.as-custom-radio-label:hover .as-sovereign-rect-radio { 
    border-color: #ffffff !important; 
}
.ans-user-header { 
    display: flex; 
    align-items: center; 
    margin-bottom: 30px; 
    padding: 20px; 
    background: #0a0a0a; 
    border: 1px solid #1a1a1a; 
    border-radius: 8px; 
    gap: 30px !important; 
}
.ans-user-avatar img { 
    border-radius: 50%; 
    border: 3px solid #ffc439; 
    width: 80px; 
    height: 80px; 
    object-fit: cover; 
}