/* your custom css goes here */

/* ============================================================
   atacadomix — logo 显示尺寸 + header 排版修正 (2026-10-27)
   logo 源文件: logo.png 653x106 (比例 6.16:1)

   三个坑，逐个解决：
   1) logo 横向被压扁
      header 是 flex 行，img 同时带 mw-100(max-width:100% !important) 与固定
      height。容器空间不足时宽度被压、高度不变 → 拉伸失真。
      → 显式写死 width/height 并 max-width:none !important，解除百分比依赖。
   2) 分类图标压到搜索框
      xl 断点下 .col-xl-3 只有 25%(285px)，装不下
      「logo 246 + mr-3 12 + 分类图标 50 = 308」，溢出压到搜索框。
      → 搜索框允许收缩(min-width:0) + xl 下放宽 logo 列到 330px。
   3) 移动端 logo 缩水 (2026-10-27 修复)
      主题自带规则:
        @media (max-width:575px){ header .logo-bar-area img{height:28px!important} }
      带 !important，把 h-30px(30px) 顶掉；同时 max-width:100% 又把宽度压到
      172 → 172x28，比 576~767px 区间的 185x30 还小一档，两端不一致。
      → 用更高特异性 + !important 覆盖，全 <768px 统一 185x30。

   最终效果：桌面 246x40 / 移动 185x30 / 超小屏(<=359px) 160x26，均等比不变形。
   ============================================================ */

/* 1) 搜索框允许收缩 —— 空间不足时优先压它，而不是 logo / 分类图标 */
.front-header-search,
.front-header-search .position-relative,
.front-header-search form,
.front-header-search .input-group,
.front-header-search .form-control { min-width: 0; }

/* 2) logo 所在列与链接不参与收缩 */
.logo-bar-area .container > .d-flex > div.col-auto.col-xl-3,
.logo-bar-area .container > .d-flex > div.col-auto.col-xl-3 > a.d-block {
    flex-shrink: 0;
}

/* 3) 移动端 <768px：统一 185x30
      必须带 !important —— 主题用 (max-width:575px) 的 height:28px!important
      和 .mw-100 的 max-width:100%!important 双重压制，常规写法压不住。     */
@media (max-width: 767.98px) {
    header .logo-bar-area img.mw-100 {
        width: 185px !important;
        height: 30px !important;
        max-width: none !important;
    }
}

/* 3b) 超小屏 <=359px（iPhone SE 320 等）：缩到 160x26，给右侧图标留余量 */
@media (max-width: 359.98px) {
    header .logo-bar-area img.mw-100 {
        width: 160px !important;
        height: 26px !important;
    }
}

/* 4) 桌面端 >=768px：246x40 */
@media (min-width: 768px) {
    header .logo-bar-area img.mw-100 {
        width: 246px !important;
        height: auto !important;
        max-width: none !important;
    }
}

/* 5) xl 下放宽 logo 列，容纳 logo + 分类图标 */
@media (min-width: 1200px) {
    .logo-bar-area .container > .d-flex > div.col-auto.col-xl-3 {
        flex: 0 0 330px;
        max-width: 330px;
    }
}

/* 6) 兜底：任何情况下等比缩放，绝不拉伸变形 */
.logo-bar-area img.mw-100 { object-fit: contain; }