/**
 * Mobile Menu Entezi v2.3.0
 * @author Jakub Gulec
 */

/* Reset */
#mme-menu,#mme-menu *{box-sizing:border-box;margin:0;padding:0;border:0;font-family:var(--mme-font)}

/* Overlay */
#mme-overlay{display:none;position:fixed;inset:0;background:var(--mme-overlay);z-index:999998;opacity:0;transition:opacity .3s}
#mme-overlay.is-active{display:block;opacity:1}

/* Menu */
#mme-menu{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:var(--mme-menu-width);background:var(--mme-bg);z-index:999999;transform:translateX(-100%);transition:transform .3s;display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.15)}
#mme-menu.mme-right{left:auto;right:0;transform:translateX(100%)}
#mme-menu.is-open{transform:translateX(0)}

/* Header */
#mme-menu .mme-header{display:flex;min-height:50px;border-bottom:1px solid var(--mme-border);background:var(--mme-bg)}
#mme-menu .mme-close{display:flex;align-items:center;gap:6px;height:50px;padding:0 16px;background:var(--mme-close-bg);color:var(--mme-close-text);font-family:var(--mme-font);font-size:13px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
#mme-menu .mme-close:hover{opacity:.85}

/* Viewport & Slider */
#mme-menu .mme-viewport{flex:1;overflow:hidden;position:relative}
#mme-menu .mme-slider{display:flex;height:100%;transition:transform .3s}
#mme-menu .mme-panel{height:100%;overflow-y:auto;overflow-x:hidden;flex-shrink:0}

/* Back */
#mme-menu .mme-back{display:flex;align-items:center;gap:6px;width:100%;padding:12px 16px;background:var(--mme-hover-bg);color:var(--mme-text);font-family:var(--mme-font);font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-bottom:1px solid var(--mme-border);transition:opacity .2s}
#mme-menu .mme-back:hover{opacity:.8}

/* List */
#mme-menu .mme-list{list-style:none}
#mme-menu .mme-list li{border-bottom:1px solid var(--mme-border)}
#mme-menu .mme-list li:last-child{border-bottom:none}

/* Item */
#mme-menu .mme-item{display:flex;align-items:center;width:100%;min-height:50px;padding:10px 16px;background:var(--mme-bg);color:var(--mme-text);font-family:var(--mme-font);font-size:var(--mme-font-size);font-weight:var(--mme-font-weight);text-align:left;text-decoration:none;cursor:pointer;gap:12px;transition:background .15s,color .15s}
#mme-menu .mme-item:hover{background:var(--mme-hover-bg);color:var(--mme-text-hover)}
#mme-menu .mme-item span:first-of-type{flex:1}

/* Thumb */
#mme-menu .mme-thumb{width:var(--mme-thumb-size);height:var(--mme-thumb-size);object-fit:cover;border-radius:var(--mme-thumb-radius);background:#f8fafc;border:1px solid var(--mme-border);flex-shrink:0}

/* Arrow */
#mme-menu .mme-arrow{font-size:18px;color:var(--mme-text);opacity:.5;transition:all .15s}
#mme-menu .mme-item:hover .mme-arrow{color:var(--mme-text-hover);opacity:1;transform:translateX(3px)}

/* Toggle */
.mme-toggle{background:none!important;border:none!important;box-shadow:none!important;outline:none!important;cursor:pointer;font-size:24px;padding:8px;color:var(--mme-toggle-color)!important;line-height:1}

/* Body lock */
body.mme-lock{overflow:hidden;position:fixed;width:100%;height:100%}

/* Scrollbar */
#mme-menu .mme-panel::-webkit-scrollbar{width:5px}
#mme-menu .mme-panel::-webkit-scrollbar-thumb{background:var(--mme-border);border-radius:3px}

/* Mobile full width */
@media(max-width:360px){#mme-menu{max-width:100%}}