/* 
 Theme Name:   Astra-child
 Theme URI:    https://mudicashmere.com/
 Description:  Astra-child
 Author:       miaonuoshop
 Author URI:   https://mudicashmere.com
 Template:     astra
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* 隐藏作者和日期信息 */
.elementor-post-info,
.post-date,
.post-author {
    display: none !important;
}

/* 隐藏“上一篇”文章导航 */
.elementor-post-navigation,
.post-navigation {
    display: none !important;
}



.related.products h2{
	color:#2c2c2c !important
}




/* 将文章页面背景改为米白色 */
body {
    background-color: #f8f7f5 !important;
}

/* 如果只想修改文章页面，可以更具体地指定 */
.single-post body {
    background-color: #f8f7f5 !important;
}

/* 或者针对文章类型页面 */
.post-type-archive .site, 
.single .site {
    background-color: #f8f7f5 !important;
}




/* 通用居中代码 - 尝试这个 */
.woocommerce-cart .container,
.woocommerce-checkout .container {
    margin: 0 auto !important;
    max-width: 1200px;
    width: 100%;
    float: none;
}

/* 备用方案 */
.woocommerce .site-main,
.woocommerce-page .site-main {
    margin: 0 auto !important;
    max-width: 1200px;
}

/* 如果上面都不行，尝试这个强力方案 */
.woocommerce-cart #primary,
.woocommerce-checkout #primary {
    margin: 0 auto;
    float: none;
}

/* ===== WooCommerce登录页面完整美化（修复注册部分） ===== */

/* 主容器居中与背景 */
.u-columns.col2-set#customer_login {
    margin: 60px auto !important;
    max-width: 1000px !important;
    width: 90% !important;
    display: flex !important;
    gap: 40px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    padding: 50px 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 添加装饰性背景元素 */
.u-columns.col2-set#customer_login::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 100% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    opacity: 0.3 !important;
    z-index: 0 !important;
}

/* 左右列样式 */
.u-column1.col-1, 
.u-column2.col-2 {
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 40px 35px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    flex: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 悬停效果 */
.u-column1.col-1:hover, 
.u-column2.col-2:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
}

/* 标题美化 */
.u-column1.col-1 h2, 
.u-column2.col-2 h2 {
    color: #2d3748 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    position: relative !important;
    padding-bottom: 15px !important;
}

/* 标题下划线效果 */
.u-column1.col-1 h2::after, 
.u-column2.col-2 h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #667eea, #764ba2) !important;
    border-radius: 2px !important;
}

/* ===== WooCommerce 登录注册页面样式优化 ===== */

/* 主容器样式 */
.woocommerce .u-columns.col2-set#customer_login {
    max-width: 1000px !important;
    width: 90% !important;
    margin: 60px auto !important;
    display: flex !important;
    gap: 40px !important;
    background: white !important;
    padding: 50px 40px !important;
    border-radius: 4px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
    position: relative !important;
}

/* 左右列样式 */
.woocommerce .u-column1.col-1, 
.woocommerce .u-column2.col-2 {
    flex: 1 !important;
    padding: 40px 35px !important;
    background: white !important;
    border-radius: 4px !important;
    position: relative !important;
    transition: all 0.4s ease !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* 标题样式 */
.woocommerce .u-column1.col-1 h2, 
.woocommerce .u-column2.col-2 h2 {
    font-size: 24px !important;
    font-weight: 300 !important;
    color: #2c2c2c !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    position: relative !important;
    padding-bottom: 15px !important;
}

/* 标题下划线效果 */
.woocommerce .u-column1.col-1 h2::after, 
.woocommerce .u-column2.col-2 h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 50px !important;
    height: 2px !important;
    background: #b8860b !important;
    border-radius: 1px !important;
}

/* 表单样式 */
.woocommerce-form.woocommerce-form-login,
.woocommerce-form.woocommerce-form-register {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 输入框样式 */
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="password"],
.woocommerce-form-register input[type="email"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: #fafafa !important;
}

.woocommerce-form-login input:focus,
.woocommerce-form-register input:focus {
    border-color: #b8860b !important;
    background: white !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.1) !important;
}

/* 标签样式 */
.woocommerce-form-login label,
.woocommerce-form-register label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 500 !important;
    color: #444 !important;
    font-size: 14px !important;
}

/* 记住我复选框样式 */
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 10px 0 !important;
    cursor: pointer !important;
}

.woocommerce-form-login input[type="checkbox"],
.woocommerce-form-register input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    border: 1px solid #cbd5e0 !important;
    cursor: pointer !important;
    accent-color: #b8860b !important;
}

/* 按钮样式 */
.woocommerce-form-login .button,
.woocommerce-form-register .button {
    width: 100% !important;
    background: #2c2c2c !important;
    color: white !important;
    padding: 12px !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover {
    background: #b8860b !important;
    transform: translateY(-1px) !important;
}

/* 忘记密码链接 */
.woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 20px !important;
}

.woocommerce-LostPassword a {
    color: #666 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: color 0.3s ease !important;
    position: relative !important;
}

.woocommerce-LostPassword a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 0 !important;
    height: 1px !important;
    background: #b8860b !important;
    transition: width 0.3s ease !important;
}

.woocommerce-LostPassword a:hover {
    color: #b8860b !important;
}

.woocommerce-LostPassword a:hover::after {
    width: 100% !important;
}

/* 注册表单描述文字 */
.woocommerce-form-register p:not(.form-row) {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .woocommerce .u-columns.col2-set#customer_login {
        flex-direction: column !important;
        gap: 30px !important;
        padding: 30px 20px !important;
    }
    
    .woocommerce .u-column1.col-1, 
    .woocommerce .u-column2.col-2 {
        padding: 30px 25px !important;
    }
}

/* 加载动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.woocommerce .u-column1.col-1, 
.woocommerce .u-column2.col-2 {
    animation: fadeInUp 0.6s ease-out !important;
}

.woocommerce .u-column2.col-2 {
    animation-delay: 0.2s !important;
}
/*页眉*/
/* ===== Astra主题导航栏优化 - 精确匹配图片样式 ===== */
.site-header {
    transition: all 0.3s ease;
}

/* 桌面端主导航悬停效果 */
.ast-desktop .main-header-menu .menu-item > .menu-link {
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 8px 20px !important;
}

/* 下划线动画 */
.ast-desktop .main-header-menu .menu-item > .menu-link::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(90deg, #d4af37, #b8860b);
    transition: all 0.3s ease;
    transform: translateX(-50%);
    border-radius: 2px;
}

.ast-desktop .main-header-menu .menu-item > .menu-link:hover {
    color: #b8860b !important;
}

.ast-desktop .main-header-menu .menu-item > .menu-link:hover::before {
    width: 70%;
}

/* ===== 下拉菜单优化 - 精确匹配图片样式 ===== */
.ast-desktop .main-header-menu .sub-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    left: 0 !important;
    animation: none !important;
    padding: 0;
    min-width: 180px;
}

.ast-desktop .main-header-menu .menu-item:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    animation: none !important;
}

/* 下拉菜单项优化 */
.ast-desktop .main-header-menu .sub-menu .menu-item {
    margin: 0 !important;
    position: relative;
}

/* 菜单项之间的分割线 - 精确匹配图片 */
.ast-desktop .main-header-menu .sub-menu .menu-item:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
}

.ast-desktop .main-header-menu .sub-menu .menu-item > .menu-link {
    transition: all 0.2s ease;
    padding: 12px 20px !important;
    margin: 0;
    border-radius: 0;
    display: block;
    width: 100%;
    color: #666;
    font-weight: 400;
    border-left: 3px solid transparent;
    position: relative;
}

/* cashmere选项样式 - 精确匹配图片 */
.ast-desktop .main-header-menu .sub-menu .menu-item:first-child > .menu-link {
    background-color: #f8f5f0 !important;
    color: #b8860b !important;
    border-left: 3px solid #d4af37 !important;
}

/* cashmere选项底部金色线条 - 精确匹配图片 */
.ast-desktop .main-header-menu .sub-menu .menu-item:first-child > .menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #d4af37;
}

/* others选项样式 */
.ast-desktop .main-header-menu .sub-menu .menu-item:last-child > .menu-link {
    background-color: transparent !important;
    color: #666 !important;
    border-left: 3px solid transparent !important;
}

/* 普通选项悬停效果 */
.ast-desktop .main-header-menu .sub-menu .menu-item > .menu-link:hover {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #333;
}

/* 防止移动端下拉菜单动画冲突 */
@media (max-width: 768px) {
    .ast-desktop .main-header-menu .sub-menu {
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: none;
        position: static;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.03);
        border: none;
    }
    
    .ast-desktop .main-header-menu .menu-item:hover > .sub-menu {
        transform: none !important;
    }
}

/* 移动端菜单动画 */
.ast-mobile-menu-wrapper .menu-item > .menu-link {
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.ast-mobile-menu-wrapper .menu-item > .menu-link:hover {
    border-left-color: #d4af37;
    padding-left: 25px !important;
}

/* 滚动时导航栏动画 */
.site-header.scrolled {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
/* 将深蓝色改为深灰或黑色 */
.ast-desktop .main-header-menu .menu-item > .menu-link {
    color: #2c2c2c; /* 深灰替代深蓝 */
}