/*
 Theme Name: Twenty Twenty-Five Glassmorphism
 Theme URI: https://shoptempogoods.com
 Author: Agnes AI
 Author URI: https://shoptempogoods.com
 Description: TempoGoods品牌的深蓝色玻璃拟态视觉风格主题 - 基于Twenty Twenty-Five
 Template: twentytwentyfive
 Version: 1.0.0
 Text Domain: twentytwentyfive-glass
 Tags: ecommerce, woocommerce, glassmorphism, dark
*/

/* ===== TempoGoods Glassmorphism 视觉风格 ===== */

/* 基础样式 - 深色背景 */
html, body {
    background: #080C0E !important;
    background-color: #080C0E !important;
    color: #FFFFFF !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* 玻璃拟态卡片效果 - WooCommerce产品 */
.products .product, .woocommerce-products, .product, .wp-block-product, .wc-block-product, .woocommerce-product, .product_cat, .card, .wp-block-group {
    background: rgba(15, 23, 30, 0.7) !important;
    background-color: rgba(15, 23, 30, 0.7) !important;
    border: 1px solid rgba(0, 255, 194, 0.15) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

/* 卡片悬浮效果 */
.product:hover, .card:hover, .woocommerce-product:hover {
    border-color: rgba(0, 255, 194, 0.6) !important;
    box-shadow: 0 0 20px rgba(0, 255, 194, 0.2), 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* 按钮样式 - 青色渐变 */
.button, .wp-block-button__link, .single_add_to_cart_button, .checkout-button, .button.alt, .added_to_cart, .woocommerce-button, .wc-block-components-button {
    background: linear-gradient(135deg, #00FFC2 0%, #00D2FF 100%) !important;
    background-color: linear-gradient(135deg, #00FFC2 0%, #00D2FF 100%) !important;
    color: #080C0E !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    border-radius: 30px !important;
    border: none !important;
    box-shadow: 0 0 12px rgba(0, 255, 194, 0.3) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
}

/* 按钮悬浮效果 */
.button:hover, .single_add_to_cart_button:hover, .checkout-button:hover {
    box-shadow: 0 0 25px rgba(0, 255, 194, 0.7) !important;
    transform: scale(1.02) !important;
}

/* 价格样式 */
.price, .woocommerce-Price-amount {
    color: #00FFC2 !important;
    font-weight: 700 !important;
}

/* 标题样式 */
h1, h2, h3, h4, h5, h6, .product_title {
    color: #FFFFFF !important;
}

/* 链接样式 */
a, a:visited {
    color: #00D2FF !important;
}

a:hover {
    color: #00FFC2 !important;
}

/* WooCommerce 特定元素 */
.woocommerce-tabs, .woocommerce-Reviews, .woocommerce-additional-fields {
    background: rgba(15, 23, 30, 0.5) !important;
    border: 1px solid rgba(0, 255, 194, 0.1) !important;
    border-radius: 12px !important;
}

/* 购物车图标 */
.widget_shopping_cart, .cart_contains {
    background: rgba(15, 23, 30, 0.8) !important;
    border: 1px solid rgba(0, 255, 194, 0.2) !important;
}

/* 导航菜单 */
.main-navigation, .nav-menu {
    background: rgba(8, 12, 14, 0.9) !important;
    backdrop-filter: blur(10px) !important;
}

/* 页脚 */
.site-footer, footer {
    background: rgba(8, 12, 14, 0.95) !important;
    border-top: 1px solid rgba(0, 255, 194, 0.1) !important;
}

/* 表单输入框 */
input[type="text"], input[type="email"], input[type="password"], textarea, select {
    background: rgba(15, 23, 30, 0.6) !important;
    border: 1px solid rgba(0, 255, 194, 0.2) !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border-color: rgba(0, 255, 194, 0.5) !important;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 255, 194, 0.2) !important;
}

/* 结算页面 */
.woocommerce-checkout, .woocommerce-cart {
    background: rgba(15, 23, 30, 0.5) !important;
}

/* 订单确认徽章 */
.woocommerce-order-received, .wc-order-success {
    background: rgba(0, 255, 194, 0.1) !important;
    border: 1px solid rgba(0, 255, 194, 0.3) !important;
    border-radius: 12px !important;
}

/* Keep the closed Woo mini-cart drawer paint-contained in its fixed overlay. */
.wc-block-components-drawer__screen-overlay {
    contain: paint;
}