/* ===== Cilin 動漫周邊 二次元風格 ===== */

/* 全域字體 */
body, p, h1, h2, h3, h4, h5, h6, a, li, span, div, input, textarea, select {
    font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
}

/* 漸層背景 */
body, .site {
    background: linear-gradient(135deg, #fff5f8 0%, #ffeef8 50%, #f8e8ff 100%) !important;
    color: #2d2d2d !important;
}

/* 頂部 Admin Bar */
#wpadminbar {
    background: linear-gradient(90deg, #ff6b9d 0%, #c44569 100%) !important;
}

/* 商品卡片 */
.woocommerce ul.products li.product {
    background: linear-gradient(145deg, #ffffff 0%, #fff5f8 100%) !important;
    border-radius: 25px !important;
    box-shadow: 0 10px 30px rgba(196, 69, 105, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow: 0 20px 40px rgba(255, 107, 157, 0.3), 0 0 0 2px #ff6b9d !important;
}

/* 商品圖片 */
.woocommerce ul.products li.product a img {
    border-radius: 23px 23px 0 0 !important;
    transition: transform 0.4s ease !important;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.08) !important;
}

/* 商品名稱 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #2d2d2d !important;
    font-weight: 700 !important;
}

/* 商品價格 */
.woocommerce ul.products li.product .price {
    color: #c44569 !important;
    font-weight: 800 !important;
}

/* 加入購物車按鈕 */
.woocommerce a.button,
.woocommerce a.add_to_cart_button {
    background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%) !important;
    border-radius: 50px !important;
    color: white !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(196, 69, 105, 0.4) !important;
}

.woocommerce a.button:hover {
    background: linear-gradient(135deg, #ff8eb3 0%, #ff6b9d 100%) !important;
}

/* 促銷標籤 */
.woocommerce span.onsale {
    background: linear-gradient(135deg, #ff6b9d, #c44569) !important;
    border-radius: 50px !important;
}

/* Footer */
.site-footer {
    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%) !important;
}