/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ═══ P2: 竞品参考样式 ═══ */
/* === 竞品复刻：绿色足球主题 === */

/* Topbar */
.header-top { font-size: 13px; letter-spacing: 0.5px; }
.header-top .uppercase { font-weight: 700; }

/* Sale Badge 圆形 */
.badge-container .callout.badge_sale,
.onsale { border-radius: 50%; width: 52px; height: 52px; line-height: 52px; font-size: 13px; font-weight: 700; padding: 0; text-align: center; }

/* 产品卡片 */
.product-small .box-image { border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease; }
.product-small:hover .box-image { box-shadow: 0 4px 20px rgba(0,0,0,0.12); }
.product-small .category-label { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; color: #999; margin-bottom: 4px; }
.product-small .product-title { font-size: 14px; font-weight: 600; line-height: 1.4; margin-bottom: 6px; }
.product-small .price del { color: #aaa; font-size: 13px; }
.product-small .price ins { text-decoration: none; font-weight: 700; font-size: 15px; }

/* Wishlist 心形 */
.yith-wcwl-add-to-wishlist { position: absolute; top: 10px; right: 10px; z-index: 3; }
.yith-wcwl-add-to-wishlist a { background: rgba(255,255,255,0.9); border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0,0,0,0.1); transition: all 0.2s; }
.yith-wcwl-add-to-wishlist a:hover { background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }

/* Sidebar 分类 */
.widget_product_categories ul li a { padding: 8px 0; display: block; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #333; transition: color 0.2s; }
.widget_product_categories ul li a:hover { color: var(--primary-color); }

/* Footer */
.footer-wrapper { padding: 50px 0 30px; }
.footer-wrapper .widget-title { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 3px solid rgba(255,255,255,0.3); display: inline-block; }
.footer-wrapper ul li { margin-bottom: 8px; }
.footer-wrapper ul li a { font-size: 14px; color: rgba(255,255,255,0.85); transition: color 0.2s; }
.footer-wrapper ul li a:hover { color: #fff; }

/* 购物车进度条 */
.cart-steps { text-transform: uppercase; font-size: 20px; letter-spacing: 2px; font-weight: 300; color: #ccc; }
.cart-steps .active { color: #333; font-weight: 600; }

/* 按钮统一 */
.button.primary, button.single_add_to_cart_button, .checkout-button { border-radius: 4px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; padding: 14px 28px; transition: all 0.3s; }
.button.primary:hover, button.single_add_to_cart_button:hover { opacity: 0.9; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

/* 搜索框 */
.header-search-form input[type='search'] { border-radius: 4px; border: 2px solid #e0e0e0; padding: 8px 14px; transition: border-color 0.2s; }
.header-search-form input[type='search']:focus { border-color: var(--primary-color); }
.header-search-form .search-submit { border-radius: 0 4px 4px 0; }

/* 浮动联系按钮 */
.floating-contact-btn { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 999; writing-mode: vertical-rl; background: #5b6abf; color: #fff; padding: 16px 10px; border-radius: 8px 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: 1px; cursor: pointer; transition: background 0.2s; text-decoration: none; display: flex; align-items: center; gap: 8px; }
.floating-contact-btn:hover { background: #4a59ae; }
.floating-contact-btn .dashicons { font-size: 18px; }

/* ═══ P2: 移动端适配 ═══ */
/* === 移动端适配 === */
@media (max-width: 849px) {
    /* 导航栏简化 */
    .header-top .nav-top { display: none; }
    .header-top .social-icons { display: none; }
    
    /* 产品网格 2 列 */
    .products .product { margin-bottom: 20px; }
    .product-small .product-title { font-size: 13px; }
    .product-small .price { font-size: 13px; }
    
    /* 分类页顶部筛选按钮 */
    .shop-sidebar { display: none; }
    .category-filtering { text-align: center; margin-bottom: 16px; }
    .category-filtering .filter-button { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
    
    /* 排序下拉全宽 */
    .woocommerce-ordering select { width: 100%; padding: 12px; border-radius: 6px; font-size: 14px; }
    
    /* Footer 单列堆叠 */
    .footer-wrapper .col { margin-bottom: 30px; }
    .footer-wrapper .widget-title { font-size: 15px; margin-bottom: 14px; }
    
    /* 购物车按钮手指友好 */
    .button.primary, .checkout-button { padding: 16px 24px; font-size: 15px; width: 100%; }
    
    /* breadcrumb 字号 */
    .breadcrumb-row { font-size: 12px; padding: 8px 0; }
    
    /* 浮动按钮缩小 */
    .floating-contact-btn { padding: 12px 8px; font-size: 11px; }
}