/* Home category quick actions — Ming's Garden (Uber-style photo tiles) */
.mg-home-cats{
  --mg-brand:#dd183b;
  --mg-brand2:#9a3412;
  --mg-cta:#dd183b;
  --mg-accent:var(--mg-cta);
  --mg-ink:#111111;
  --mg-heading:var(--mg-ink);
  --mg-muted:#6b6b6b;
  --mg-line:#e8e8e8;
  --mg-bg:#ffffff;
  --mg-radius:14px;
  --mg-gap:12px;
  --mg-photo-h:140px;
  --mg-rail-w:168px;
  padding:28px 16px 36px;
  background:var(--mg-bg);
}
.mg-home-cats-inner{max-width:1100px;margin:0 auto;}
.mg-home-cats-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:0 0 16px;flex-wrap:wrap;
}
.mg-home-cats-head h2{
  margin:0;font-family:Montserrat,"Source Sans Pro",sans-serif;
  font-size:1.45rem;font-weight:800;color:var(--mg-heading);letter-spacing:-.02em;
}
.mg-home-cats-all{
  font-weight:700;font-size:.95rem;color:var(--mg-accent);text-decoration:none;
  border-bottom:2px solid transparent;
}
.mg-home-cats-all:hover{border-bottom-color:var(--mg-accent);}
.mg-home-cats-grid{
  display:grid;
  grid-template-columns:repeat(var(--mg-cols-m, 2), minmax(0,1fr));
  gap:var(--mg-gap);
}
a.mg-home-cat{
  display:flex;flex-direction:row;align-items:center;gap:12px;
  min-height:78px;padding:12px;
  border:1px solid var(--mg-line);border-radius:var(--mg-radius);
  background:#fff;text-decoration:none;color:var(--mg-ink);
  box-shadow:0 1px 2px rgba(17,17,17,.04);
  overflow:hidden;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
a.mg-home-cat:hover,a.mg-home-cat:focus-visible{
  border-color:var(--mg-accent);transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(221,24,59,.12);
  outline:none;
}
.mg-home-cat-media{
  flex:0 0 auto;width:44px;height:44px;border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff7ed,#ffedd5);
}
.mg-home-cat-img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.mg-home-cat-mark{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  color:var(--mg-brand2);font-weight:800;font-size:1.05rem;
  letter-spacing:-.02em;
}
.mg-home-cat-copy{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;}
.mg-home-cat-name{
  font-weight:750;font-size:.95rem;line-height:1.25;
  color:var(--mg-ink);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.mg-home-cat-meta{font-size:.75rem;color:var(--mg-muted);font-weight:600;}

/* Photo tiles: image on top, name under (browse / Uber category card) */
.mg-home-cats--photos a.mg-home-cat,
.mg-home-cats--rail a.mg-home-cat{
  flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;
}
.mg-home-cats--photos .mg-home-cat-media,
.mg-home-cats--rail .mg-home-cat-media{
  width:100%;height:var(--mg-photo-h);border-radius:0;
}
.mg-home-cats--photos .mg-home-cat-copy,
.mg-home-cats--rail .mg-home-cat-copy{
  padding:10px 12px 12px;
}
.mg-home-cats--photos .mg-home-cat-name,
.mg-home-cats--rail .mg-home-cat-name{
  font-weight:700;font-size:.95rem;
}

/* Horizontal swipe rail */
.mg-home-cats--rail .mg-home-cats-grid{
  display:flex;grid-template-columns:none;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;padding-bottom:4px;
  scrollbar-width:thin;
}
.mg-home-cats--rail a.mg-home-cat{
  flex:0 0 var(--mg-rail-w);width:var(--mg-rail-w);
  scroll-snap-align:start;
}

@media (min-width:800px){
  .mg-home-cats{padding:36px 24px 48px;}
  .mg-home-cats-head h2{font-size:1.7rem;}
  .mg-home-cats:not(.mg-home-cats--rail) .mg-home-cats-grid{
    grid-template-columns:repeat(var(--mg-cols-d, 4), minmax(0,1fr));
  }
  .mg-home-cats--grid a.mg-home-cat{min-height:88px;padding:14px 16px;}
  .mg-home-cats--grid .mg-home-cat-media{width:52px;height:52px;border-radius:14px;}
}

/* Elementor editor/preview wrappers */
.elementor-widget-mg_order_categories .mg-home-cats,
.elementor-editor-active .mg-home-cats{display:block;width:100%;}
.elementor-widget-mg_order_categories a.mg-home-cat{display:flex;}
.mg-home-cats--editor a.mg-home-cat{pointer-events:none;}
