/* container */
/*.mmz-mobile {*/
/*  width: 100%;*/
/*}*/
/*.mmz-m-list {*/
/*  list-style: none;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/

/* rows */
/*.mmz-m-row {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-between;*/
/*  gap: 8px;*/
/*  padding: 12px 14px;*/
/*  border-bottom: 1px solid #e5e7eb;*/
/*}*/

/* anchors */
/*.mmz-m-a {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  gap: 8px;*/
/*  text-decoration: none;*/
/*  color: #111827;*/
/*}*/
/*.mmz-m-a:hover {*/
/*  text-decoration: none;*/
/*}*/

/* icons */
/*.mmz-m-a .mmz-icon-img img,*/
/*.mmz-m-a .mmz-icon-svg svg {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*  display: block;*/
/*}*/

/* toggle button (arrow) */
/*.mmz-m-toggle {*/
/*  background: transparent;*/
/*  border: 0;*/
/*  padding: 4px 6px;*/
/*  cursor: pointer;*/
/*  line-height: 1;*/
/*}*/
/*.mmz-m-toggle:focus {*/
/*  outline: 2px solid #2563eb;*/
/*  outline-offset: 2px;*/
/*}*/

/*.mmz-m-toggle[aria-expanded="true"] .mmz-m-toggle-icon {*/
/*  transform: rotate(180deg);*/
/*}*/

/* sublists */
/*.mmz-m-l2,*/
/*.mmz-m-l3 {*/
/*  padding-left: 8px;*/
/*  border-left: 2px solid #f3f4f6;*/
/*}*/
/*.mmz-m-l2[hidden],*/
/*.mmz-m-l3[hidden] {*/
/*  display: none !important;*/
/*}*/

/* level-specific spacing */
/*.mmz-m-li-l2 .mmz-m-row {*/
/*  padding-left: 10px;*/
/*}*/
/*.mmz-m-li-l3 .mmz-m-row {*/
/*  padding-left: 20px;*/
/*}*/



/* ==========================================
   MMZ WooCommerce Mega Menu - Mobile
========================================== */

.mmz-mobile{
    width:100%;
}

.mmz-mobile *,
.mmz-mobile *::before,
.mmz-mobile *::after{
    box-sizing:border-box;
}

/* ===========================
   Lists
=========================== */

.mmz-m-list,
.mmz-mobile ul,
.mmz-mobile li{
    margin:0;
    padding:0;
    list-style:none;
    border:none !important;
}

/* ===========================
   Rows
=========================== */

.mmz-m-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;

    padding:.55rem .75rem;

    background:transparent !important;
    border:none !important;
}

/* ===========================
   Links
=========================== */

.mmz-m-a,
.mmz-m-a:link,
.mmz-m-a:visited,
.mmz-m-a:hover,
.mmz-m-a:focus,
.mmz-m-a:active{
    flex:1;

    display:flex;
    align-items:center;
    gap:8px;

    text-decoration:none !important;

    color:#fff !important;

    font-size:16px;
    font-weight:500;
    line-height:1.5;

    background:transparent !important;
}

/* ===========================
   Icons
=========================== */

.mmz-icon-img img,
.mmz-icon-svg svg{
    width:24px;
    height:24px;
    display:block;
    flex-shrink:0;
}

/* ===========================
   Toggle Button
=========================== */

.mmz-m-toggle,
.mmz-m-toggle:hover,
.mmz-m-toggle:focus,
.mmz-m-toggle:focus-visible,
.mmz-m-toggle:active{
    cursor:pointer;
    background:none !important;
    background-color:transparent !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-tap-highlight-color:transparent;
}

/* حذف هر نوع افکت قالب روی دکمه */

.mmz-m-toggle::before,
.mmz-m-toggle::after,
.mmz-m-toggle:hover::before,
.mmz-m-toggle:hover::after{
    display:none !important;
}

/* ===========================
   Arrow
=========================== */

.mmz-m-toggle-icon {
    color: #fff;
    font-size: 12px;
    line-height: 1;
    transition: transform .25s ease;
    display: inline-block;
    width: 9px;
    height: 9px;
}

.mmz-m-toggle-icon svg {
    fill: white;
}

.mmz-m-toggle[aria-expanded="true"] .mmz-m-toggle-icon{
    transform:rotate(180deg);
}

/* ===========================
   Level 2
=========================== */

.mmz-m-l2{
    margin:0;
    padding:0;
    border:none !important;
}

.mmz-m-l2[hidden]{
    display:none !important;
}

.mmz-m-l2>.mmz-m-li>.mmz-m-row{
    padding-right:2rem;
}

.mmz-m-l2 .mmz-m-a{
    color:#fff !important;
    font-size:16px;
    font-weight:500;
}

/* ===========================
   Level 3
=========================== */

.mmz-m-l3{
    margin:0;
    padding:0;
    border:none !important;
}

.mmz-m-l3[hidden]{
    display:none !important;
}

.mmz-m-l3>.mmz-m-li>.mmz-m-row{
    padding-right:3.5rem;
}

.mmz-m-l3 .mmz-m-a{
    color:#fff !important;
    font-size:16px;
    font-weight:500;
}

/* ===========================
   Remove Everything
=========================== */

.mmz-mobile li,
.mmz-mobile ul,
.mmz-mobile a,
.mmz-mobile button{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

.mmz-mobile hr{
    display:none !important;
}



/* حذف کامل تمام حالت‌های hover / focus / active دکمه فلش */
.mmz-m-toggle,
.mmz-m-toggle:hover,
.mmz-m-toggle:focus,
.mmz-m-toggle:active,
.mmz-m-toggle:focus-visible{
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* خود آیکون هم هیچ بک‌گراند یا بوردری نداشته باشد */
.mmz-m-toggle-icon,
.mmz-m-toggle-icon:hover,
.mmz-m-toggle-icon:focus,
.mmz-m-toggle-icon:active{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* SVG هم هیچ استایلی نگیرد */
.mmz-m-toggle svg,
.mmz-m-toggle:hover svg,
.mmz-m-toggle:focus svg,
.mmz-m-toggle:active svg{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* فقط هنگام باز بودن بچرخد */
.mmz-m-toggle svg{
    transition: transform .25s ease;
}

.mmz-m-toggle[aria-expanded="true"] svg{
    transform: rotate(180deg);
}