.zrmm-menu-item.zrmm-active > .zrmm-flex-row > .zrmm-menu-link { color: #edb717 !important; } .zrmm-submenu.zrmm-multi-column { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 20px; max-height: none; overflow-y: visible; padding: 10px; } .zrmm-submenu.zrmm-multi-column > li { white-space: normal; padding: 4px 8px; border-radius: 6px; transition: background-color 0.3s ease; } .zrmm-submenu.zrmm-multi-column > li:hover { background-color: #f5f5f5; } .zrmm-submenu:not(.zrmm-multi-column) { display: flex; flex-direction: column; gap: 8px; max-height: none; overflow: visible; } .zrmm-container { font-family: 'zarin-font'; position: relative; z-index: 3; direction: rtl; padding: 0 10px; } .zrmm-container .zrmm-root-menu { list-style: none; display: flex; gap: 15px; margin: 0; padding: 0px; font-size: 15px; font-weight: 400; flex-direction: row; } .zrmm-container .zrmm-menu-item { position: relative; outline: none; } .zrmm-container .zrmm-submenu { list-style: none; position: absolute; top: 100%; right: 0; background-color: #fff; min-width: max-content; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.1); border-radius: 14px; padding: 15px 20px; display: none; flex-direction: column; gap: 0px; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; z-index: 999; white-space: nowrap; pointer-events: none; } .zrmm-container .zrmm-menu-item:hover > .zrmm-submenu { display: flex; opacity: 1; transform: translateY(0); pointer-events: auto; } .zrmm-container .zrmm-flex-row { display: flex; align-items: center; justify-content: space-between; gap: 0px; } .zrmm-container .zrmm-menu-link { text-decoration: none; color: #2d3a49; padding: 10px 6px; font-size: 15px; display: inline-block; transition: color 0.3s ease; flex: 1; font-weight: 400; } .zrmm-container .zrmm-menu-link:hover { color: #edb717; } .zrmm-container .zrmm-toggle-icon { background: none; border: none; cursor: pointer; padding: 0; display: inline-flex; align-items: center; color: #2d3a49; transition: color 0.3s ease; } .zrmm-container .zrmm-toggle-icon > .zrmm-chevron { transition: transform 0.3s ease; } .zrmm-container .zrmm-menu-item:hover .zrmm-toggle-icon { color: #edb717; } .zrmm-container .zrmm-menu-item:hover .zrmm-toggle-icon > .zrmm-chevron { transform: rotate(180deg); } .zrmm-container .zrmm-custom-icon { width: 20px; height: 20px; } .zrmm-container .zrmm-submenu .zrmm-menu-link { font-weight: 400 !important; font-size: 14px } .zrmm-container .zrmm-menu-item:hover > .zrmm-flex-row > .zrmm-custom-icon { filter: brightness(0) saturate(100%) invert(61%) sepia(73%) saturate(430%) hue-rotate(6deg) brightness(98%) contrast(103%); } @media (max-width: 768px) { .zrmm-container .zrmm-root-menu { flex-direction: column; gap: 10px; } .zrmm-container .zrmm-submenu { position: static !important; box-shadow: none; background: transparent; padding: 8px 0; transform: none !important; display: none; opacity: 1; white-space: normal; pointer-events: auto; } .zrmm-container .zrmm-menu-item:hover > .zrmm-submenu { display: flex; } }