/* Optional hamburger styles (works only if you add data-mobile-menu to your menu container) */
.menu-toggle{display:none;background:transparent;border:none;padding:10px;margin:8px 12px;border-radius:10px;cursor:pointer}
.menu-toggle .bar,.menu-toggle .bar::before,.menu-toggle .bar::after{content:"";display:block;width:28px;height:2px;background:#0f172a;position:relative;transition:transform .2s,opacity .2s,top .2s}
.menu-toggle .bar::before{position:absolute;top:-8px}
.menu-toggle .bar::after{position:absolute;top:8px}
.menu-toggle.active .bar{transform:rotate(45deg)}
.menu-toggle.active .bar::before{top:0;transform:rotate(90deg)}
.menu-toggle.active .bar::after{top:0;opacity:0}

/* Admin highlight */
.edit-mode [data-editable]{outline:2px dashed #f59e0b;outline-offset:2px;background:rgba(245,158,11,.12)}
.edit-mode [data-editable]:hover{background:rgba(245,158,11,.2)}
.selector-cursor *{ cursor: crosshair !important; }