/*
 * Storefront skin: Temu style (v2)
 * 橙红促销风：橙色 Temu 风格 logo、白底头部、橙色胶囊搜索、红色价格
 * Scope: body.ui-skin-temu
 */

body.ui-skin-temu {
    --ui-primary: #fb7701;
    --ui-primary-dark: #e56a00;
    --ui-accent: #ff4d4f;
    --ui-price: #cc0f40;
    --ui-header-bg: #ffffff;
    --ui-footer-bg: #fff4e8;
    --ui-radius: 14px;
}

/* ===== 顶部通知条（整条 top bar：货币/语言/促销文字）===== */
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between {
    background: linear-gradient(90deg, var(--ui-primary), var(--ui-accent));
    color: #ffffff;
    border-bottom: none;
}

body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between a,
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between span,
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between p,
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between button,
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between li,
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between [class*="text-zinc"],
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between [class*="text-gray"],
body.ui-skin-temu div.max-lg\:hidden > div.items-center.justify-between [class*="text-navy"] {
    color: #ffffff;
}

body.ui-skin-temu p.py-3.text-xs.font-medium {
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

body.ui-skin-temu p.py-3.text-xs.font-medium .underline {
    color: #ffffff;
    font-weight: 700;
}

/* top bar 内下拉面板白底 */
body.ui-skin-temu div.max-lg\:hidden .absolute {
    background: #ffffff;
    color: #333333;
    border-radius: 12px;
}

/* ===== Header ===== */
body.ui-skin-temu .sticky.top-0.bg-white.shadow-sm {
    background: var(--ui-header-bg);
    border-bottom: 2px solid var(--ui-primary);
    box-shadow: none;
}

/* 官方风格 logo（橙色 Temu 字标，不限 header：登录/注册等独立页也有 logo） */
body.ui-skin-temu img[src*="logo"] {
    content: url("logos/temu.svg");
}

/* 分类导航 */
body.ui-skin-temu .sticky.top-0.bg-white .uppercase:hover {
    color: var(--ui-primary);
}

body.ui-skin-temu .sticky.top-0.bg-white .hover\:border-navyBlue:hover {
    border-bottom-color: var(--ui-primary);
}

/* ===== 搜索框 ===== */
body.ui-skin-temu input.bg-zinc-100 {
    background: #ffffff;
    border: 2px solid var(--ui-primary);
    border-radius: 12px;
}

body.ui-skin-temu input.bg-zinc-100:hover,
body.ui-skin-temu input.bg-zinc-100:focus {
    border-color: var(--ui-primary-dark);
    outline: none;
}

body.ui-skin-temu .icon-search {
    color: var(--ui-primary);
}

/* ===== 按钮（Temu 大圆角胶囊）===== */
body.ui-skin-temu .primary-button {
    background-color: var(--ui-primary);
    border-color: var(--ui-primary);
    border-radius: 24px;
}

body.ui-skin-temu .primary-button:hover {
    background-color: var(--ui-primary-dark);
    border-color: var(--ui-primary-dark);
    opacity: 1;
}

body.ui-skin-temu .secondary-button {
    background-color: #ffffff;
    border-color: var(--ui-primary);
    color: var(--ui-primary);
    border-radius: 24px;
}

body.ui-skin-temu .secondary-button:hover {
    background-color: #fff3e6;
}

/* ===== 价格 ===== */
body.ui-skin-temu main .mt-1.text-sm.font-semibold.text-zinc-600,
body.ui-skin-temu main .text-base.font-semibold.text-navyBlue {
    color: var(--ui-price);
    font-weight: 700;
}

/* ===== 产品卡片 ===== */
body.ui-skin-temu main a.rounded-xl.border {
    border-color: transparent;
    border-radius: var(--ui-radius);
    box-shadow: 0 2px 10px rgba(251, 119, 1, .10);
    transition: box-shadow .2s ease, transform .2s ease;
}

body.ui-skin-temu main a.rounded-xl.border:hover {
    box-shadow: 0 6px 20px rgba(251, 119, 1, .22);
    transform: translateY(-2px);
}

/* ===== services 条 ===== */
body.ui-skin-temu .bg-navyBlue {
    background-color: #fff4e8;
}

body.ui-skin-temu .bg-navyBlue .text-white {
    color: #4a2c00;
}

body.ui-skin-temu .icon-truck.border-black,
body.ui-skin-temu .icon-product.border-black,
body.ui-skin-temu .icon-dollar-sign.border-black,
body.ui-skin-temu .icon-support.border-black {
    border-color: var(--ui-primary);
    color: var(--ui-primary);
}

/* ===== Footer ===== */
body.ui-skin-temu footer.bg-lightOrange {
    background-color: var(--ui-footer-bg);
}

/* ===== 首页促销轮播按钮 ===== */
body.ui-skin-temu .promo-slide__btn {
    background: var(--ui-primary);
    border-radius: 999px;
}

body.ui-skin-temu .promo-slide:hover .promo-slide__btn {
    background: var(--ui-primary-dark);
}

body.ui-skin-temu .promo-dot[aria-current="true"] {
    background: var(--ui-primary);
}

/* ===== 移动端 header ===== */
body.ui-skin-temu .flex.flex-wrap.gap-4.px-4.pb-4.shadow-sm img[src*="logo"] {
    content: url("logos/temu.svg");
}

body.ui-skin-temu .flex.flex-wrap.gap-4.px-4.pb-4.shadow-sm {
    border-bottom: 2px solid var(--ui-primary);
}

body.ui-skin-temu .flex.flex-wrap.gap-4.px-4.pb-4.shadow-sm [class*="icon-"] {
    color: var(--ui-primary);
}

/* ===== 移动端底部导航 ===== */
body.ui-skin-temu .text-zinc-900.transition.active\:bg-zinc-50 [class*="icon-"] {
    color: var(--ui-primary);
}