/*
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; }

/* ========== 产品卡片 ========== */
.product-card { display: flex; flex-direction: row; align-items: stretch; gap: 3%; margin-bottom: 3%; overflow: hidden; border-radius: 0 !important; transition: box-shadow 0.2s ease; }
.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-hot-badge {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: translate(-30%, -30%) !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 1 !important;
    min-width: 3.5em !important;
    min-height: 3.5em !important;
    text-transform: none !important;
}
.product-hot-badge span,
.product-hot-badge .wc-block-components-product-sale-badge__text { display: block !important; }
.product-card .onsale,
.product-card .wc-block-components-product-sale-badge:not(.product-hot-badge) { display: none !important; }

/* 内容容器 */
.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: 0 !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); }

/* 分类 - 线框玫红2px + 字玫红 + 无背景 */
.product-category-text { 
    border: 2px solid var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important; 
    font-size: var(--wp--preset--font-size--xxs) !important; 
    text-transform: uppercase; 
    letter-spacing: 0.5px; 
    margin: 0; 
    padding: 0.2em 0.8em !important;
    border-radius: 9999px !important;
    display: inline-block !important;
    width: auto !important;
    background: transparent !important;
}
.product-category-text a { color: var(--wp--preset--color--primary) !important; text-decoration: none !important; }

/* 价格评分行 */
.product-price-rating-row { display: flex; align-items: center; flex-wrap: wrap; gap: 3%; width: 100%; margin: 0; }
.product-card .wp-block-woocommerce-product-price,
.product-card .price { 
    display: flex; 
    align-items: baseline; 
    flex-wrap: wrap; 
    gap: 3%; 
    font-size: clamp(1rem, 2.5vw, 1.2rem) !important; 
    font-weight: 600; 
    color: var(--wp--preset--color--text-dark) !important; 
    background: transparent !important; 
}
.product-card .wp-block-woocommerce-product-price *,
.product-card .price * { background: transparent !important; }
.product-card .wp-block-woocommerce-product-price del,
.product-card .price del { 
    opacity: 0.6; 
    font-size: 0.85em; 
    font-weight: 300 !important; 
    font-style: italic !important; 
    background: transparent !important; 
}
.product-card .wp-block-woocommerce-product-price ins,
.product-card .price ins { 
    text-decoration: none; 
    color: var(--wp--preset--color--primary) !important; 
    font-weight: 700; 
    background: transparent !important; 
}
.product-card .wc-block-components-product-rating__stars span::before { color: #f5a623 !important; }

/* 按钮 */
.product-card .wp-block-button { margin: 0; padding-top: 10% !important; padding-bottom: 5% !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; }
.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; }
.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--bg-form); 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; }
}