/* ===== CAIGE m-end "all categories" page (category_all) : 2026-09-20 =====
   Goal: make the category list look like the filter popup skin
         -> each top-level category = a white card
         -> second-level entries = 3-column rounded chips
   Loaded AFTER all.css so equal-specificity rules win.
   NOTE: file is pure ASCII on purpose (no encoding risk on ANY server). */

/* ---------- page canvas: light grey so the white cards float ---------- */
.wrapper { background-color:#F2F2F2; }

/* ---------- one top-level category = one white card ---------- */
.navv {
  margin:0 10px 10px 10px;
  background-color:#fff;
  border:0 none;
  border-radius:14px;
  -webkit-box-shadow:0 2px 10px rgba(30,40,60,.055);
  box-shadow:0 2px 10px rgba(30,40,60,.055);
  overflow:hidden;
}
.navv:first-child { margin-top:10px; }

/* ---------- card header ---------- */
.nav_tt {
  background-color:#fff;
  border:0 none;
  border-bottom:1px solid #F2F4F7;
  margin:0;
  height:52px;
  line-height:52px;
  padding:0 12px;
  text-indent:0;
  font-size:16px;
  font-weight:700;
  color:#2C3354;
  position:relative;
}
.nav_tt .icon {
  width:28px; height:28px; margin-right:8px;
  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
  vertical-align:middle;
}
.nav_tt > a { color:#2C3354; font-weight:700; }
/* "publish" shortcut on the right -> site blue */
span.apost {
  float:right; margin:0; padding-left:0; margin-top:0;
  font-size:12px; font-weight:400; color:#9AA1AD;
}
span.apost a { color:#3592E2; font-weight:400; }

/* ---------- chips grid: 3 columns, same metrics as the filter popup ---------- */
.big_dl, .big_dl.sale { background-color:transparent; border:0 none; padding:12px 12px 3px 12px; }
.big_dl ul {
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
  margin:0; overflow:visible; background-color:transparent; border-radius:0; font-size:0;
}
.one_third {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  float:none; display:block;
  width:31.6%; height:auto;
  margin:0 2.6% 9px 0;
  background-color:transparent;
  border:0 none;
}
.one_third:nth-child(3n) { margin-right:0; }
.one_third a {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  display:block; width:100%;
  height:40px; line-height:38px; padding:0 5px;
  border:1px solid #ECECEC; border-radius:10px;
  background-color:#FAFAFA; color:#555555;
  font-size:13px; text-align:center; text-indent:0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  -webkit-tap-highlight-color:transparent;
}
.one_third a:active {
  color:#3592E2; border-color:#9ACBF3; background-color:#EEF6FE; font-weight:700;
}
