/* ===== Category Icons Page (RTL, Mobile 2 Columns, Desktop 5) ===== */
html, body { overflow-x:hidden; }
*, *::before, *::after { box-sizing:border-box; }

.mc-taxicons{ margin:24px 0; }
.mc-taxicons .wrap{
  max-width:1280px;
  width:100%;
  margin:0 auto;
  padding:0 16px;
  overflow-x:hidden;
}

.mc-center{text-align:center}

/* Header */
.mc-taxicons__head{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:12px;margin-bottom:18px;
}
.mc-taxicons__title{
  margin:0;font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.25;
}
.mc-taxicons__subtitle{
  margin:.35rem 0 0;color:var(--muted);font-size:14px;
}

/* ✅ Grid layout: 2 / 3 / 4 / 5 columns */
.mc-taxicons__grid{
  display:grid;gap:18px;width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr)); /* موبایل: ۲ ستون */
}
@media (min-width:768px){
  .mc-taxicons__grid{grid-template-columns:repeat(3,minmax(0,1fr));} /* تبلت */
}
@media (min-width:1024px){
  .mc-taxicons__grid{grid-template-columns:repeat(4,minmax(0,1fr));} /* لپ‌تاپ */
}
@media (min-width:1280px){
  .mc-taxicons__grid{grid-template-columns:repeat(5,minmax(0,1fr));} /* دسکتاپ بزرگ */
}

/* Cards */
.mc-taxicons__card{
  position:relative;background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:20px 16px;transition:background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
}
.mc-taxicons__card:hover{
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  
}
.mc-taxicons__link{
  position:absolute;inset:0;z-index:5;border-radius:16px;
}

/* Icon box */
.mc-taxicons__icon{
  width:92px;height:92px;border-radius:22px;background:var(--surface-subtle);border:1px solid var(--line-bluegray);
  display:grid;place-items:center;margin-bottom:14px;overflow:hidden;
}
@media (max-width:480px){
  .mc-taxicons__icon{width:84px;height:84px;border-radius:20px;}
}
.mc-ti svg{width:50px;height:50px;max-width:100%;max-height:100%;display:block;stroke-width:1.8;}
.mc-ti--img img{width:72%;height:72%;object-fit:contain;display:block;}
.mc-ti--avatar{
  width:72%;height:72%;border-radius:999px;display:grid;place-items:center;
  color:var(--white);font-weight:800;font-size:26px;letter-spacing:.3px;
  box-shadow:inset 0 0 0 2px var(--white-25);
}

/* Avatar colors */
.mc-avatar--c1{background:var(--avatar-1);}
.mc-avatar--c2{background:var(--avatar-2);}
.mc-avatar--c3{background:var(--error);}
.mc-avatar--c4{background:var(--avatar-4);}
.mc-avatar--c5{background:var(--avatar-5);}
.mc-avatar--c6{background:var(--avatar-6);}
.mc-avatar--c7{background:var(--avatar-7);}
.mc-avatar--c8{background:var(--avatar-8);}

/* Texts */
.mc-taxicons__name{
  margin:6px 0 8px;font-weight:800;font-size:16px;line-height:1.5;color:var(--slate-900);
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;
}
.mc-taxicons__meta{
  font-size:12.5px;color:var(--slate-500);margin-bottom:6px;
}
.mc-taxicons__desc{
  margin:0;color:var(--slate-600);font-size:13.5px;line-height:1.7;
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;
}

/* Empty message */
.mc-taxlist__empty{
  background:var(--warning-bg);color:var(--warning-text);padding:10px 12px;border-radius:10px;
}

/* ===== MyCoupon Category v5 (scoped only) ===== */
.mc-category-v5-popular,
.mc-category-v5-topics{
  max-width:1280px;
  margin:32px auto;
  padding:0 16px;
  direction:rtl;
}
.mc-category-v5-title{
  font-size:22px;
  font-weight:800;
  margin:0 0 18px;
  color:var(--slate-900);
}
.mc-category-v5-popular-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.mc-category-v5-popular-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
  padding:22px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--white);
  text-decoration:none;
  color:inherit;
  transition:background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.mc-category-v5-popular-card:hover{
  transform:none;
  background:var(--surface-subtle,#fcfcfd);
  border-color:var(--line-bluegray,#dfe6ef);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.mc-category-v5-popular-card span{
  color:var(--muted);
  font-size:13px;
}
.mc-category-v5-popular-card em{
  color:var(--brand);
  font-size:12px;
  font-style:normal;
  font-weight:700;
}
.mc-category-v5-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.mc-category-v5-chips a{
  padding:8px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-soft);
  color:var(--ink-soft);
  text-decoration:none;
  font-size:13px;
}
@media(max-width:1024px){
 .mc-category-v5-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:600px){
 .mc-category-v5-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}



/* Fixed external SVG category icon */
.mc-taxicons .mc-category-icon-img{
  width:50px;
  height:50px;
  display:block;
  object-fit:contain;
}
@media (max-width:480px){
  .mc-taxicons .mc-category-icon-img{
    width:46px;
    height:46px;
  }
}


/* External fixed SVG category icons */
.mc-taxicons .mc-ti--lib img,
.mc-taxicons .mc-ti--svg img,
.mc-taxicons .mc-category-icon-img{
  width:50px;
  height:50px;
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
}
@media (max-width:480px){
  .mc-taxicons .mc-ti--lib img,
  .mc-taxicons .mc-ti--svg img,
  .mc-taxicons .mc-category-icon-img{
    width:46px;
    height:46px;
  }
}