:root{
  --mm-primary:#fc7000;
  --mm-primary-rgb: 252,112,0;
  --mm-bg:#fff;
  --mm-border:#e6e6e6;
  --mm-accent: rgba(var(--mm-primary-rgb),0.08);
  --mm-radius:16px;
}

/* basic */
.mm-main-menu{direction:rtl;font-family:inherit;}
.mm-main-menu .mm-root{list-style:none;margin:0;padding:0;display:flex;gap:20px;align-items:center;}
.mm-root-item{position:relative;}
.mm-root-link{display:inline-block;padding:14px 10px;color:#222;text-decoration:none;}

/* dropdown */
.mm-mega-dropdown{
  position:absolute; right:0; top:100%; width:1200px; background:var(--mm-bg); border:1px solid var(--mm-border);
  box-shadow:0 18px 40px rgba(0,0,0,0.08); z-index:9999; border-radius:var(--mm-radius); overflow:visible; display:none;
}
.mm-root-item:hover > .mm-mega-dropdown,
.mm-root-item:focus-within > .mm-mega-dropdown { display:block; }

/* layout */
.mm-mega-inner{
  display:flex;
  gap:18px;
  padding:18px;
  align-items:stretch;
  min-height:260px;
  position:relative;
}
.mm-mega-inner > *{position:relative;}

.mm-col-1{width:220px;}
.mm-col-2{width:300px;}
.mm-col-3{width:260px;}
.mm-col-4{flex:1;max-width:420px;display:flex;align-items:center;justify-content:center;}

/* separators */
.mm-mega-inner > *:not(:last-child)::after{
  content:'';
  position:absolute;
  right:-9px;
  top:18px;
  bottom:18px;
  width:1px;
  background:var(--mm-border);
  border-radius:1px;
  pointer-events:none;
}

/* remove right separator of col-1 */
.mm-mega-inner > .mm-col-1::after{
  display:none;
}

/* --- COLUMN 1 --- (always background + more padding) */
.mm-first-list{list-style:none;margin:0;padding:0;}
.mm-first-item{
  padding:16px;
  border-radius:var(--mm-radius);
  margin-bottom:10px;
  cursor:pointer;
  background:var(--mm-accent);  /* always background */
  transition:background .12s,color .12s;
  color:#222;
}
.mm-first-link{
  display:flex;
  flex-direction:column;
  gap:6px;
  text-decoration:none;
  color:inherit;
}
.mm-item-icon{
  width:28px;height:28px;object-fit:contain;
}
.mm-first-item:hover,
.mm-first-item.active{
  background:rgba(var(--mm-primary-rgb),0.15);
  color:var(--mm-primary);
}

/* description spacing */
.mm-first-link small,
.mm-first-link .desc,
.mm-first-link .mm-item-desc{
  margin-top:8px;
  font-size:13px;
  color:#666;
  line-height:1.4;
}

/* --- COLUMN 2 --- */
.mm-second-panel{display:none;}
.mm-second-panel.active{display:block;}
.mm-second-list{list-style:none;margin:0;padding:0;}

.mm-second-item{
  padding:10px;
  border-radius:var(--mm-radius);
  margin-bottom:6px;
  background:none;     /* default: no background */
  transition:background .12s,color .12s;
}
.mm-second-link{
  display:flex;align-items:center;gap:8px;
  padding:6px;text-decoration:none;color:#333;
  border-radius:var(--mm-radius);
}
.mm-second-item:hover{
  background:rgba(var(--mm-primary-rgb),0.07); /* hover background */
  color:var(--mm-primary);
}

/* --- COLUMN 3 --- */
.mm-third-panel{display:none;}
.mm-third-panel.active{display:block;}
.mm-third-list{list-style:none;margin:0;padding:0;}

.mm-third-item{
  margin-bottom:6px;
  background:none;   /* default: no background */
  transition:background .12s,color .12s;
}
.mm-third-link{
  display:flex;align-items:center;gap:8px;
  padding:6px;text-decoration:none;color:#555;
  border-radius:var(--mm-radius);
}
.mm-third-item:hover{
  background:rgba(var(--mm-primary-rgb),0.05); /* hover background */
}

/* image column */
.mm-image-holder{
  width:100%;min-height:220px;
  display:flex;align-items:center;justify-content:center;
}
.mm-image-panel{
  display:none;width:100%;height:220px;
  align-items:center;justify-content:center;
}
.mm-image-panel img{
  max-width:100%;max-height:100%;object-fit:contain;
  border-radius:var(--mm-radius);
}
.mm-image-panel.active{display:flex;}
.mm-image-placeholder{
  display:flex;background:linear-gradient(180deg,#f7f7f7,#efefef);
  border-radius:var(--mm-radius);
  width:90%;height:80%;
}

/* misc */
.mm-no-third{color:#999;font-size:13px;padding:12px;}
.mm-submenu-simple{
  position:absolute;top:100%;right:0;background:#fff;
  border:1px solid var(--mm-border);
  padding:10px;border-radius:var(--mm-radius);display:none;
}
.mm-root-item:hover>.mm-submenu-simple{display:block;}

/* responsive */
@media (max-width:1000px){
  .mm-mega-dropdown{width:100vw;left:0;right:0;border-radius:0;}
  .mm-mega-inner{flex-direction:column;min-height:auto;}
  .mm-col-1,.mm-col-2,.mm-col-3,.mm-col-4{width:100%;}
  .mm-mega-inner > *:not(:last-child)::after{display:none;}
}
.mm-col-4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mm-image-holder {
    width: 100%;
    height: 100%;
    text-align: center;
}

.mm-large-img {
    max-width: 100%;
    max-height: 230px;
    border-radius: 12px;
    object-fit: contain;
}
/* استایل صحیح برای آیکن همه سطوح */
.mm-item-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin-left: 8px;
    object-fit: contain !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* اگر SVG حالت stroke-only باشد، این کمک می‌کند دیده شود */
.mm-item-icon svg,
.mm-item-icon path {
    stroke: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

.mm-item-icon {
  width: 40px !important;
  height: 40px !important;
}
.mm-item-icon {
    stroke: #333 !important;
}