/* MEGANET Boutique mega menu; scoped to the existing WordPress menu item. */
#header .mgmm-parent, .ct-header .mgmm-parent, .site-header .mgmm-parent { position: static !important; }
#header .mgmm-parent > a, .ct-header .mgmm-parent > a, .site-header .mgmm-parent > a { position: relative; }
#header .mgmm-parent > a::after, .ct-header .mgmm-parent > a::after, .site-header .mgmm-parent > a::after {
  content:""; position:absolute; height:3px; left:10%; right:10%; bottom:2px;
  border-radius:4px; background:#e30613; transform:scaleX(0); transform-origin:center;
  transition:transform .2s ease;
}
#header .mgmm-parent:hover > a::after, .ct-header .mgmm-parent:hover > a::after, .site-header .mgmm-parent:hover > a::after,
#header .mgmm-parent:focus-within > a::after, .ct-header .mgmm-parent:focus-within > a::after, .site-header .mgmm-parent:focus-within > a::after,
#header .mgmm-parent.is-open > a::after, .ct-header .mgmm-parent.is-open > a::after, .site-header .mgmm-parent.is-open > a::after { transform:scaleX(1); }

.mgmm-panel { box-sizing:border-box; position:absolute; z-index:10000; left:50%; top:100%; width:min(1080px, calc(100vw - 32px));
  padding:18px; color:#142b3c; background:#fff; border:1px solid #dce4ec; border-radius:16px;
  box-shadow:0 22px 56px rgba(11,33,57,.17); opacity:0; visibility:hidden;
  transform:translate(-50%, 8px); transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  pointer-events:none; text-align:start; direction:inherit;
}
.mgmm-panel *, .mgmm-panel *::before, .mgmm-panel *::after { box-sizing:border-box; }
.mgmm-parent:hover > .mgmm-panel, .mgmm-parent:focus-within > .mgmm-panel, .mgmm-parent.is-open > .mgmm-panel {
  opacity:1; visibility:visible; transform:translate(-50%, 0); pointer-events:auto;
}
.mgmm-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mgmm-card { padding:12px 14px 8px; min-width:0; background:#fff; border:1px solid #dce4ec; border-radius:13px; }
.mgmm-card-head { display:flex; align-items:center; gap:6px; min-height:25px; }
.mgmm-panel .mgmm-title { display:inline-flex !important; align-items:center; gap:7px; min-width:0; padding:0 !important;
  color:#142b3c !important; font-size:13px !important; line-height:1.35; font-weight:800 !important; text-decoration:none !important;
  background:transparent !important;
}
.mgmm-panel .mgmm-title:hover, .mgmm-panel .mgmm-links a:hover { color:#d51421 !important; }
.mgmm-panel .mgmm-icon { font-size:13px; line-height:1; flex:0 0 auto; }
.mgmm-panel .mgmm-links { position:static !important; display:block !important; margin:7px 0 0 !important;
  padding:0 !important; list-style:none !important; background:none !important; border:0 !important;
  box-shadow:none !important; transform:none !important; opacity:1 !important; visibility:visible !important; width:auto !important;
}
.mgmm-panel .mgmm-links li { display:block !important; float:none !important; margin:0 !important; padding:0 !important; width:auto !important; }
.mgmm-panel .mgmm-links a { display:flex !important; align-items:center; justify-content:space-between; gap:7px;
  width:100%; min-height:34px; padding:7px 0 !important; border-bottom:1px dashed #e6e9ed;
  color:#193041 !important; font-size:12px !important; line-height:1.3; font-weight:650 !important;
  text-decoration:none !important; white-space:normal !important; background:none !important;
}
.mgmm-panel .mgmm-links li:last-child a { border-bottom:0; }
.mgmm-panel .mgmm-links a::after { content:"←"; font-size:12px; flex:0 0 auto; color:#4a6275; }
html[dir="rtl"] .mgmm-panel .mgmm-links a::after { content:"→"; }
.mgmm-panel .mgmm-all { display:inline-block; margin:12px 2px 0; color:#bb1724 !important;
  font-size:12px; font-weight:750; text-decoration:none !important; }
.mgmm-card-toggle { display:none; }
.site-footer .mgmm-panel, footer .mgmm-panel { display:none !important; }

@media (min-width: 901px) {
  #header, .ct-header, .site-header { position:relative; overflow:visible !important; }
  #header nav, #header nav > ul, .ct-header nav, .ct-header nav > ul,
  .site-header nav, .site-header nav > ul { position:static !important; }
}
@media (max-width: 900px) {
  .mgmm-parent { display:block !important; }
  .mgmm-panel { position:static !important; display:none; width:100%; max-height:65vh; overflow:auto;
    margin:5px 0 10px; padding:8px; border-radius:12px; box-shadow:none; opacity:1; visibility:visible;
    transform:none !important; pointer-events:auto; }
  .mgmm-parent:hover > .mgmm-panel, .mgmm-parent:focus-within > .mgmm-panel { display:none; }
  .mgmm-parent.is-open > .mgmm-panel, .mgmm-parent.is-open:focus-within > .mgmm-panel { display:block; }
  .mgmm-grid { grid-template-columns:1fr; gap:7px; }
  .mgmm-card { padding:9px 11px; }
  .mgmm-card-head { justify-content:space-between; }
  .mgmm-card-toggle { display:inline-grid; place-items:center; width:30px; height:30px; flex:0 0 30px;
    padding:0; border:0; background:#f2f5f8; color:#193041; border-radius:7px; font-size:20px; cursor:pointer; }
  .mgmm-panel .mgmm-links { display:none !important; margin-top:3px !important; }
  .mgmm-card.is-open .mgmm-links { display:block !important; }
  .mgmm-panel .mgmm-links a { min-height:32px; }
  .mgmm-all { margin:10px 3px 3px !important; }
}
@media (prefers-reduced-motion:reduce) {
  .mgmm-panel, .mgmm-parent > a::after { transition:none !important; }
}
