/* Basic styles for Custom Mega Menu */
.cmm-nav { font-family: Arial, sans-serif; }
.cmm-menu { display:flex; gap:10px; background: var(--cmm-primary); padding:10px 16px; list-style:none; margin:0; align-items:center; }
.cmm-menu > li { position:relative; }
.cmm-menu > li > a { color:#fff; text-decoration:none; padding:8px 12px; display:inline-block; font-weight:600; }
.cmm-menu > li > a .cmm-title{}
/* Mega dropdown */
.cmm-mega-wrap { position:absolute; left:0; top:100%; width:100%; display:none; padding:18px; box-sizing:border-box; z-index:9999; }
.cmm-menu > li:hover > .cmm-mega-wrap { display:block; }
.cmm-mega { display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; background:var(--cmm-bg); color:var(--cmm-text); padding:20px; border-radius:10px; box-shadow:0 6px 24px rgba(2,8,20,0.12); margin:0; list-style:none; }

/* Column */
.cmm-column { padding:6px 8px; border-radius:6px; background: transparent; }
.cmm-col-head .cmm-col-title { display:block; font-weight:700; text-decoration:none; color:var(--cmm-text); padding-bottom:8px; }
.cmm-column .sub-menu { list-style:none; padding:0; margin:0; }
.cmm-column .sub-menu li { padding:6px 0; }
.cmm-column .sub-menu li a { text-decoration:none; color:var(--cmm-text); }

/* small highlight (optional) */
.cmm-column .sub-menu li a:after { content:""; float:right; width:8px; height:8px; border-right:2px solid var(--cmm-accent); border-bottom:2px solid var(--cmm-accent); transform:rotate(-45deg); margin-top:6px; opacity:0; transition:opacity .15s; }
.cmm-column .sub-menu li a:hover:after { opacity:1; }

/* Responsive */
@media (max-width:900px){
  .cmm-menu { flex-wrap:nowrap; overflow:auto; }
  .cmm-mega-wrap { position:static; display:none; width:100%; }
  .cmm-menu > li:hover > .cmm-mega-wrap { display:block; }
  .cmm-mega { grid-template-columns: 1fr; }
}