/* ss-tabbar.css — Mobile-only доод навигацийн таб-бар (gooshop брэндбүүк).
   Нүүр · Ангилал · Брэнд · Сагс · Миний. Зөвхөн ≤860px дэлгэцэнд харагдана.
   Ганц эх сурвалж — ss-tabbar.js-тэй хос. Өнгө/фонт бүгд ss-tokens.css (--g-*)-ээс.
   Брэндбүүк: цагаан гадаргуу, 1px hairline, сүүдэргүй, идэвхтэй = ягаан (--g-pink). */

.ss-tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:100;
  display:none;                                   /* desktop-д нуугдана; mobile-д flex */
  background:var(--g-white,#fff);
  border-top:1px solid var(--g-line,#E5EEF4);
  padding-bottom:env(safe-area-inset-bottom,0px); /* iOS notch */
  font-family:var(--g-font,'Manrope','Inter',system-ui,sans-serif);
}
.ss-tabbar .sstb-tab{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; min-height:54px; padding:7px 2px 6px;
  background:none; border:none; cursor:pointer; text-decoration:none;
  color:var(--g-slate,#5B7183); position:relative;   /* WCAG AA: цайвар саарал биш, тодруулсан slate (5.08:1) */
  -webkit-tap-highlight-color:transparent; -webkit-appearance:none; appearance:none;
}
.ss-tabbar .sstb-tab svg{stroke:currentColor; display:block;}
.ss-tabbar .sstb-tab span{font-size:10.5px; font-weight:600; line-height:1; letter-spacing:-.01em;}
.ss-tabbar .sstb-tab.on{color:var(--g-pink,#E8547C);}          /* идэвхтэй таб = ягаан */
.ss-tabbar .sstb-tab.on span{font-weight:700;}
.ss-tabbar .sstb-tab:active{opacity:.55;}
.ss-tabbar .sstb-badge{                                         /* сагсны тоо — header badge-тэй ижил */
  position:absolute; top:5px; left:calc(50% + 6px);
  min-width:16px; height:16px; padding:0 4px; border-radius:999px;
  background:var(--g-pink,#E8547C); color:#fff;
  font-size:10px; font-weight:700; line-height:1;
  display:none; align-items:center; justify-content:center;
  font-variant-numeric:tabular-nums;
}

@media (max-width:860px){
  .ss-tabbar{display:flex;}
  /* Доод таб-бар Сагс/Миний-г хийдэг тул header-ийн САГС + ПРОФАЙЛ icon-ыг mobile-д нууж,
     хайлтын нүдийг томсгоно. (checkout ss-tabbar.css ачаалдаггүй тул тэнд icon хэвээр.) */
  .ss-hd2 #ssCartIcon, .ss-hd2 .ss-account{display:none !important;}
  /* Лого ss-chrome-reskin.css-д жижиг болов → хайлт УРТ. Нэг мөрөндөө хэвээр. */
  .ss-hd2-main{gap:10px !important;}
  .ss-hd2 .ss-search-wrap{max-width:none !important;}
  /* Тогтмол баар барааг халхлахгүйн тулд body-д доод зай нэмнэ.
     `html body` = specificity 0,0,2 — зарим хуудасны `body{padding:0!important}`-ийг давна. */
  html body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px)) !important;}

  /* Доод булан дахь хөвөгч товч/мэдэгдлийг таб-барын дээр өргөнө */
  .ss-totop{bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;} /* "дээш очих" */
  #cartBtn{bottom:calc(76px + env(safe-area-inset-bottom,0px)) !important;}  /* dulmaa сагс FAB */
  .ss-toast, #ssToast{bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important;}
  .acct-toast, .ot-toast, .dul-toast, .sl-toast{bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;}

  /* Каталог mega-menu (Ангилал) нээлттэй үед доод таб-бар ХАРАГДСААР байна
     (таб-бар z100 > panel z46 тул дээр гарна). Панелийн доод контент таб-барын
     ард дарагдахгүйн тулд card-д доод зай нэмнэ. */
  .ss-cm-card{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important;}
}

/* Хэвлэхэд харагдахгүй + зай нөөцлөхгүй */
@media print{
  .ss-tabbar{display:none !important;}
  html body{padding-bottom:0 !important;}
}