/* ============================================
WANCOVE – Premium Titanium Drinkware
Global Stylesheet & Text Replacements
============================================ */

/* ===== GLOBAL RESET & BASE ===== */
* {
box-sizing: border-box;
}

body {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, ‘Helvetica Neue’, Arial, sans-serif !important;
color: #2d3436;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}

/* ===== HEADER / NAVIGATION ===== */
.site-header {
background: #1a1a2e !important;
border-bottom: 3px solid #0f3460 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
position: sticky !important;
top: 0;
z-index: 9999;
box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}

.site-header .site-branding h1,
.site-header .site-title,
.site-branding a,
.site-branding .logo-text {
color: #fff !important;
font-weight: 800 !important;
letter-spacing: -0.5px !important;
font-size: 22px !important;
text-transform: none !important;
}

.site-header .primary-navigation ul li a {
color: #d0d8e8 !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: capitalize !important;
letter-spacing: 0.5px !important;
transition: color 0.25s ease !important;
padding: 20px 16px !important;
}

.site-header .primary-navigation ul li:hover > a,
.site-header .primary-navigation ul li.current-menu-item > a {
color: #fff !important;
background: rgba(255,255,255,0.08) !important;
}

.site-header .header-cart .cart-link span {
background: #e74c3c !important;
color: #fff !important;
font-weight: 700 !important;
border-radius: 50% !important;
min-width: 18px;
height: 18px;
line-height: 18px;
font-size: 11px !important;
}

/* ===== HERO BANNER (Shop Page) ===== */
.wancove-shop-hero {
margin-bottom: 50px !important;
border-radius: 0 !important;
}

.wancove-shop-hero h1 {
animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}

@keyframes pulseGlow {
0%, 100% { opacity: 0.15; }
50% { opacity: 0.22; }
}

.wancove-shop-hero div[style*=”position: absolute”] {
animation: pulseGlow 8s ease-in-out infinite;
}

/* ===== PAGE TITLES – Hide duplicate ===== */
.page .entry-header .entry-title,
.archive .page-title,
.woocommerce-products-header__title {
display: none !important;
}

/* ===== PRODUCT ARCHIVE / SHOP LAYOUT ===== */
.woocommerce-page .content-area {
max-width: 1300px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 30px !important;
}

/* Result Count Bar */
.woocommerce-result-count {
font-size: 14px !important;
color: #636e72 !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
}

/* Orderby Dropdown */
.woocommerce-ordering select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff !important;
border: 2px solid #e8ecf1 !important;
border-radius: 10px !important;
padding: 10px 40px 10px 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #2d3436 !important;
cursor: pointer !important;
background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’12’ height=’12’ viewBox=’0 0 24 24′ fill=’none’ stroke=’%230f3460′ stroke-width=’2.5′ stroke-linecap=’round’%3E%3Cpolyline points=’6,9 12,15 18,9’/%3E%3C/svg%3E”) !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
transition: all 0.25s ease !important;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
border-color: #0f3460 !important;
box-shadow: 0 0 0 3px rgba(15,52,96,0.1) !important;
outline: none !important;
}

/* Grid/List Toggle Buttons */
ul.products + nav.woocommerce-pagination ~ * {
/* handled below */
}

/* ===== PRODUCT CARDS ===== */
ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
gap: 28px !important;
list-style: none !important;
padding: 0 !important;
}

ul.products li.product {
background: #ffffff !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
border: 1px solid #f0f2f5 !important;
position: relative !important;
margin: 0 !important;
width: auto !important;
float: none !important;
}

ul.products li.product:hover {
transform: translateY(-8px) !important;
box-shadow: 0 20px 50px rgba(15,52,96,0.15) !important;
border-color: #0f3460 !important;
}

/* Product Image Area */
ul.products li.product .woocommerce-loop-product__link img {
width: 100% !important;
height: 280px !important;
object-fit: cover !important;
border-radius: 0 !important;
transition: transform 0.45s ease !important;
}

ul.products li.product:hover .woocommerce-loop-product__link img {
transform: scale(1.08);
}

/* Product Image Container */
ul.products li.product .woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-loop-product__link {
display: block !important;
overflow: hidden !important;
border-radius: 0 !important;
line-height: 0 !important;
}

/* Add to Cart Button */
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
background: linear-gradient(135deg, #0f3460, #16213e) !important;
color: #ffffff !important;
border: none !important;
border-radius: 10px !important;
padding: 12px 22px !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
transition: all 0.3s ease !important;
width: calc(100% – 32px) !important;
margin: 0 16px 16px 16px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}

ul.products li.product .button::before,
ul.products li.product .add_to_cart_button::before {
content: ”;
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s ease;
}

ul.products li.product .button:hover::before,
ul.products li.product .add_to_cart_button:hover::before {
left: 100%;
}

ul.products li.product .button:hover,
ul.products li.product .add_to_cart_button:hover {
background: linear-gradient(135deg, #16213e, #1a1a2e) !important;
transform: scale(1.03);
box-shadow: 0 6px 20px rgba(15,52,96,0.3) !important;
}

ul.products li.product .added_to_cart {
display: none !important;
}

/* Product Title */
ul.products li.product .woocommerce-loop-product__title {
font-size: 17px !important;
font-weight: 700 !important;
color: #1a1a2e !important;
padding: 16px 16px 6px 16px !important;
margin: 0 !important;
line-height: 1.35 !important;
transition: color 0.25s ease !important;
}

ul.products li.product:hover .woocommerce-loop-product__title {
color: #0f3460 !important;
}

/* Price */
ul.products li.product .price {
padding: 0 16px 12px 16px !important;
margin: 0 !important;
font-size: 19px !important;
font-weight: 800 !important;
color: #e74c3c !important;
letter-spacing: -0.3px !important;
}

ul.products li.product .price del {
font-size: 14px !important;
color: #b2bec3 !important;
font-weight: 500 !important;
margin-right: 6px !important;
}

/* Category Badge on product card */
ul.products li.product .product-category-badge {
display: none !important;
}

/* ===== PAGINATION ===== */
.woocommerce-pagination ul {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
list-style: none !important;
padding: 40px 0 !important;
margin: 0 !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
display: inline-block !important;
padding: 12px 18px !important;
border: 2px solid #e8ecf1 !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #2d3436 !important;
text-decoration: none !important;
transition: all 0.25s ease !important;
min-width: 44px;
text-align: center;
}

.woocommerce-pagination ul li a:hover {
border-color: #0f3460 !important;
color: #0f3460 !important;
background: rgba(15,52,96,0.04) !important;
}

.woocommerce-pagination ul li span.current {
background: linear-gradient(135deg, #0f3460, #16213e) !important;
color: #fff !important;
border-color: #0f3460 !important;
}

/* ===== FOOTER ===== */
.site-footer {
background: linear-gradient(180deg, #1a1a2e 0%, #0d1117 100%) !important;
color: #b0b8c4 !important;
padding: 60px 30px 30px !important;
}

.site-footer .footer-inner {
max-width: 1200px;
margin: 0 auto;
}

.site-footer .widget-title {
color: #fff !important;
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 20px !important;
}

.site-footer a {
color: #8899b0 !important;
transition: color 0.25s ease !important;
}

.site-footer a:hover {
color: #fff !important;
}

.site-footer .footer-copyright {
border-top: 1px solid rgba(255,255,255,0.08) !important;
margin-top: 40px !important;
padding-top: 24px !important;
text-align: center !important;
font-size: 13px !important;
color: #666 !important;
}

/* ===== SINGLE PRODUCT PAGE ===== */
.single-product .product {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 40px 30px !important;
}

.single-product .product_title {
font-size: 32px !important;
font-weight: 800 !important;
color: #1a1a2e !important;
line-height: 1.25 !important;
margin-bottom: 12px !important;
}

.single-product .price {
font-size: 28px !important;
font-weight: 800 !important;
color: #e74c3c !important;
}

.single-product button.single_add_to_cart_button,
.single-product .single_add_to_cart_button.button {
background: linear-gradient(135deg, #0f3460, #16213e) !important;
color: #fff !important;
border: none !important;
border-radius: 12px !important;
padding: 16px 44px !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
transition: all 0.3s ease !important;
}

.single-product button.single_add_to_cart_button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 30px rgba(15,52,96,0.3) !important;
}

/* ===== CART & CHECKOUT ===== */
.woocommerce-cart form.cart,
.woocommerce-checkout form.checkout {
max-width: 900px !important;
margin: 0 auto !important;
}

.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
border-radius: 12px !important;
overflow: hidden !important;
border: 1px solid #e8ecf1 !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
}

.woocommerce-cart .coupon input[type=”text”],
.woocommerce-cart .coupon button[type=”submit”],
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
border-radius: 10px !important;
border: 2px solid #e8ecf1 !important;
padding: 12px 16px !important;
transition: border-color 0.25s ease !important;
}

.woocommerce-cart .coupon input[type=”text”]:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
border-color: #0f3460 !important;
box-shadow: 0 0 0 3px rgba(15,52,96,0.1) !important;
outline: none !important;
}

.woocommerce-checkout button#place_order,
.woocommerce-cart button[name=”update_cart”] {
background: linear-gradient(135deg, #0f3460, #16213e) !important;
color: #fff !important;
border: none !important;
border-radius: 12px !important;
padding: 16px 40px !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
transition: all 0.3s ease !important;
}

.woocommerce-checkout button#place_order:hover,
.woocommerce-cart button[name=”update_cart”]:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 30px rgba(15,52,96,0.3) !important;
}

/* Checkout section headings */
.woocommerce-checkout .woocommerce-form__label,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
font-size: 20px !important;
font-weight: 700 !important;
color: #1a1a2e !important;
}

/* ===== MY ACCOUNT ===== */
.woocommerce-account .woocommerce-MyAccount-content {
max-width: 850px !important;
margin: 0 auto !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
list-style: none !important;
padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block !important;
padding: 12px 24px !important;
border-radius: 10px !important;
background: #f8f9fb !important;
color: #2d3436 !important;
font-weight: 600 !important;
font-size: 14px !important;
border: 2px solid transparent !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: #0f3460 !important;
color: #fff !important;
border-color: #0f3460 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
ul.products {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
gap: 18px !important;
}

.wancove-shop-hero h1 {
font-size: 28px !important;
}

.wancove-shop-hero p {
font-size: 15px !important;
}

.wancove-page [style*=”font-size: 48px”] {
font-size: 32px !important;
}

.wancove-page [style*=”font-size: 44px”] {
font-size: 30px !important;
}

.wancove-page [style*=”padding: 80px”] {
padding: 50px 20px !important;
}

.wancove-page [style*=”padding: 100px”] {
padding: 60px 20px !important;
}

ul.products li.product .woocommerce-loop-product__link img {
height: 220px !important;
}

.single-product .product_title {
font-size: 24px !important;
}

.site-header .primary-navigation ul li a {
padding: 12px 10px !important;
font-size: 13px !important;
}
}

@media (max-width: 480px) {
ul.products {
grid-template-columns: 1fr !important;
gap: 16px !important;
}

ul.products li.product .woocommerce-loop-product__link img {
height: 260px !important;
}
}

/* ===== SCROLL ANIMATIONS ===== */
ul.products li.product:nth-child(1) { animation: fadeUp 0.5s ease 0.05s both; }
ul.products li.product:nth-child(2) { animation: fadeUp 0.5s ease 0.1s both; }
ul.products li.product:nth-child(3) { animation: fadeUp 0.5s ease 0.15s both; }
ul.products li.product:nth-child(4) { animation: fadeUp 0.5s ease 0.2s both; }
ul.products li.product:nth-child(5) { animation: fadeUp 0.5s ease 0.25s both; }
ul.products li.product:nth-child(6) { animation: fadeUp 0.5s ease 0.3s both; }
ul.products li.product:nth-child(n+7) { animation: fadeUp 0.5s ease 0.35s both; }

@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}

/* ===== SMOOTH SCROLL ===== */
html {
scroll-behavior: smooth;
}

/* ===== SELECTION COLOR ===== */
::selection {
background: rgba(15,52,96,0.2);
color: #1a1a2e;
}

// =============================================
// WANCOVE – Chinese → English Text Replacements
// =============================================

(function() {
‘use strict’;

var replacements = [
// WooCommerce frontend strings
{ from: /加入购物车/g, to: ‘Add to Cart’ },
{ from: /已添加到您的购物车/g, to: ‘Added to cart’ },
{ from: /继续/g, to: ‘Continue’ },
{ from: /正在加载/g, to: ‘Loading’ },
{ from: /完成/g, to: ‘Done’ },
{ from: /评论/g, to: ‘Reviews’ },
{ from: /产品/g, to: ‘Products’ },
{ from: /跳到内容/g, to: ‘Skip to content’ },
{ from: /主菜单/g, to: ‘Main Menu’ },
{ from: /打开菜单/g, to: ‘Open Menu’ },
{ from: /切换菜单/g, to: ‘Toggle Menu’ },
{ from: /显示所有/g, to: ‘Showing all’ },
{ from: /结果/g, to: ‘results’ },
{ from: /商店订单/g, to: ‘Shop Order’ },
{ from: /默认产品排序/g, to: ‘Default sorting’ },
{ from: /按受关注度排序/g, to: ‘Sort by popularity’ },
{ from: /按好评度排序/g, to: ‘Sort by rating’ },
{ from: /按最新内容排序/g, to: ‘Sort by latest’ },
{ from: /按价格从低到高/g, to: ‘Sort by price: low to high’ },
{ from: /按价格从高到低/g, to: ‘Sort by price: high to low’ },
{ from: /网格视图/g, to: ‘Grid View’ },
{ from: /网格/g, to: ‘Grid’ },
{ from: /列表显示/g, to: ‘List View’ },
{ from: /列表/g, to: ‘List’ },
{ from: /制作的/g, to: ‘by’ },
{ from: /主题/g, to: ‘Theme’ },
{ from: /关闭菜单/g, to: ‘Close Menu’ },
{ from: /主要移动端/g, to: ‘Primary Mobile’ },

// WooCommerce messages
{ from: /查看购物车/g, to: ‘View Cart’ },
{ from: /相关产品/g, to: ‘Related Products’ },
{ from: /描述/g, to: ‘Description’ },
{ from: /附加信息/g, to: ‘Additional Information’ },
{ from: /库存中/g, to: ‘In Stock’ },
{ from: /缺货/g, to: ‘Out of Stock’ },
{ from: /数量/g, to: ‘Quantity’ },
{ from: /小计/g, to: ‘Subtotal’ },
{ from: /总计/g, to: ‘Total’ },
{ from: /结算/g, to: ‘Checkout’ },
{ from: /运费/g, to: ‘Shipping’ },
{ from: /配送/g, to: ‘Shipping’ },
{ from: /优惠券/g, to: ‘Coupon Code’ },
{ from: /应用优惠券/g, to: ‘Apply Coupon’ },
{ from: /更新购物车/g, to: ‘Update Cart’ },
{ from: /清空购物车/g, to: ‘Clear Cart’ },
{ from: /账单详情/g, to: ‘Billing Details’ },
{ from: /订单备注/g, to: ‘Order Notes’ },
{ from: /下订单/g, to: ‘Place Order’ },
{ from: /您的订单/g, to: ‘Your Order’ },
{ from: /返回商店/g, to: ‘Return to Shop’ },
{ from: /我的账户/g, to: ‘My Account’ },
{ from: /仪表盘/g, to: ‘Dashboard’ },
{ from: /订单/g, to: ‘Orders’ },
{ from: /地址/g, to: ‘Addresses’ },
{ from: /账户详情/g, to: ‘Account Details’ },
{ from: /退出/g, to: ‘Logout’ },
{ from: /你好.*(?=<)/g, to: 'Hello,' },
{ from: /从你的账户注销/g, to: 'Log out from your account' },
{ from: /您还没有任何订单/g, to: "You haven't placed any orders yet." },
{ from: /一个订单.*?此处/g, to: 'A first order on this site? Browse products‘ },
{ from: /浏览商品/g, to: ‘Browse Products’ },
{ from: /搜索/g, to: ‘Search…’ },
{ from: /没有找到结果/g, to: ‘No results found’ },
{ from: /抱歉/g, to: ‘Sorry’ },
{ from: /没有找到/g, to: ‘No results found matching your selection.’ },
];

// Replace text in DOM nodes recursively
function replaceText(node) {
if (node.nodeType === Node.TEXT_NODE) {
var original = node.nodeValue;
var newText = original;
for (var i = 0; i < replacements.length; i++) {
newText = newText.replace(replacements[i].from, replacements[i].to);
}
if (newText !== original) {
node.nodeValue = newText;
}
} else if (node.nodeType === Node.ELEMENT_NODE) {
// Skip script/style elements
if (node.tagName === 'SCRIPT' || node.tagName === 'STYLE') return;
// Handle placeholder attributes
if (node.getAttribute && node.getAttribute('placeholder')) {
var ph = node.getAttribute('placeholder');
for (var j = 0; j < replacements.length; j++) {
ph = ph.replace(replacements[j].from, replacements[j].to);
}
node.setAttribute('placeholder', ph);
}
// Recurse children
var children = node.childNodes;
for (var k = 0; k < children.length; k++) {
replaceText(children[k]);
}
}
}

// Run on DOM ready
function init() {
replaceText(document.body);

// Also observe dynamic changes (WooCommerce AJAX)
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
mutation.addedNodes.forEach(function(node) {
if (node.nodeType === Node.ELEMENT_NODE) {
replaceText(node);
}
});
});
});

observer.observe(document.body, {
childList: true,
subtree: true
});

// Re-run after a short delay to catch lazy-loaded content
setTimeout(function() { replaceText(document.body); }, 1500);
setTimeout(function() { replaceText(document.body); }, 3000);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();