/*
Theme Name: Allison Transmissions - Lily B2B Child
Theme URI: https://allison-transmissions.com/
Author: FlyNet LLC
Author URI: https://flynetllc.com/
Description: 基于Twenty Twenty-Five的高性能B2B企业站群子主题，支持极端缓存策略
Template: twentytwentyfive
Version: 1.0.0
License: GPL v2 or later
Text Domain: lily-b2b-child
*/

/* ========== 过渡动画 ========== */
.lily-primary-nav .menu-item > a, .lily-primary-nav .sub-menu .menu-item a, .custom-search-icon, .custom-search-input, .account-icon, .cart-icon-link, .tp-language-earth, .tp-language-dropdown a { transition: all 0.2s ease; }
.lily-primary-nav .sub-menu, .tp-language-dropdown { transition: opacity 0.2s ease, visibility 0.2s ease; }

/* ========== 悬停样式 ========== */
.lily-primary-nav .menu-item > a:hover { color: var(--lily-text-dark) !important; }
.lily-primary-nav .menu-item:hover > .sub-menu { opacity: 1; visibility: visible; }
.lily-primary-nav .sub-menu .menu-item a:hover { background: color-mix(in srgb, var(--lily-primary) 5%, transparent); color: var(--lily-text-dark) !important; }
.custom-search-icon:hover { color: var(--lily-text-dark); outline: none; }
.custom-search-input:focus { border-color: var(--lily-text-dark); background-color: var(--lily-white); }
.account-icon:hover, .cart-icon-link:hover, .tp-language-earth:hover { color: var(--lily-text-dark) !important; }
.cart-icon-link:hover .cart-count { background: var(--lily-text-dark) !important; }
.tp-language-dropdown a:hover { background-color: color-mix(in srgb, var(--lily-primary) 5%, transparent); color: var(--lily-primary); }
.tp-language-switcher-wrapper:hover .tp-language-dropdown { opacity: 1; visibility: visible; }

/* ========== 移动端 ========== */
@media (max-width: 768px) { .lily-primary-nav .menu-item.active > .sub-menu { display: block; } }

/* ========== 无障碍 ========== */
.custom-search-icon:focus-visible, .account-icon:focus-visible, .cart-icon-link:focus-visible, .tp-language-earth:focus-visible { outline: 2px solid var(--lily-primary); outline-offset: 2px; border-radius: 2px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* 隐藏 WooCommerce 自动注入的销售徽章 */
.product-card .onsale,
.product-card .wc-block-components-product-sale-badge {
    display: none !important;
}

/* ========== 产品卡片 ========== */
.product-card { 
    display: flex; 
    flex-direction: row; 
    align-items: stretch; 
    gap: 3%; 
    margin-bottom: 3%; 
    overflow: visible; 
    border-radius: 0 !important; 
    transition: box-shadow 0.2s ease; 
    height: 100%;
}
.product-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }

/* 图片容器 */
.product-image-wrapper { 
    position: relative; 
    flex: 0 0 45%; 
    width: 45%; 
    overflow: visible; 
    border-radius: 0 !important; 
    background: transparent !important; 
    display: flex; 
    align-items: center; 
}
.product-image-wrapper .wp-block-woocommerce-product-image { display: flex; width: 100%; height: 100%; }
.product-image-wrapper .wp-block-woocommerce-product-image a { display: flex; width: 100%; height: 100%; }
.product-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.product-card:hover .product-image-wrapper img { transform: scale(1.03); }

/* 内容容器 */
.product-content-wrapper { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    justify-content: flex-start; 
    gap: 2%; 
    background: transparent !important; 
    padding-top: 2% !important;
    padding-right: 2% !important;
    padding-bottom: 2% !important;
    padding-left: 0 !important;
}
.product-content-wrapper .wp-block-post-title { margin: 0; line-height: 1.3; text-align: left; width: 100%; }
.product-content-wrapper .wp-block-post-title a { font-size: clamp(0.9rem, 2vw, 1rem); font-weight: 600; color: var(--wp--preset--color--text-dark); text-decoration: none; }
.product-content-wrapper .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); }

/* 价格评分行 */
.product-price-rating-row { 
    display: flex; 
    align-items: center; 
    flex-wrap: wrap; 
    gap: 3%; 
    width: 100%; 
    margin: 0; 
    background: transparent !important;
}
.product-price-rating-row * { background: transparent !important; }

/* 价格容器 */
.wc-block-components-product-price,
.wp-block-woocommerce-product-price,
.product-card .price {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-size: clamp(1rem, 2.5vw, 1.2rem) !important;
    font-weight: 600 !important;
    color: var(--wp--preset--color--text-dark) !important;
    background: transparent !important;
}
.wc-block-components-product-price ins,
.wp-block-woocommerce-product-price ins,
.product-card .price ins {
    text-decoration: none !important;
    color: var(--wp--preset--color--primary) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    background: transparent !important;
}
.wc-block-components-product-price del,
.wp-block-woocommerce-product-price del,
.product-card .price del {
    opacity: 0.6 !important;
    font-size: 0.85em !important;
    font-weight: 300 !important;
    font-style: italic !important;
    text-decoration: line-through !important;
    background: transparent !important;
}

/* 隐藏 screen-reader-text */
.wc-block-components-product-price .screen-reader-text,
.wp-block-woocommerce-product-price .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: 0 !important;
}

/* 评分 */
.product-card .wc-block-components-product-rating__stars span::before { color: #f5a623 !important; }

/* 按钮 */
.product-card .wp-block-button { margin: 0; padding: 10% 0 0 0 !important; }
.product-card .wp-block-button__link { padding: 0.5em 1.2em !important; font-size: var(--wp--preset--font-size--small) !important; }

/* ========== 分页 ========== */
.wp-block-query-pagination { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    gap: 3%; 
    margin: 5% 0 3%; 
}
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next { 
    padding: 0.5em 1em; 
    background: transparent; 
    border: 1px solid var(--wp--preset--color--border-light); 
    border-radius: 0; 
    font-size: var(--wp--preset--font-size--small); 
    transition: all 0.2s ease; 
    color: var(--wp--preset--color--text-normal);
    text-decoration: none;
}
.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover { 
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white); 
    border-color: var(--wp--preset--color--primary); 
}
.wp-block-query-pagination .wp-block-query-pagination-numbers { 
    display: flex; 
    gap: 0.5em; 
}
.wp-block-query-pagination .page-numbers { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    min-width: 2.5em; 
    height: 2.5em; 
    padding: 0 0.5em; 
    background: transparent; 
    border: 1px solid var(--wp--preset--color--border-light); 
    border-radius: 0; 
    font-size: var(--wp--preset--font-size--small); 
    text-decoration: none; 
    transition: all 0.2s ease; 
    color: var(--wp--preset--color--text-normal);
}
.wp-block-query-pagination .page-numbers.current { 
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white); 
    border-color: var(--wp--preset--color--primary); 
}
.wp-block-query-pagination .page-numbers:hover:not(.current) { 
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white); 
    border-color: var(--wp--preset--color--primary); 
}

/* ========== 移动端 ========== */
@media (max-width: 768px) {
    .product-card { flex-direction: column; }
    .product-image-wrapper { flex: 0 0 auto; width: 100%; aspect-ratio: 4 / 3; }
    .product-content-wrapper { padding: 3% !important; }
}

/* ========== 产品卡片层次感效果 ========== */
.product-card {
    box-shadow: 
        0 2px 4px 0 var(--wp--preset--color--border-light-soft, #cbd5e1),
        0 4px 8px 0 var(--wp--preset--color--text-light, #666666);
    border-radius: 0 !important;
}

/* 移除图片悬浮缩放效果 */
.product-card:hover .product-image-wrapper img {
    transform: none;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .product-card {
        box-shadow: 
            0 2px 4px 0 var(--wp--preset--color--border-light-soft, #cbd5e1),
            0 3px 6px 0 var(--wp--preset--color--text-light, #666666);
    }
}

/* ========== 产品详情页Tab样式 ========== */

/* 1. Tab导航横排 + 移除项目符号 */
.single-product .woocommerce-tabs ul.wc-tabs {
    display: flex !important;
    flex-direction: row !important;
    gap: 2.5rem !important;
    padding: 0 !important;
    margin: 2rem 0 0 0 !important;
    border-bottom: 2px solid #cbd5e1 !important;
    list-style: none !important;
}

.single-product .woocommerce-tabs ul.wc-tabs::before {
    display: none !important;
}

.single-product .woocommerce-tabs ul.wc-tabs li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.single-product .woocommerce-tabs ul.wc-tabs li::before,
.single-product .woocommerce-tabs ul.wc-tabs li::after {
    display: none !important;
    content: none !important;
}

/* 2. Tab链接经典样式 */
.single-product .woocommerce-tabs ul.wc-tabs li a {
    display: inline-block !important;
    padding: 0.75rem 0.25rem !important;
    text-decoration: none !important;
    color: #666666 !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

.single-product .woocommerce-tabs ul.wc-tabs li a:hover {
    color: #96003C !important;
    border-bottom-color: #cbd5e1 !important;
}

.single-product .woocommerce-tabs ul.wc-tabs li.active a {
    color: #96003C !important;
    border-bottom-color: #96003C !important;
    font-weight: 600 !important;
}

/* 3 & 5. 隐藏面板内默认h2标题（"描述"/"其他信息"） */
.single-product .woocommerce-Tabs-panel > h2 {
    display: none !important;
}

.single-product .woocommerce-Tabs-panel {
    padding: 1.5rem 0 0 0 !important;
}

/* 6 & 7. 属性表格样式 */
.single-product .woocommerce-product-attributes {
    width: 100% !important;
    border-collapse: collapse !important;
}

.single-product .woocommerce-product-attributes th {
    text-align: right !important;
    padding: 0.75rem 1.5% 0.75rem 0 !important;
    font-weight: 500 !important;
    color: #333333 !important;
    border-bottom: 1px solid #cbd5e1 !important;
    width: 30% !important;
    vertical-align: top !important;
}

.single-product .woocommerce-product-attributes td {
    text-align: left !important;
    padding: 0.75rem 0 0.75rem 1.5% !important;
    color: #000000 !important;
    border-bottom: 1px solid #cbd5e1 !important;
    width: 70% !important;
    vertical-align: top !important;
}

.single-product .woocommerce-product-attributes tr:hover {
    background-color: rgba(203, 213, 225, 0.08) !important;
}

/* ========== 删除标号1和标号2：隐藏"描述"和"其他信息"h2标题 ========== */
.single-product .woocommerce-Tabs-panel > h2 {
    display: none !important;
}

/* ========== Tab容器边距 ========== */
.single-product .woocommerce-tabs {
    margin: 5% 0 !important;
}

/* ========== Tab导航美化 ========== */
.single-product .woocommerce-tabs ul.wc-tabs {
    display: flex !important;
    flex-direction: row !important;
    gap: 2% !important;                     /* Tab之间2%间距 */
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 2px solid #cbd5e1 !important;
    list-style: none !important;
}

.single-product .woocommerce-tabs ul.wc-tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    list-style: none !important;
}

.single-product .woocommerce-tabs ul.wc-tabs li::before,
.single-product .woocommerce-tabs ul.wc-tabs li::after {
    display: none !important;
    content: none !important;
}

/* Tab链接 - 正常状态 */
.single-product .woocommerce-tabs ul.wc-tabs li a {
    display: inline-block !important;
    padding: 0.75rem 1.5rem !important;     /* 上下左右内边距一致 */
    text-decoration: none !important;
    color: #4a4a4a !important;
    background-color: transparent !important;
    font-weight: 700 !important;            /* 700线粗 */
    font-size: 1.25rem !important;          /* Large号字体 */
    border: none !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px !important;
    transition: all 0.2s ease !important;
}

/* Tab悬停 - 红底白字 */
.single-product .woocommerce-tabs ul.wc-tabs li a:hover {
    background-color: #96003C !important;
    color: #ffffff !important;
    border-bottom-color: #96003C !important;
    padding: 0.75rem 1.5rem !important;     /* 保持一致内边距 */
}

/* Tab激活状态 - 红底白字 */
.single-product .woocommerce-tabs ul.wc-tabs li.active a {
    background-color: #96003C !important;
    color: #ffffff !important;
    border-bottom-color: #96003C !important;
    font-weight: 700 !important;
    padding: 0.75rem 1.5rem !important;     /* 保持一致内边距 */
}

/* ========== 内容区域 ========== */
.single-product .woocommerce-Tabs-panel {
    padding: 1.5rem 0 0 0 !important;
    text-align: left !important;
}

.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-Tabs-panel p {
    line-height: 1.3 !important;
    text-align: left !important;
}

/* ========== 属性表格样式 ========== */
.single-product .woocommerce-product-attributes {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
    border: none !important;
}

/* 参数名称：左对齐、靠下对齐、normal字体、500线粗 */
.single-product .woocommerce-product-attributes th {
    text-align: left !important;
    padding: 0.25rem 1rem 0.25rem 0 !important;
    font-weight: 500 !important;            /* 500线粗 */
    font-size: 1rem !important;             /* normal字号 */
    color: #333333 !important;
    width: 30% !important;
    vertical-align: baseline !important;
    line-height: 1.4 !important;
}

/* 参数值：左对齐、靠下对齐、normal字体、400线粗、最大宽度6个中文字符 */
.single-product .woocommerce-product-attributes td {
    text-align: left !important;
    padding: 0.25rem 0 0.25rem 0 !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    color: #000000 !important;
    width: 70% !important;
    max-width: 6em !important;              /* 最大宽度6个中文字符 */
    vertical-align: baseline !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
}

/* ========== 相关产品样式 ========== */
.single-product .wp-block-woocommerce-related-products {
    margin: 3rem 0 !important;
}

.single-product .wp-block-woocommerce-related-products h2 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-bottom: 2rem !important;
}

/* 相关产品网格：2列 */
.single-product .wp-block-woocommerce-related-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.single-product .wp-block-woocommerce-related-products ul.products li.product {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 分页导航：左上一页，右下一页 */
.single-product .woocommerce-pagination {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 2rem 0 0 0 !important;
    padding: 1rem 0 !important;
    border-top: 1px solid #cbd5e1 !important;
}

.single-product .woocommerce-pagination .page-numbers {
    display: flex !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.single-product .woocommerce-pagination .prev {
    margin-right: auto !important;
}

.single-product .woocommerce-pagination .next {
    margin-left: auto !important;
}

.single-product .woocommerce-pagination .page-numbers li {
    list-style: none !important;
}

.single-product .woocommerce-pagination .page-numbers a,
.single-product .woocommerce-pagination .page-numbers span {
    display: inline-block !important;
    padding: 0.5rem 1rem !important;
    text-decoration: none !important;
    color: #4a4a4a !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}

.single-product .woocommerce-pagination .page-numbers a:hover {
    background-color: #96003C !important;
    color: #ffffff !important;
    border-color: #96003C !important;
}

.single-product .woocommerce-pagination .page-numbers .current {
    background-color: #96003C !important;
    color: #ffffff !important;
    border-color: #96003C !important;
}