/* ============================================================
   LOOKCHINA atacado 皮肤 — 橙色系
   仅在 FRONTEND_THEME=lookchina 时由布局加载
   ============================================================ */
:root{
    --lc-primary:#f97316;
    --lc-primary-dark:#ea580c;
    --lc-primary-soft:#fff3e8;
    --lc-text:#2b2b2b;
    --lc-muted:#8a8a8a;
    --lc-bg:#f4f5f7;
}

/* ---- 全局橙色覆盖（作用于 Aiz 原有组件 / 顶部导航 / 按钮）---- */
.text-primary{color:var(--lc-primary)!important}
.bg-primary{background-color:var(--lc-primary)!important}
.btn-primary{background-color:var(--lc-primary)!important;border-color:var(--lc-primary)!important}
.btn-primary:hover,.btn-primary:focus{background-color:var(--lc-primary-dark)!important;border-color:var(--lc-primary-dark)!important}
.bg-soft-primary{background-color:var(--lc-primary-soft)!important}
.border-soft-primary{border-color:#fbc9a0!important}
.border-primary{border-color:var(--lc-primary)!important}
.badge-primary{background-color:var(--lc-primary)!important}
.text-primary a{color:inherit!important}
body{background:var(--lc-bg)!important}

/* ---- 皮肤容器 ---- */
.lc-wrap{background:var(--lc-bg)}

/* ---- 1. 分类快捷条 ---- */
.lc-catbar{background:#fff;border-bottom:1px solid #ececec}
.lc-catbar-inner{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}
.lc-cat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #eee;border-radius:20px;color:var(--lc-text);font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}
.lc-cat-chip:hover{border-color:var(--lc-primary);color:var(--lc-primary);text-decoration:none}
.lc-cat-icon{width:20px;height:20px;object-fit:contain}

/* ---- 2. 主 Banner ---- */
.lc-hero{padding:16px 0 8px}
.lc-slider{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.lc-slider-img{width:100%;height:auto;max-height:380px;object-fit:cover}

/* ---- 3/4. 分区 ---- */
.lc-section{padding:16px 0}
.lc-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.lc-sec-title{font-size:20px;font-weight:700;margin:0;position:relative;padding-left:12px}
.lc-sec-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--lc-primary);border-radius:2px}
.lc-sec-more{color:var(--lc-primary);font-weight:600;font-size:14px;text-decoration:none}
.lc-sec-more:hover{color:var(--lc-primary-dark);text-decoration:none}

/* ---- 瀑布流网格 ---- */
.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}

/* ---- 商品卡 ---- */
.lc-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.lc-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}
.lc-card-media{position:relative;background:#fafafa}
.lc-card-img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.lc-badge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#fff}
.lc-badge-off{background:#e11d48}
.lc-badge-atacado{background:var(--lc-primary);left:auto;right:8px}
.lc-card-actions{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .15s}
.lc-card:hover .lc-card-actions{opacity:1}
.lc-card-actions a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.12);color:#555;font-size:15px;text-decoration:none}
.lc-card-actions a:hover{color:var(--lc-primary)}
.lc-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.lc-card-name{font-size:13px;font-weight:600;line-height:1.35;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.lc-card-name a{color:var(--lc-text);text-decoration:none}
.lc-card-name a:hover{color:var(--lc-primary);text-decoration:none}
.lc-card-meta{font-size:11px;color:var(--lc-muted);margin-bottom:4px}
.lc-card-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
.lc-price{font-size:18px;font-weight:800;color:var(--lc-primary)}
.lc-price-old{font-size:12px;color:#bbb}
.lc-moq{font-size:11px;color:var(--lc-primary-dark);font-weight:600;margin-bottom:8px}
.lc-add{margin-top:auto;width:100%;border:none;background:var(--lc-primary);color:#fff;padding:9px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s}
.lc-add:hover{background:var(--lc-primary-dark)}

/* ---- 响应式 ---- */
@media (max-width:575px){
    .lc-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .lc-sec-title{font-size:17px}
    .lc-card-name{font-size:12px}
    .lc-price{font-size:16px}
    /* 移动端 banner 更矮 */
    .lc-slider-img{max-height:170px}
    .lc-hero{padding:8px 0 4px}
    /* 移动端 header 更紧凑 */
    header .logo-bar-area .py-20px{padding-top:10px!important;padding-bottom:10px!important}
    header .logo-bar-area img{height:28px!important}
    /* 移动端分类快捷条 → 横向滚动 */
    .lc-catbar-inner{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px 0;-webkit-overflow-scrolling:touch}
    .lc-cat-chip{flex:0 0 auto;white-space:nowrap}
    /* 移动端顶部信息条更小 */
    .top-navbar{font-size:11px}
    .top-navbar .list-inline-item{margin-right:8px!important}
    .top-navbar .flag,.top-navbar img{height:9px!important}
}

/* ---- 分类/列表页 ---- */
.lc-listing-wrap{background:var(--lc-bg);min-height:50vh}
.lc-page-head{margin-bottom:16px}
.lc-page-title{font-size:22px;font-weight:700;margin:0 0 6px;position:relative;padding-left:14px}
.lc-page-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:22px;background:var(--lc-primary);border-radius:2px}
.lc-breadcrumb{font-size:13px}
.lc-breadcrumb .breadcrumb-item a{color:var(--lc-muted)}
.lc-breadcrumb .breadcrumb-item.text-dark a{color:var(--lc-text)}

/* ---- 详情页 ---- */
.btn-soft-primary{background:var(--lc-primary);color:#fff!important;border-color:var(--lc-primary)!important}
.btn-soft-primary:hover,.btn-soft-primary:focus{background:var(--lc-primary-dark)!important;color:#fff!important}
.product-gallery{border-radius:12px;overflow:hidden}
.product-gallery-thumb img{border-radius:8px}

/* ============================================================
   顶部导航栏 lookchina 橙色
   ============================================================ */
/* 顶部信息条（语言/货币/客服/登录）→ 橙色底白字 */
.top-navbar{background:var(--lc-primary)!important;border-bottom:none!important}
.top-navbar a,.top-navbar span,.top-navbar i{color:#fff!important}
.top-navbar .opacity-60,.top-navbar .opacity-50{opacity:1!important}
.top-navbar .border-right{border-color:rgba(255,255,255,.3)!important}
/* 下拉菜单恢复白底深字 */
.top-navbar .dropdown-menu{background:#fff!important;border:none;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.top-navbar .dropdown-menu a,.top-navbar .dropdown-menu span{color:#333!important}
.top-navbar .dropdown-menu a:hover{color:var(--lc-primary)!important}
.top-navbar .dropdown-menu .active{color:var(--lc-primary)!important;background:var(--lc-primary-soft)!important}

/* 主 header 搜索框：橙色描边圆角 */
header .front-header-search .form-control{border:2px solid var(--lc-primary)!important;border-right:none!important;border-radius:8px 0 0 8px!important;box-shadow:none!important}
header .front-header-search .btn-primary{border:2px solid var(--lc-primary)!important;border-radius:0 8px 8px 0!important}
header .front-header-search .btn-primary i{color:#fff!important}

/* 购物车 / 收藏 / 对比图标 → 橙色 */
#cart_items .la,#cart_items .las,#wishlist .la,#wishlist .las,#compare .la,#compare .las{color:var(--lc-primary)!important}

/* Departamentos 分类导航按钮（lookchina 风格） */
#category-menu-icon .dropdown-toggle{background:var(--lc-primary-soft)!important;border-color:#fbc9a0!important;color:var(--lc-primary-dark)!important;font-weight:700!important}
#category-menu-icon .dropdown-toggle:hover{background:var(--lc-primary)!important;color:#fff!important}

/* ============================================================
   页脚 lookchina（浅色 + 品牌标语 + 4列链接 + 版权行）
   ============================================================ */
.lc-footer{background:#f4f5f7;border-top:1px solid #ececec;padding:40px 0 20px}
.lc-footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:24px}
.lc-footer-logo{font-size:18px;font-weight:800;color:var(--lc-text);margin-bottom:10px}
.lc-footer-tagline{color:var(--lc-muted);font-size:13px;line-height:1.6;margin:0 0 14px;max-width:280px}
.lc-footer-social{display:flex;gap:8px}
.lc-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;color:#666;font-size:16px;text-decoration:none;transition:all .15s}
.lc-footer-social a:hover{background:var(--lc-primary);color:#fff;border-color:var(--lc-primary)}
.lc-footer-col h4{font-size:13px;font-weight:700;color:var(--lc-text);text-transform:uppercase;letter-spacing:.3px;margin:0 0 14px}
.lc-footer-col ul{list-style:none;padding:0;margin:0}
.lc-footer-col li{margin-bottom:9px}
.lc-footer-col a{color:var(--lc-muted);font-size:13px;text-decoration:none;transition:color .15s}
.lc-footer-col a:hover{color:var(--lc-primary)}
.lc-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:16px;border-top:1px solid #e5e5e5}
.lc-footer-copy{color:var(--lc-muted);font-size:12px}
.lc-footer-legal a{color:var(--lc-muted);font-size:12px;margin-left:16px;text-decoration:none}
.lc-footer-legal a:hover{color:var(--lc-primary)}
@media (max-width:991px){
    .lc-footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .lc-footer-brand{grid-column:1/-1}
}
@media (max-width:575px){
    .lc-footer-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}

/* ============================================================
   移动底部导航 lookchina 风格（Heroicons SVG + 激活态橙色圆底）
   ============================================================ */
.lc-mobile-nav{padding:0 0 6px}
.lc-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;color:#9a9a9a;text-decoration:none;min-width:0}
.lc-nav-item:hover{color:var(--lc-primary);text-decoration:none}
.lc-nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}
.lc-nav-icon svg{width:22px;height:22px}
.lc-nav-item.active{color:var(--lc-primary)}
.lc-nav-item.active .lc-nav-icon{background:var(--lc-primary)}
.lc-nav-item.active .lc-nav-icon svg{color:#fff}
.lc-nav-label{font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap}
.lc-nav-item.active .lc-nav-label{font-weight:800;color:var(--lc-primary-dark)}
/* Sacola 中间突出 */
.lc-nav-cart-icon{position:relative;width:48px;height:48px;background:var(--lc-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-26px;box-shadow:0 -5px 12px rgba(0,0,0,.18);border:4px solid #fff}
.lc-nav-cart-icon svg{width:22px;height:22px;color:#fff}
.lc-nav-badge{position:absolute;top:-2px;right:-2px;background:#e11d48;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}

/* 修复：悬停分类菜单透明全宽容器捕获鼠标导致菜单无法收起、且遮挡页面点击 */
#hover-category-menu{pointer-events:none}
#hover-category-menu .aiz-category-menu,
#hover-category-menu .aiz-category-menu *{pointer-events:auto}