/* ==========================================================================
   ShopXO 前端自定义主题 —— 温暖生活 · 美妆护肤（皮肤版：配色/字体/卡片/按钮）
   仅覆盖既有样式，不改模板结构、不碰业务逻辑。加载在所有 css 与 :root 内联样式之后。
   主色：暖陶玫瑰 #C0664B  背景：奶油白 #FBF7F0  价格：暖红 #C0392B
   （不含首页 Hero / 品牌横幅 / 杂志风裁图 —— 那些已按需求去掉）
   ========================================================================== */

/* ---------- 1. 主题变量（覆盖内联 :root，全站换色/圆角/阴影） ---------- */
:root {
    --body-bg-color: #FBF7F0;          /* 奶油白背景 */
    --color-price: #C0392B;            /* 价格暖红 */
    --color-red: #C0392B;
    --color-yellow: #D9772F;

    /* 主色 —— 暖陶玫瑰 */
    --color-main: #C0664B;
    --color-main-light: #F7E7DF;
    --color-main-hover: #D0806A;

    /* 次色 —— 灰玫瑰 */
    --color-secondary: #D9A79A;

    /* 圆角柔化 */
    --border-radius-sm: 0.6rem;
    --border-radius: 1.2rem;
    --border-radius-lg: 1.8rem;

    /* 暖调柔阴影 */
    --box-shadow: 0 8px 30px rgba(120, 80, 60, 0.10);
    --box-shadow-sm: 0 3px 12px rgba(120, 80, 60, 0.08);
    --box-shadow-lg: 0 14px 44px rgba(120, 80, 60, 0.13);

    /* 主色按钮 */
    --color-button-primary: #C0664B;
    --color-button-primary-hover: #D0806A;
    --color-button-primary-focus: #A9512F;
    --color-button-primary-active: #A9512F;
    --color-button-primary-disabled: #E6C3B5;
    --color-button-primary-border: #C0664B;
    --color-button-primary-hover-border: #D0806A;
    --color-button-primary-focus-border: #A9512F;
    --color-button-primary-active-border: #A9512F;
    --color-button-primary-disabled-border: #E6C3B5;

    /* 次色按钮 */
    --color-button-secondary: #FBEDE7;
    --color-button-secondary-hover: #F6E1D8;
    --color-button-secondary-focus: #F6E1D8;
    --color-button-secondary-active: #EAC9BC;
    --color-button-secondary-border: #EAC9BC;
    --color-button-secondary-hover-border: #E0B6A5;
    --color-button-secondary-text: #C0664B;
    --color-button-secondary-hover-text: #A9512F;
    --color-button-secondary-focus-text: #A9512F;
    --color-button-secondary-active-text: #A9512F;

    /* 次色徽章 */
    --color-badge-secondary: #FBEDE7;
    --color-badge-secondary-hover: #F6E1D8;
    --color-badge-secondary-text: #C0664B;
    --color-badge-secondary-hover-text: #A9512F;

    /* 价格徽章类（原品牌红） */
    --color-badge-danger: #FBEDE7;
    --color-badge-danger-text: #C0392B;
}

/* ---------- 2. 字体：正文无衬线 + 楼层/标题衬线（editorial 高级感） ---------- */
body,
input, textarea, select, button,
.am-btn, .dbtn {
    font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

/* ---------- 3. 全局观感 ---------- */
body { background-color: var(--body-bg-color); }

.dbtn, .am-btn {
    border-radius: var(--border-radius);
    transition: all .25s ease;
    letter-spacing: .02em;
}
a { transition: color .2s ease; }

/* ---------- 4. 顶部搜索框：药丸圆角 ---------- */
.nav-search .search-group {
    border-radius: 999px;
    overflow: hidden;
    box-shadow: var(--box-shadow-sm);
    border: 1px solid var(--color-main-light);
}
.nav-search .search-group input {
    padding-left: 1.6rem;
}

/* ---------- 5. 商品卡：大圆角 + 悬浮上浮 + 图片轻放大（首页 grid + 分类 list 统一） ---------- */
.module-goods-container .item {
    border-radius: var(--border-radius-lg);
    background: #fff;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
    box-shadow: var(--box-shadow-sm);
}
.module-goods-container .item:hover {
    transform: translateY(-6px);
    box-shadow: var(--box-shadow-lg);
}
.module-goods-container .item .goods-images {
    transition: transform .55s ease;
    display: block;
}
.module-goods-container .item:hover .goods-images {
    transform: scale(1.06);
}
/* 价格：暖红加重；原价灰 */
.module-goods-container .item .price,
.module-goods-container .price {
    color: var(--color-price) !important;
    font-weight: 700;
}
.module-goods-container .item .original-price {
    color: #B7A99C;
}
/* 加购图标：主色圆形按钮化 + hover 填充 */
.module-goods-container .goods-cart {
    background: var(--color-main-light);
    color: var(--color-main) !important;
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
    border-radius: 50%;
    transition: all .25s ease;
}
.module-goods-container .goods-cart:hover {
    background: var(--color-main);
    color: #fff !important;
    transform: scale(1.08);
}

/* ---------- 6. 楼层标题：衬线 + 优雅细节 ---------- */
.base-nav-title,
.floor-title {
    font-family: "Songti SC", "STSong", "Noto Serif SC", serif;
    font-size: 2.4rem;
    letter-spacing: .04em;
}
.base-nav-desc,
.floor-desc {
    color: #A99C8E;
    letter-spacing: .06em;
}
.base-nav .base-nav-more a,
.items-nav-title .more a {
    color: var(--color-main);
}

/* ---------- 7. 分区留白加大 ---------- */
.module-goods-list-container { margin-bottom: 3rem; }

/* ---------- 8. 顶部导航栏 ---------- */
.am-topbar.shop-navigation {
    box-shadow: var(--box-shadow-sm);
    border-bottom: 1px solid var(--color-main-light);
    background: #fff;
}
.am-topbar-nav.am-nav-pills > li > a {
    border-radius: var(--border-radius);
    transition: all .2s ease;
}
.am-topbar-nav.am-nav-pills > li > a:hover {
    color: var(--color-main);
    background: var(--color-main-light);
}
.am-topbar-nav.am-nav-pills > li.am-active > a,
.am-topbar-nav.am-nav-pills > li > a.active {
    color: var(--color-main) !important;
    background: transparent;
}
.small-nav a:hover { color: var(--color-main); }
.nav-icon {
    border-radius: var(--border-radius-lg);
    transition: transform .25s ease;
}
.nav-icon:hover { transform: translateY(-4px); }

/* ---------- 9. 商品详情页 ---------- */
.goods-sale-price-value {
    color: var(--color-price);
    font-weight: 700;
}
.detail-title { letter-spacing: .01em; }
.goods-spec-container { border-radius: var(--border-radius); }
.sku-line { transition: all .2s ease; }
.sku-line.am-active,
.sku-line:hover {
    border-color: var(--color-main) !important;
    color: var(--color-main) !important;
}
.buy-submit-container .dbtn,
.buy-nav .dbtn,
.buy-nav-opt .dbtn {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: .04em;
}

/* ---------- 10. 页脚 ---------- */
.body-content-footer-container {
    background: #fff;
    border-top: 3px solid var(--color-main-light);
}

/* ---------- 11. 细节点缀 ---------- */
.am-color-main { color: var(--color-main) !important; }
input:focus, textarea:focus, select:focus {
    border-color: var(--color-main) !important;
}
.am-breadcrumb { border-radius: var(--border-radius-sm); }
.home-banner .swiper-slide img,
.home-banner-container img {
    border-radius: var(--border-radius-lg);
}