/* EssingtonITS mega menu (desktop). Builds on Kopage's existing menu markup; see eits-menu.js */
@media (min-width: 992px) {
  .ko_Theme .topmenu > li > a[rel^="dropmenu"] span::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); opacity: .7; transition: transform .2s; }
  .ko_Theme .topmenu > li.eits-open > a[rel^="dropmenu"] span::after { transform: translateY(1px) rotate(225deg); }
  .ko_Theme .topmenu > li.eits-has-mega > a[rel^="dropmenu"] span > i.fa-chevron-down,
  .ko_Theme .topmenu > li.eits-has-mega > a[rel^="dropmenu"] span > i.fa-angle-down { display: none; }
  /* hide Kopage's own hover dropdowns once the mega menu is active */
  body.eits-mega .dropmenudiv.dropfirst { display: none !important; }
  .eits-mega-panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 65450; background: #fff; color: #14201A; border-top: 3px solid var(--color1, #007745); box-shadow: 0 30px 60px rgba(0,0,0,.28), 0 6px 16px rgba(0,0,0,.12); padding: 18px 0 16px; display: none; }
  .eits-mega-panel.eits-show { display: block; animation: eits-fade .16s ease-out; }
  @keyframes eits-fade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
  .eits-mega-inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: repeat(var(--eits-cols, 4), minmax(0, 1fr)); gap: 18px 22px; font-family: var(--font2, Montserrat), sans-serif; }
  .eits-mega-col { min-width: 0; }
  .eits-mega-col > a.eits-mega-head { display: flex; align-items: flex-start; gap: 10px; text-decoration: none; color: #14201A; font: 700 .98rem var(--font1, "Fira Sans"), sans-serif; padding: 8px 10px; margin: -8px -10px 6px; border-radius: 8px; line-height: 1.25; }
  .eits-mega-col > a.eits-mega-head:hover { background: #EEF5F1; color: var(--color1, #007745); }
  .eits-mega-col > a.eits-mega-head .ic { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 8px; background: var(--color1, #007745); color: #fff; display: grid; place-items: center; font-size: .9rem; }
  .eits-mega-col > a.eits-mega-head small { display: block; font: 400 .72rem var(--font2, Montserrat), sans-serif; color: #5C6B63; margin-top: 3px; text-transform: none; letter-spacing: 0; }
  .eits-mega-col > a.eits-mega-head:hover small { color: var(--color1, #007745); }
  .eits-mega-col ul { list-style: none; margin: 0; padding: 0 0 0 44px; }
  .eits-mega-col ul ul { padding-left: 14px; border-left: 2px solid #E3EAE6; margin: 2px 0 4px 6px; }
  .eits-mega-col li a { display: block; text-decoration: none; color: #2B3A32; font-size: .86rem; padding: 5px 8px; border-radius: 6px; line-height: 1.3; }
  .eits-mega-col li a:hover { background: #EEF5F1; color: var(--color1, #007745); }
  .eits-mega-col li a.eits-parent { font-weight: 600; color: #14201A; }
  .eits-mega-col li a.eits-parent::after { content: "→"; margin-left: 6px; opacity: .45; font-weight: 400; }
  .eits-mega-col li a .eits-more { font-size: .72rem; font-weight: 500; color: #5C6B63; background: #EEF5F1; border-radius: 999px; padding: 1px 7px; margin-left: 4px; }
  .eits-mega-foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center; border-top: 1px solid #E3EAE6; padding-top: 10px; margin-top: 0; font-size: .82rem; color: #5C6B63; }
  .eits-mega-foot a { color: var(--color1, #007745); text-decoration: none; font-weight: 600; }
  .eits-mega-foot a:hover { text-decoration: underline; }
  .eits-mega-foot .eits-mega-cta { margin-left: auto; background: var(--color1, #007745); color: #fff; padding: 8px 14px; border-radius: 6px; }
  .eits-mega-foot .eits-mega-cta:hover { text-decoration: none; background: var(--color1_125, #005934); }
  #headerMenu { position: relative; }
}
/* Mobile: make nested parents obviously tappable links inside Kopage's off-canvas menu */
@media (max-width: 991px) {
  .eits-mobile-view { display: block; font-size: .8rem; opacity: .8; padding: 2px 0 8px 18px; }
  .eits-mobile-view a { text-decoration: underline; }
}