/* EMB Pro frontend styles v0.3.0 */
.emb-pro-mega { display: none; position: absolute; left: 0; top: 100%; width: 100%; background: #fff; z-index: 99999; box-shadow: 0 8px 30px rgba(0,0,0,.12); padding: 18px; border-radius: 6px; }
.emb-pro-mega-pos-left { left: 0; width: 480px; }
.emb-pro-mega-pos-right { right: 0; left: auto; width: 480px; }
.menu-item:hover > .emb-pro-mega { display: block; }
.emb-pro-menu-wrap { position: relative; }
.emb-mega-icon { margin-right:8px; display:inline-block; vertical-align:middle; }
.emb-mega-badge { max-height:30px; margin-left:8px; vertical-align:middle; }
/* Offcanvas */
.emb-pro-offcanvas { display:none; position:fixed; right:0; top:0; bottom:0; width:380px; background:#fff; z-index:100000; box-shadow:-10px 0 30px rgba(0,0,0,.2); }
.emb-pro-offcanvas .emb-pro-offcanvas-inner{ padding:20px; overflow:auto; height:100%; }
.emb-pro-offcanvas-close{ position:absolute; left:10px; top:10px; }
.emb-pro-offcanvas-open { display:block; }
/* Responsive adjustments */
@media (max-width: 992px){
  .emb-pro-mega { position: static; display: none; width: 100%; box-shadow: none; padding: 12px; }
  .menu-item:hover > .emb-pro-mega { display: none; }
}