/**
 * 独佳优品 - 可爱萌系主题定制样式
 * Cute/Kawaii Style Customization for 独佳优品
 */

/* ============================================
   Google Fonts - 可爱圆润中文字体
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

/* ============================================
   CSS 变量 - 色彩系统
   ============================================ */
:root {
    --kawaii-primary: #FF8FAB;
    --kawaii-primary-dark: #E8738F;
    --kawaii-primary-light: #FFB7C5;
    --kawaii-secondary: #C77DFF;
    --kawaii-secondary-light: #E0B8FF;
    --kawaii-accent: #7EC8A4;
    --kawaii-accent-light: #A8DFC4;
    --kawaii-bg: #FFF8FA;
    --kawaii-bg-card: #FFFFFF;
    --kawaii-bg-header: #FFFFFF;
    --kawaii-text-primary: #4A2E3E;
    --kawaii-text-secondary: #7B5E6D;
    --kawaii-text-light: #A892A0;
    --kawaii-border: #FFD6E0;
    --kawaii-shadow: rgba(255, 143, 171, 0.15);
    --kawaii-shadow-hover: rgba(255, 143, 171, 0.30);
    --kawaii-radius: 16px;
    --kawaii-radius-sm: 8px;
    --kawaii-radius-lg: 24px;
    --kawaii-radius-pill: 50px;
}

/* ============================================
   覆盖主题原有黄色（#ffdd22）→ 粉色
   ============================================ */

/* 所有用到 #ffdd22 的地方全部替换 */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: var(--kawaii-primary) !important;
    color: #fff !important;
}

/* 顶部导航彩色条 */
#site-navigation {
    border-top: 4px solid var(--kawaii-primary) !important;
}

/* 分类按钮 */
a.envo-categories-menu-first,
li a.envo-categories-menu-first,
.navbar-nav > li > a.envo-categories-menu-first {
    background: linear-gradient(135deg, var(--kawaii-primary), #FF6B9E) !important;
    color: #fff !important;
    border-radius: var(--kawaii-radius-pill) !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 12px rgba(255, 143, 171, 0.35) !important;
}
a.envo-categories-menu-first:hover {
    background: linear-gradient(135deg, var(--kawaii-primary-dark), #E8507A) !important;
    color: #fff !important;
}

/* 菜单badge标签 */
.menu-description {
    background: var(--kawaii-secondary) !important;
    color: #fff !important;
    border-radius: 10px !important;
}

/* 小三角装饰 */
.menu-description::after {
    border-top-color: var(--kawaii-secondary) !important;
}

/* 移动端汉堡菜单 */
.navbar-toggle {
    border-color: var(--kawaii-border) !important;
}

/* 加入购物车成功提示色 */
.woocommerce-message::before {
    color: var(--kawaii-primary) !important;
}

/* 价格滑块 */
.widget_price_filter .ui-slider .ui-slider-range,
.price_slider_amount .button {
    background: var(--kawaii-primary) !important;
}

/* 选中状态高亮 */
.woocommerce-loop-product__link:focus {
    outline-color: var(--kawaii-primary) !important;
}

/* ============================================
   全局基础样式
   ============================================ */
body {
    font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    background-color: var(--kawaii-bg) !important;
    color: var(--kawaii-text-primary) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

a {
    color: var(--kawaii-primary) !important;
    transition: all 0.3s ease !important;
}
a:hover {
    color: var(--kawaii-primary-dark) !important;
    text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    color: var(--kawaii-text-primary) !important;
    font-weight: 700 !important;
}

/* ============================================
   分类按钮（导航 Categories button）
   ============================================ */
.btn-category, .envo-cat-menu-btn, .navbar-cat-toggle,
button.navbar-toggle, .cat-menu-toggle,
#my-menu + .navbar .btn-cat,
.header-cat-btn {
    background: linear-gradient(135deg, var(--kawaii-primary), #FF6B9E) !important;
    color: #fff !important;
    border-radius: var(--kawaii-radius-pill) !important;
    border: none !important;
}

/* Envo Shop specific category nav button */
.envo-shop-cats-menu > li > a,
#cats-menu > li > a,
.navbar-cats > li > a {
    color: var(--kawaii-text-primary) !important;
}

/* Fix the yellow Categories toggle button — envo-shop specific */
a.envo-categories-menu-first,
li a.envo-categories-menu-first,
.navbar-nav > li > a.envo-categories-menu-first {
    background: linear-gradient(135deg, var(--kawaii-primary), #FF6B9E) !important;
    color: #fff !important;
    border-radius: var(--kawaii-radius-pill) !important;
    border-top-left-radius: var(--kawaii-radius-pill) !important;
    border-top-right-radius: var(--kawaii-radius-pill) !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 12px rgba(255, 143, 171, 0.4) !important;
    transition: all 0.3s ease !important;
}
a.envo-categories-menu-first:hover {
    background: linear-gradient(135deg, var(--kawaii-primary-dark), #E8507A) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* Yellow category section in nav */
.nav-cats, .envo-cats-nav, #envo-cats-nav {
    background-color: var(--kawaii-primary) !important;
}
.nav-cats a, .envo-cats-nav a {
    color: #fff !important;
}

/* Override remaining yellow accent color globally */
.border-top-5-yellow, .accent-yellow {
    border-color: var(--kawaii-primary) !important;
}
#site-navigation {
    border-top: 5px solid var(--kawaii-primary) !important;
}
.menu-description {
    background: var(--kawaii-secondary) !important;
    color: #fff !important;
    border-radius: 10px !important;
}

/* ============================================
   顶部公告条（如有）
   ============================================ */
.top-bar, .header-top {
    background: linear-gradient(135deg, var(--kawaii-primary), var(--kawaii-secondary)) !important;
    color: #fff !important;
    font-size: 13px !important;
}
.top-bar a, .header-top a {
    color: #fff !important;
}

/* ============================================
   网站头部 Header
   ============================================ */
#site-header, .site-header, header.header {
    background-color: var(--kawaii-bg-header) !important;
    border-bottom: 2px solid var(--kawaii-border) !important;
    box-shadow: 0 2px 20px var(--kawaii-shadow) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
}

/* 网站名称 */
.site-title, .site-title a {
    font-family: 'ZCOOL KuaiLe', 'Noto Sans SC', sans-serif !important;
    font-size: 28px !important;
    color: var(--kawaii-primary) !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}
.site-title a:hover {
    color: var(--kawaii-primary-dark) !important;
}

.site-description {
    color: var(--kawaii-text-light) !important;
    font-size: 12px !important;
}

/* Logo 区域 */
.custom-logo-link img, .site-logo img {
    max-height: 60px !important;
}

/* ============================================
   导航菜单
   ============================================ */
#site-navigation, .navbar-default {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--kawaii-text-primary) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 15px 18px !important;
    transition: all 0.3s ease !important;
    border-radius: var(--kawaii-radius-sm) !important;
    margin: 5px 2px !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: var(--kawaii-primary) !important;
    background-color: #FFF0F4 !important;
}

/* 下拉菜单 */
.dropdown-menu {
    border: 1px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius) !important;
    box-shadow: 0 8px 30px var(--kawaii-shadow) !important;
    padding: 8px !important;
    margin-top: 8px !important;
}
.dropdown-menu > li > a {
    color: var(--kawaii-text-primary) !important;
    border-radius: var(--kawaii-radius-sm) !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
}
.dropdown-menu > li > a:hover {
    background-color: #FFF0F4 !important;
    color: var(--kawaii-primary) !important;
}

/* ============================================
   购物车 & 用户图标 (Header)
   ============================================ */
.header-cart a, .header-cart a.cart-contents,
.header-my-account a, .header-wishlist a {
    color: var(--kawaii-text-primary) !important;
    font-size: 20px !important;
    padding: 8px 12px !important;
    border-radius: var(--kawaii-radius-sm) !important;
    transition: all 0.3s !important;
}
.header-cart a:hover, .header-my-account a:hover, .header-wishlist a:hover {
    color: var(--kawaii-primary) !important;
    background-color: #FFF0F4 !important;
}

/* 购物车数量徽章 */
.cart-contents-count, .amount-cart {
    background: var(--kawaii-primary) !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
}

/* ============================================
   搜索框
   ============================================ */
.search-form input[type="search"], .widget_search input[type="search"],
input[type="search"] {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    background: #FFF8FA !important;
    color: var(--kawaii-text-primary) !important;
    transition: all 0.3s !important;
}
.search-form input[type="search"]:focus, input[type="search"]:focus {
    border-color: var(--kawaii-primary) !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 171, 0.2) !important;
    outline: none !important;
}
.search-form button, .search-submit {
    background: var(--kawaii-primary) !important;
    border-radius: var(--kawaii-radius-pill) !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 20px !important;
    transition: all 0.3s !important;
}
.search-form button:hover, .search-submit:hover {
    background: var(--kawaii-primary-dark) !important;
    transform: translateY(-1px) !important;
}

/* ============================================
   全局按钮样式
   ============================================ */
.button, button, input[type="button"], input[type="submit"],
.btn, .wp-block-button__link {
    background: linear-gradient(135deg, var(--kawaii-primary), #FF6B9E) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 10px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 143, 171, 0.3) !important;
    letter-spacing: 0.5px !important;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover,
.btn:hover, .wp-block-button__link:hover {
    background: linear-gradient(135deg, var(--kawaii-primary-dark), #E8507A) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 143, 171, 0.45) !important;
}

/* 次要按钮 */
.button.alt, .woocommerce-button.alt {
    background: linear-gradient(135deg, var(--kawaii-secondary), #A855F7) !important;
    box-shadow: 0 4px 15px rgba(199, 125, 255, 0.3) !important;
}
.button.alt:hover {
    background: linear-gradient(135deg, #A855F7, #9333EA) !important;
    box-shadow: 0 6px 20px rgba(199, 125, 255, 0.45) !important;
}

/* ============================================
   Hero / Banner 区域
   ============================================ */
.hero-section, .banner-area, .slider-area,
.wp-block-cover, .elementor-widget-image {
    border-radius: var(--kawaii-radius-lg) !important;
    overflow: hidden !important;
}

/* ============================================
   商品卡片 Product Cards
   ============================================ */
.products .product, ul.products li.product,
.woocommerce ul.products li.product {
    border-radius: var(--kawaii-radius-lg) !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    box-shadow: 0 4px 20px var(--kawaii-shadow) !important;
    border: 1px solid #FFE8EE !important;
    transition: all 0.35s ease !important;
    position: relative !important;
}
.products .product:hover, ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 35px var(--kawaii-shadow-hover) !important;
    border-color: var(--kawaii-primary-light) !important;
}

/* 商品图片容器 */
.woocommerce ul.products li.product a img,
.products .product img {
    border-radius: var(--kawaii-radius) var(--kawaii-radius) 0 0 !important;
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.05) !important;
}

/* 商品信息区域 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products .product h2, .products .product .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--kawaii-text-primary) !important;
    padding: 12px 16px 4px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* 商品价格 */
.woocommerce ul.products li.product .price,
.products .product .price {
    color: var(--kawaii-primary) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 4px 16px 12px !important;
    display: block !important;
}
.woocommerce ul.products li.product .price del {
    color: var(--kawaii-text-light) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* 加入购物车按钮（商品列表） */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button {
    margin: 0 16px 16px !important;
    width: calc(100% - 32px) !important;
    display: block !important;
    text-align: center !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    border-radius: var(--kawaii-radius-pill) !important;
}

/* 促销标签 */
.woocommerce span.onsale {
    background: linear-gradient(135deg, var(--kawaii-primary), #FF6B9E) !important;
    border-radius: var(--kawaii-radius-pill) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    top: 10px !important;
    left: 10px !important;
}

/* 星级评价 */
.star-rating span::before, .woocommerce .star-rating span::before {
    color: #FFB830 !important;
}

/* ============================================
   商品分类卡片
   ============================================ */
.product-category, .woocommerce ul.products li.product-category {
    background: linear-gradient(135deg, #FFF0F4, #F8F0FF) !important;
    border: 1px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-lg) !important;
    transition: all 0.35s ease !important;
}
.product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px var(--kawaii-shadow) !important;
}
.woocommerce ul.products li.product-category h2 {
    font-size: 15px !important;
    color: var(--kawaii-text-primary) !important;
    padding: 10px 16px !important;
}
.woocommerce ul.products li.product-category h2 .count {
    background: var(--kawaii-primary-light) !important;
    color: #fff !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 1px 8px !important;
    font-size: 11px !important;
}

/* ============================================
   商品详情页 Single Product
   ============================================ */
.woocommerce div.product {
    background: #fff !important;
    border-radius: var(--kawaii-radius-lg) !important;
    padding: 30px !important;
    box-shadow: 0 4px 25px var(--kawaii-shadow) !important;
}

.woocommerce div.product .product_title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--kawaii-text-primary) !important;
    line-height: 1.3 !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--kawaii-primary) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* 数量选择 */
.woocommerce div.product form.cart .quantity input,
.woocommerce .quantity input.qty {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-sm) !important;
    text-align: center !important;
    color: var(--kawaii-text-primary) !important;
    font-weight: 600 !important;
}

/* 加入购物车（详情页）*/
.woocommerce div.product form.cart .button,
.single_add_to_cart_button {
    padding: 14px 40px !important;
    font-size: 15px !important;
    border-radius: var(--kawaii-radius-pill) !important;
    font-weight: 600 !important;
}

/* 产品图片区域 */
.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: var(--kawaii-radius-sm) !important;
    border: 2px solid transparent !important;
    transition: all 0.3s !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border-color: var(--kawaii-primary) !important;
}

/* 商品标签 */
.woocommerce div.product .product_meta .tagged_as a,
.woocommerce div.product .product_meta .posted_in a {
    background: #FFF0F4 !important;
    color: var(--kawaii-primary) !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 2px 10px !important;
    font-size: 12px !important;
    border: 1px solid var(--kawaii-border) !important;
}

/* ============================================
   商品选项变体 (尺寸/颜色)
   ============================================ */
.woocommerce div.product form.cart .variations select,
.woocommerce table.variations select {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-sm) !important;
    padding: 8px 16px !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    color: var(--kawaii-text-primary) !important;
    background-color: #FFF8FA !important;
    cursor: pointer !important;
}
.woocommerce div.product form.cart .variations select:focus {
    border-color: var(--kawaii-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 171, 0.2) !important;
}

/* ============================================
   购物车页面
   ============================================ */
.woocommerce-cart .woocommerce {
    background: #fff !important;
    border-radius: var(--kawaii-radius-lg) !important;
    padding: 30px !important;
    box-shadow: 0 4px 25px var(--kawaii-shadow) !important;
}

.woocommerce table.cart th {
    background: linear-gradient(135deg, #FFF0F4, #F8F0FF) !important;
    color: var(--kawaii-text-primary) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-bottom: 2px solid var(--kawaii-border) !important;
    padding: 14px 12px !important;
}

.woocommerce table.cart td {
    border-bottom: 1px solid #FFE8EE !important;
    padding: 16px 12px !important;
    vertical-align: middle !important;
}

.woocommerce table.cart img {
    border-radius: var(--kawaii-radius-sm) !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
}

/* 购物车合计 */
.woocommerce .cart_totals, .woocommerce-checkout .order-review {
    background: linear-gradient(135deg, #FFF8FA, #F8F0FF) !important;
    border: 1px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-lg) !important;
    padding: 24px !important;
}
.woocommerce .cart_totals h2, .woocommerce-checkout h3 {
    color: var(--kawaii-text-primary) !important;
    font-size: 18px !important;
    border-bottom: 2px solid var(--kawaii-border) !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

/* ============================================
   结账页面
   ============================================ */
.woocommerce-checkout .woocommerce {
    background: #fff !important;
}

.woocommerce-checkout h3#order_review_heading {
    color: var(--kawaii-text-primary) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-sm) !important;
    padding: 10px 16px !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    color: var(--kawaii-text-primary) !important;
    background-color: #FFF8FA !important;
    font-size: 14px !important;
    transition: all 0.3s !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--kawaii-primary) !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 171, 0.2) !important;
    outline: none !important;
    background-color: #fff !important;
}

.woocommerce form .form-row label {
    color: var(--kawaii-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
}

/* ============================================
   侧边栏 Widgets
   ============================================ */
.widget {
    background: #FFFFFF !important;
    border-radius: var(--kawaii-radius-lg) !important;
    padding: 20px !important;
    box-shadow: 0 3px 15px var(--kawaii-shadow) !important;
    border: 1px solid #FFE8EE !important;
    margin-bottom: 24px !important;
}

.widget-title, .widgettitle {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--kawaii-text-primary) !important;
    border-bottom: 2px solid var(--kawaii-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
    position: relative !important;
}
.widget-title::after, .widgettitle::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 40px !important;
    height: 2px !important;
    background: var(--kawaii-primary) !important;
    border-radius: 2px !important;
}

/* 价格筛选 */
.price_slider_wrapper .ui-widget-header {
    background: var(--kawaii-primary) !important;
}
.price_slider_wrapper .ui-slider-handle {
    background: var(--kawaii-primary) !important;
    border-color: var(--kawaii-primary) !important;
    border-radius: 50% !important;
}

/* 分类列表 */
.widget ul li a {
    color: var(--kawaii-text-secondary) !important;
    font-size: 13px !important;
    padding: 4px 0 !important;
    display: block !important;
    transition: color 0.3s !important;
}
.widget ul li a:hover {
    color: var(--kawaii-primary) !important;
    padding-left: 6px !important;
}

/* ============================================
   面包屑导航
   ============================================ */
.woocommerce-breadcrumb {
    font-size: 12px !important;
    color: var(--kawaii-text-light) !important;
    padding: 10px 0 !important;
}
.woocommerce-breadcrumb a {
    color: var(--kawaii-text-secondary) !important;
}
.woocommerce-breadcrumb a:hover {
    color: var(--kawaii-primary) !important;
}

/* ============================================
   通知 / 消息
   ============================================ */
.woocommerce-message, .woocommerce-info {
    background: linear-gradient(135deg, #FFF0F4, #FFF8FA) !important;
    border-left: 4px solid var(--kawaii-primary) !important;
    border-radius: 0 var(--kawaii-radius-sm) var(--kawaii-radius-sm) 0 !important;
    color: var(--kawaii-text-primary) !important;
    box-shadow: 0 3px 10px var(--kawaii-shadow) !important;
}
.woocommerce-error {
    background: #FFF0F0 !important;
    border-left: 4px solid #FF6B6B !important;
    border-radius: 0 var(--kawaii-radius-sm) var(--kawaii-radius-sm) 0 !important;
}

/* ============================================
   页脚 Footer
   ============================================ */
.site-footer, footer#colophon, #colophon {
    background: linear-gradient(135deg, #2D1B2E, #3D1B3E) !important;
    color: #e8c8d4 !important;
    border-top: none !important;
    padding-top: 50px !important;
}

.site-footer h3, .site-footer .widget-title,
.site-footer h2, .footer-widgets .widget-title {
    color: #FFB7C5 !important;
    font-size: 15px !important;
    border-bottom: 1px solid rgba(255, 143, 171, 0.2) !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}
.site-footer h3::after, .footer-widgets .widget-title::after {
    display: none !important;
}

.site-footer a {
    color: #e8c8d4 !important;
}
.site-footer a:hover {
    color: var(--kawaii-primary-light) !important;
}

.site-footer .widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 版权信息 */
.site-info, .footer-bottom {
    background: rgba(0,0,0,0.2) !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    padding: 15px 0 !important;
    text-align: center !important;
    border-top: 1px solid rgba(255, 143, 171, 0.15) !important;
}

/* ============================================
   商店页面布局
   ============================================ */
.woocommerce-shop .page-header,
.shop-page-title, .woocommerce-products-header {
    text-align: center !important;
    padding: 40px 0 20px !important;
}
.woocommerce-shop .page-header h1,
.woocommerce-products-header__title {
    font-size: 32px !important;
    color: var(--kawaii-text-primary) !important;
    position: relative !important;
    display: inline-block !important;
}

/* 排序栏 */
.woocommerce-ordering select, .woocommerce .woocommerce-ordering select {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 8px 16px !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    color: var(--kawaii-text-primary) !important;
    background: #FFF8FA !important;
}

/* 商品计数 */
.woocommerce-result-count {
    color: var(--kawaii-text-light) !important;
    font-size: 13px !important;
}

/* ============================================
   分页
   ============================================ */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border: 1px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-sm) !important;
    color: var(--kawaii-text-secondary) !important;
    padding: 8px 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--kawaii-primary) !important;
    color: #fff !important;
    border-color: var(--kawaii-primary) !important;
}

/* ============================================
   我的账户页面
   ============================================ */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 10px 16px !important;
    border-radius: var(--kawaii-radius-sm) !important;
    color: var(--kawaii-text-secondary) !important;
    font-size: 14px !important;
    transition: all 0.3s !important;
    border: 1px solid transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: linear-gradient(135deg, #FFF0F4, #F8F0FF) !important;
    color: var(--kawaii-primary) !important;
    border-color: var(--kawaii-border) !important;
}

/* ============================================
   在线设计器入口
   ============================================ */
.customize-button, a[href*="task=edit"],
a.design-now, .wc-product-addon .customize-link {
    background: linear-gradient(135deg, var(--kawaii-secondary), #A855F7) !important;
    color: #fff !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(199, 125, 255, 0.3) !important;
    transition: all 0.3s !important;
}
.customize-button:hover, a[href*="task=edit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(199, 125, 255, 0.45) !important;
    color: #fff !important;
}

/* ============================================
   商品标签 / Badge
   ============================================ */
.ribbon, .product-badge, .new-badge {
    background: linear-gradient(135deg, var(--kawaii-accent), #5FB898) !important;
    color: #fff !important;
    border-radius: var(--kawaii-radius-pill) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
}

/* ============================================
   可爱装饰元素
   ============================================ */
/* 商品卡片 - 顶部彩色条 */
.woocommerce ul.products li.product::before {
    content: '' !important;
    display: block !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--kawaii-primary), var(--kawaii-secondary), var(--kawaii-accent)) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1 !important;
}

/* ============================================
   响应式调整
   ============================================ */
@media (max-width: 768px) {
    .woocommerce ul.products li.product a img {
        height: 180px !important;
    }
    .site-title {
        font-size: 22px !important;
    }
    .woocommerce div.product {
        padding: 16px !important;
    }
}

@media (max-width: 576px) {
    .woocommerce ul.products li.product a img {
        height: 160px !important;
    }
}

/* ============================================
   加载动画 / 过渡
   ============================================ */
.woocommerce .blockOverlay {
    background: rgba(255, 143, 171, 0.15) !important;
}
.woocommerce .blockOverlay:before {
    color: var(--kawaii-primary) !important;
}

/* ============================================================
   BUG FIXES
   ============================================================ */

/* ----------------------------------------------------------
   Fix 1: 导航分类下拉框 — 移除 margin-top 产生的空隙
   margin-top 在按钮底部和菜单顶部之间留了空白区域，
   鼠标经过该区域时触发 mouseleave，导致菜单消失。
   改为 padding-top 在菜单内部保留视觉间距即可。
   ---------------------------------------------------------- */
.navbar .dropdown-menu,
#site-navigation .dropdown-menu,
.navbar-default .dropdown-menu {
    margin-top: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* 分类按钮文字避免溢出叠加（去掉过度的 pill 效果，保留圆角感） */
a.envo-categories-menu-first,
li a.envo-categories-menu-first,
.navbar-nav > li > a.envo-categories-menu-first {
    border-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    white-space: nowrap !important;
    position: relative !important;
    z-index: 10 !important;
}

/* ----------------------------------------------------------
   Fix 2 & 3: WooCommerce Blocks 浮动标签输入框
   WC Blocks 使用浮动 label（label 悬浮在输入框内顶部），
   需要 padding-top ≈ 28px 为 label 留出空间。
   我们的全局 padding: 10px 14px 把这个空间压掉了，导致重叠。
   ---------------------------------------------------------- */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-address-form__field input,
.wc-block-checkout__shipping-fields input,
.wc-block-checkout__billing-fields input {
    padding-top: 28px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* 浮动标签本身的样式保持正常层叠 */
.wc-block-components-text-input label {
    font-size: 12px !important;
    color: var(--kawaii-text-secondary) !important;
    pointer-events: none !important;
}

/* ----------------------------------------------------------
   Fix 4: 商店页面排序下拉宽度
   全局 select { width: 100% } 页面加载后覆盖了 WC Blocks
   自身对该 select 设置的 auto 宽度，导致被拉伸到整行。
   ---------------------------------------------------------- */
.wc-block-components-sort-select__select,
select.wc-block-components-sort-select__select,
[id^="wc-block-components-sort-select__select"] {
    width: auto !important;
    max-width: 240px !important;
    min-width: 0 !important;
    display: inline-block !important;
}

.wc-block-components-sort-select {
    width: auto !important;
}

/* ----------------------------------------------------------
   Fix 5: 搜索框 — 放大镜按钮比例 & 多余外框
   全局 button { padding: 10px 28px } 把搜索图标按钮撑得很大，
   而 SVG 图标保持原尺寸，造成比例失调。
   wp-block-search__inside-wrapper 被我们的 input 样式染色，
   产生了多余的"输入框框架"视觉。
   ---------------------------------------------------------- */

/* 搜索按钮：等宽等高的圆形小按钮 */
.wp-block-search .wp-block-search__button,
.wp-block-search__button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 8px rgba(255, 143, 171, 0.35) !important;
    transform: none !important;
}
.wp-block-search .wp-block-search__button:hover {
    transform: none !important;
    box-shadow: 0 3px 12px rgba(255, 143, 171, 0.5) !important;
}

/* 放大镜 SVG 图标尺寸 */
.wp-block-search__button svg,
.wp-block-search__button .wp-block-search__button-icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

/* 搜索框内层 wrapper — 取消被当作输入框的样式 */
.wp-block-search__inside-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* 搜索输入框本体单独设边框 */
.wp-block-search .wp-block-search__input {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-pill) !important;
    padding: 8px 18px !important;
    background: #FFF8FA !important;
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
}
.wp-block-search .wp-block-search__input:focus {
    border-color: var(--kawaii-primary) !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 171, 0.2) !important;
    outline: none !important;
    background: #fff !important;
}

/* ============================================
   表单通用
   ============================================ */
input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], textarea, select {
    border: 2px solid var(--kawaii-border) !important;
    border-radius: var(--kawaii-radius-sm) !important;
    padding: 10px 14px !important;
    font-family: 'Noto Sans SC', sans-serif !important;
    color: var(--kawaii-text-primary) !important;
    background: #FFF8FA !important;
    font-size: 14px !important;
    transition: all 0.3s !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="password"]:focus, textarea:focus, select:focus {
    border-color: var(--kawaii-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 143, 171, 0.2) !important;
    background: #fff !important;
}

/* ============================================
   首页特色内容区
   ============================================ */
.home .page-content, .home-section {
    padding: 40px 0 !important;
}

/* 特色品类图标区 */
.feature-icons, .category-icons {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 40px 0 !important;
}

/* ============================================
   促销横幅
   ============================================ */
.promo-banner {
    background: linear-gradient(135deg, #FFB7C5, #E0B8FF) !important;
    border-radius: var(--kawaii-radius-lg) !important;
    padding: 30px 40px !important;
    text-align: center !important;
    color: var(--kawaii-text-primary) !important;
    margin: 20px 0 !important;
}

/* ============================================
   Tab 组件（商品详情页）
   ============================================ */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid var(--kawaii-border) !important;
    padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: 2px solid transparent !important;
    border-radius: var(--kawaii-radius-sm) var(--kawaii-radius-sm) 0 0 !important;
    margin-bottom: -2px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--kawaii-text-secondary) !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff !important;
    border-color: var(--kawaii-border) var(--kawaii-border) #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--kawaii-primary) !important;
    font-weight: 600 !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    border: 1px solid var(--kawaii-border) !important;
    border-top: none !important;
    border-radius: 0 0 var(--kawaii-radius-sm) var(--kawaii-radius-sm) !important;
    padding: 24px !important;
}