/*
Theme Name:   Hello Elementor Child
Description:  Custom child theme for complete header control
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* 基础样式确保一致性 */
body {
    font-family: "avenir-next-world", sans-serif;
    line-height: 1.6;
}

/* 固定产品标签区域高度 - 修正版 */
.woocommerce-tabs.wc-tabs-wrapper {
    min-height: 370px;
    height: 370px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.woocommerce-tabs .wc-tabs {
    flex-shrink: 0;
    margin-bottom: 0;
}

/* 标签内容区域容器 */
.woocommerce-Tabs-panel.panel.entry-content.wc-tab {
    flex-grow: 1;
    overflow-y: auto;
    height: calc(100% - 50px);
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 15px;
    margin-top: 0;
    box-sizing: border-box;
}

/* 确保非活动标签页正确隐藏 */
.woocommerce-Tabs-panel.panel.entry-content.wc-tab[style*="display: none"] {
    display: none !important;
}

/* 确保活动标签页正确显示 */
.woocommerce-Tabs-panel.panel.entry-content.wc-tab[style*="display: block"] {
    display: flex !important;
    flex-direction: column;
}

/* 美化滚动条 */
.woocommerce-Tabs-panel.panel.entry-content.wc-tab::-webkit-scrollbar {
    width: 8px;
}

.woocommerce-Tabs-panel.panel.entry-content.wc-tab::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.woocommerce-Tabs-panel.panel.entry-content.wc-tab::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.woocommerce-Tabs-panel.panel.entry-content.wc-tab::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 针对Firefox的滚动条样式 */
.woocommerce-Tabs-panel.panel.entry-content.wc-tab {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}

 
.compact-content {
    line-height: 1.5;
    font-size: 0.95em;
}
/* 紧凑版文本样式
.compact-content p {
    margin-bottom: 0.6em;
    margin-top: 0.4em;
}

.compact-content ul,
.compact-content ol {
    margin-bottom: 0.6em;
    padding-left: 1.2em;
}

.compact-content li {
    margin-bottom: 0.2em;
    line-height: 1.25;
}*/

/*确保自定义you may also like位于单独的一行*/
section.custom-you-may-also-like {
    display: block;
    width: 100%;
    clear: both;
    float: none;
    overflow: hidden;
}

section.related.products,
section.custom-you-may-also-like {
    clear: both;
    width: 100%;
    float: none;
}

/* 可选：添加间距让布局更好看 */
section.related.products {
    margin-bottom: 40px;
}

section.custom-you-may-also-like {
    margin-top: 40px;
    margin-bottom: 80px;
}


/* ===== 产品展示区域样式 ===== */
/* Up-sells 区域 */
.up-sells ul.products,
.custom-you-may-also-like ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 7.25vw !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.up-sells ul.products li.product,
.custom-you-may-also-like ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 图片容器 */
.up-sells ul.products li.product a.woocommerce-loop-product__link,
.custom-you-may-also-like ul.products li.product a.woocommerce-loop-product__link {
    display: block !important;
    text-decoration: none !important;
    width: 100% !important;
    position: relative !important;
    aspect-ratio: 1.5 / 1 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

/* 图片不拉伸 - 统一设置 */
.up-sells ul.products li.product a img,
.custom-you-may-also-like ul.products li.product a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* 标题包装器 */
.up-sells ul.products li.product .product-title-wrapper,
.custom-you-may-also-like ul.products li.product .product-title-wrapper {
    order: 2 !important;
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    padding: 0 5px !important;
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
}

/* 标题样式 */
.up-sells ul.products li.product .woocommerce-loop-product__title,
.custom-you-may-also-like ul.products li.product .woocommerce-loop-product__title {
    color: #000000 !important;
    text-align: center !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    background-color: transparent !important;
}

/* 隐藏价格和按钮 */
.up-sells ul.products li.product .price,
.up-sells ul.products li.product a.button,
.custom-you-may-also-like ul.products li.product .price,
.custom-you-may-also-like ul.products li.product a.button {
    display: none !important;
}

/*h2的字体*/
.upsells.products > h2,
.related.products > h2,
section.custom-you-may-also-like > h2 {
    font-family: "trajan-pro-3", sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
    color: #333 !important;
    transition: all 0.3s ease;
}

/* 响应式设计 - 针对Grid布局调整 */
@media (max-width: 768px) {
    .up-sells ul.products,
    .custom-you-may-also-like ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 4vw !important;
    }
}

@media (max-width: 480px) {
    .up-sells ul.products,
    .custom-you-may-also-like ul.products {
        grid-template-columns: 1fr !important;
        gap: 4vw !important;
    }
}


/* 精准针对 Ultimate Member 页面的样式 - 传统写法 */
/* 简洁版：只针对 Ultimate Member 页面的主要内容 
body.page-id-75 .site-main > *:not(.site-footer):not(#site-footer),
body.page-id-45 .site-main > *:not(.site-footer):not(#site-footer),
body.page-id-46 .site-main > *:not(.site-footer):not(#site-footer),
body.page-id-47 .site-main > *:not(.site-footer):not(#site-footer),
body.page-id-50 .site-main > *:not(.site-footer):not(#site-footer),
body.page-id-51 .site-main > *:not(.site-footer):not(#site-footer) {
    padding-left: 3.75vw !important;
    padding-right: 3.75vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}*/
/* 精准针对 Ultimate Member 页面的样式 - 修正版 */

/* 1. 布局设置 - 确保不影响footer */
body.page-id-73 .site-main,
body.page-id-75 .site-main,
body.page-id-45 .site-main,
body.page-id-46 .site-main,
body.page-id-47 .site-main,
body.page-id-50 .site-main,
body.page-id-51 .site-main {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 2. 页面标题和内容的内边距 */
body.page-id-73 .page-header,
body.page-id-75 .page-header,
body.page-id-45 .page-header,
body.page-id-46 .page-header,
body.page-id-47 .page-header,
body.page-id-50 .page-header,
body.page-id-51 .page-header,
body.page-id-73 .page-content,
body.page-id-75 .page-content,
body.page-id-45 .page-content,
body.page-id-46 .page-content,
body.page-id-47 .page-content,
body.page-id-50 .page-content,
body.page-id-51 .page-content {
    /* padding-left: 3.75vw !important;
    padding-right: 3.75vw !important; */
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 !important;
}

/* 保留 container-type，但调整边距 */
body.page-id-73 .wp-block-woocommerce-cart {
    margin-left: 3.75vw !important;
    margin-right: 3.75vw !important;
    width: auto !important; /* 覆盖 width: 100% */
    max-width: calc(100% - 7.5vw) !important;
}

/* 3. 页面内容额外设置 */
body.page-id-73 .page-content,
body.page-id-75 .page-content,
body.page-id-45 .page-content,
body.page-id-46 .page-content,
body.page-id-47 .page-content,
body.page-id-50 .page-content,
body.page-id-51 .page-content {
    margin-top: 3vh !important;
    text-align: center !important;
}

/* 4. 页面标题样式（合并重复规则） */
body.page-id-269 .page-header .entry-title,
body.page-id-25 .page-header .entry-title,
body.page-id-3 .page-header .entry-title {
    color: #333 !important;
    font-family: "trajan-pro-3", sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

body.page-id-73 .page-header .entry-title,
body.page-id-75 .page-header .entry-title,
body.page-id-45 .page-header .entry-title,
body.page-id-46 .page-header .entry-title,
body.page-id-47 .page-header .entry-title,
body.page-id-50 .page-header .entry-title,
body.page-id-51 .page-header .entry-title {
    text-align: center !important;
    color: #333 !important;
    font-family: "trajan-pro-3", sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: block !important;
    padding: 8px 0px;
}

/* 5. 表单容器居中（合并重复规则） */
body.page-id-73 .um,
body.page-id-75 .um,
body.page-id-45 .um,
body.page-id-46 .um,
body.page-id-47 .um,
body.page-id-50 .um,
body.page-id-51 .um {
    max-width: 450px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 5.1 为页面46、47、51设置表单字体为avenir-next-world */
body.page-id-46 .um,
body.page-id-47 .um,
body.page-id-50 .um,
body.page-id-51 .um {
    font-family: "avenir-next-world", sans-serif !important;
}

/* 确保表单内所有文本元素都使用avenir-next-world字体 */
body.page-id-46 .um *,
body.page-id-47 .um *,
body.page-id-50 .um,
body.page-id-51 .um * {
    font-family: "avenir-next-world", sans-serif !important;
}

/* 但保持按钮和输入框的特殊样式 */
body.page-id-46 .um-button,
body.page-id-47 .um-button,
body.page-id-50 .um-button,
body.page-id-51 .um-button{
    font-family: "trajan-pro-3", sans-serif !important;
}
body.page-id-46 .um-alt,
body.page-id-47 .um-alt,
body.page-id-50 .um-alt,
body.page-id-51 .um-alt {
    font-family: "avenir-next-world", sans-serif !important;
}

body.page-id-46 .um-form input,
body.page-id-47 .um-form input,
body.page-id-50 .um-form input,
body.page-id-51 .um-form input {
    font-family: "avenir-next-world", sans-serif !important;
}

/* 6. 超链接全部黑色 */
body.page-id-73 .entry-content a,
body.page-id-45 .entry-content a,
body.page-id-51 .entry-content a {
    color: #000000 !important;
}

body.page-id-73 .entry-content a:hover,
body.page-id-45 .entry-content a:hover,
body.page-id-51 .entry-content a:hover {
    color: #333333 !important;
    text-decoration: underline !important;
}

/* 7. 按钮全部黑底白字 */
body.page-id-73 .entry-content .um-button,
body.page-id-45 .entry-content .um-button,
body.page-id-51 .entry-content .um-button,
body.page-id-73 .entry-content .um-alt,
body.page-id-45 .entry-content .um-alt,
body.page-id-51 .entry-content .um-alt {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

body.page-id-73 .entry-content .um-button:hover,
body.page-id-45 .entry-content .um-button:hover,
body.page-id-51 .entry-content .um-button:hover,
body.page-id-73 .entry-content .um-alt:hover,
body.page-id-45 .entry-content .um-alt:hover,
body.page-id-51 .entry-content .um-alt:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* 8. 输入框样式优化 */
body.page-id-45 .um-form input[type="text"],
body.page-id-45 .um-form input[type="password"],
body.page-id-45 .um-form input[type="email"],
body.page-id-46 .um-form input[type="text"],
body.page-id-46 .um-form input[type="password"],
body.page-id-46 .um-form input[type="email"],
body.page-id-47 .um-form input[type="text"],
body.page-id-47 .um-form input[type="password"],
body.page-id-47 .um-form input[type="email"],
body.page-id-50 .um-form input[type="text"],
body.page-id-50 .um-form input[type="password"],
body.page-id-50 .um-form input[type="email"],
body.page-id-51 .um-form input[type="text"],
body.page-id-51 .um-form input[type="password"],
body.page-id-51 .um-form input[type="email"] {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 9. 确保标签也居中 */
body.page-id-73 .um-field-label,
body.page-id-45 .um-field-label,
body.page-id-46 .um-field-label,
body.page-id-47 .um-field-label,
body.page-id-50 .um-field-label,
body.page-id-51 .um-field-label {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* 购物车商品链接 - 黑色 */
body.page-id-73 .wc-block-components-product-name,
body.page-id-73 .wc-block-cart-item__remove-link {
    color: #000000 !important;
}

body.page-id-73 .wc-block-components-product-name:hover,
body.page-id-73 .wc-block-cart-item__remove-link:hover {
    color: #333333 !important;
    text-decoration: underline !important;
}

/* 所有按钮 - 黑底白字 */
body.page-id-73 .wc-block-components-button,
body.page-id-73 .wc-block-cart__submit-button,
body.page-id-73 .button,
body.page-id-73 .um-button,
body.page-id-73 .um-alt,
body.page-id-46 .wc-block-components-button,
body.page-id-46 .wc-block-cart__submit-button,
body.page-id-46 .button,
body.page-id-46 .um-button,
body.page-id-47 .um-button,
body.page-id-50 .um-button,
body.page-id-46 .um-alt  {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

body.page-id-73 .wc-block-components-button:hover,
body.page-id-73 .wc-block-cart__submit-button:hover,
body.page-id-73 .button:hover,
body.page-id-73 .um-button:hover,
body.page-id-73 .um-alt:hover,
body.page-id-46 .wc-block-components-button:hover,
body.page-id-46 .wc-block-cart__submit-button:hover,
body.page-id-46 .button:hover,
body.page-id-46 .um-button:hover,
body.page-id-47 .um-button:hover,
body.page-id-50 .um-button:hover,
body.page-id-46 .um-alt:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

body.page-id-73 .wp-block-woocommerce-cart * {
    font-size: 14px !important;
}

/*隐藏ACCOUNT页面的ico图标
body.page-id-50 .um-account-nav .ico{
    display: none !important;
}*/

body.page-id-50 .um-account-nav a{
    padding-left: 0 !important; /* 移除图标空间 */
}

/*my account是woocommerce插件生成的 id-75 在这里单独处理它的样式*/
/* 账户导航菜单链接 */
.woocommerce-MyAccount-navigation-link a {
    color: #333 !important; /* 改为深灰色 */
}

/* 账户内容区域链接 */
.woocommerce-MyAccount-content a {
    color: #000001 !important; /*  */
}

/* 订单详情链接 */
.woocommerce-orders-table__cell-order-actions a {
    color: #000 !important;
}


/* 问题2：导航菜单字体 */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    font-family: "trajan-pro-3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 500; /* 中等字重 */
    letter-spacing: 0.3px;
}

/* 特定标题字体 */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-family: "trajan-pro-3", sans-serif !important;
}

/* 移除导航列表样式 移除黑点*/
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding-left: 0 !important;
}

/* 移除内容区域列表样式 */
.woocommerce-MyAccount-content ul {
    list-style: none !important;
}

/* 订单表格样式 */
.woocommerce table.my_account_orders {
    border: 1px solid #eee !important;
}

/* 表格标题 */
.woocommerce table.my_account_orders th {
    background-color: #f8f8f8 !important;
    color: #333 !important;
}

/* 表格行 */
.woocommerce table.my_account_orders tr {
    border-bottom: 1px solid #eee !important;
}

/* 按钮列 */
.woocommerce table.my_account_orders .woocommerce-button {
    background-color: #000 !important;
}

/* 方案5：直接针对"没有订单"的消息 */
.woocommerce-MyAccount-content .woocommerce-info {
    border-top-color: #CAAA93 !important;
    background-color: #f7eee4 !important; /* 浅背景 */
}

/* 设置整个"我的账户"内容区域字号 - 左对齐版本 */
.woocommerce-MyAccount-content,
.woocommerce-Addresses,
.woocommerce-Address-title h2,
.woocommerce-Address address {
    font-size: 14px !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    font-style: normal; /* 如果不需要斜体 */
    text-align: left !important; /* 改为左对齐 */
    text-transform: uppercase !important;
}

/* 地址容器整体左对齐 */
.woocommerce-Addresses {
    display: block !important;
    text-align: left !important;
}

/* 每个地址卡片左对齐 */
.woocommerce-Address {
    text-align: left !important;
    margin-bottom: 20px !important;
}

/* 地址标题区域左对齐布局 */
.woocommerce-Address-title {
    display: flex !important;
    justify-content: flex-start !important; /* 改为左对齐 */
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
}

/* 标题左对齐 */
.woocommerce-Address-title h2 {
    text-align: left !important;
    margin: 0 !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

/* 编辑链接左对齐，放在标题旁边 
.woocommerce-Address-title .edit {
    float: none !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 12px !important; 
    letter-spacing: 1px !important;
    text-decoration: underline !important;
}*/

/* 地址内容左对齐 */
.woocommerce-Address address {
    text-align: left !important;
    font-style: normal !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    line-height: 1.6 !important;
}

/* 确保整个内容区域也是左对齐 */
.woocommerce-MyAccount-content {
    text-align: left !important;
}

/* 如果有额外的间距需要调整 */
.u-columns.woocommerce-Addresses {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* 两列布局的左右列都左对齐 */
.u-column1, .u-column2 {
    text-align: left !important;
    align-items: flex-start !important;
}

/* 如果想让链接在标题下面 */
.woocommerce-Address-title {
    display: block !important; /* 改为块级布局 */
    text-align: left !important;
}

.woocommerce-Address-title h2 {
    display: block !important;
    margin-bottom: 5px !important;
}

.woocommerce-Address-title .edit {
    display: inline-block !important;
    margin-top: 5px !important;
}

/* 更改图标颜色 
.woocommerce-info::before {
    color: #CAAA93;
}*/

/* 更改图标大小 
.woocommerce-info::before {
    font-size: 18px;
}*/

/* 使用自定义图标 
.woocommerce-info::before {
    content: url('https://astorare.com/wp-content/uploads/2025/09/logoandn.png');
    width: 20px;  /* 设置宽度 
    height: 20px; /* 设置高度 
    display: inline-block; /* 必须的，伪元素才能应用尺寸 
    vertical-align: middle; /* 垂直对齐 
}*/


/* 图标颜色 #CAAA93 */
.woocommerce-info::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23CAAA93' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E"); */
    background-image: url('https://astorare.com/wp-content/uploads/2025/09/logoandn.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}

/* a.woocommerce-Button.wc-forward.button,
a.woocommerce-Button.wc-forward.button:visited,
a.woocommerce-Button.wc-forward.button:focus {
    background-color: #000;
    color: #fff !important;
    border-color: #000;
}

a.woocommerce-Button.wc-forward.button:hover {
    background-color: #333;
    border-color: #333;
} */