/* =============================================
   MEGAMENU - Area Guides (first main nav item)
   ============================================= */

/* Full-width megamenu panel */
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  max-height: none !important;
  overflow: visible !important;
  column-count: unset !important;
  display: none !important;
  padding: 30px 5% !important;
  background: #FFFDF8 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 3px solid #5C7A56 !important;
  z-index: 99999 !important;
  top: auto !important;
}

/* Show on hover as 4-column grid */
.header-navigation .menu > li.menu-item-has-children:first-child:hover > .sub-menu,
#main-navigation .menu > li.menu-item-has-children:first-child:hover > .sub-menu,
.header-navigation .menu > li.menu-item-has-children:first-child.menu-item--toggled > .sub-menu,
#main-navigation .menu > li.menu-item-has-children:first-child.menu-item--toggled > .sub-menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

/* Category headers */
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li.menu-item-has-children > a,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li.menu-item-has-children > a {
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #5C7A56 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 0 0 8px 0 !important;
  border-bottom: 2px solid #E8E0D4 !important;
  margin-bottom: 6px !important;
  display: block !important;
  pointer-events: none !important;
  cursor: default !important;
  background: none !important;
  border-radius: 0 !important;
  white-space: normal !important;
  width: auto !important;
}

/* Force sub-sub-menus visible */
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li.menu-item-has-children > .sub-menu,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li.menu-item-has-children > .sub-menu,
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li > .sub-menu,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li > .sub-menu {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/* Town links */
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li > .sub-menu > li > a,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li > .sub-menu > li > a {
  font-size: 13.5px !important;
  padding: 5px 0 !important;
  color: #55493A !important;
  white-space: normal !important;
  background: none !important;
  border-radius: 0 !important;
  width: auto !important;
  display: block !important;
  border: none !important;
}
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li > .sub-menu > li > a:hover,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li > .sub-menu > li > a:hover {
  color: #5C7A56 !important;
  background: transparent !important;
}

/* Explore Map link */
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li:first-child,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li:first-child {
  grid-column: 1 / -1 !important;
  text-align: center !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #E8E0D4 !important;
  margin-bottom: 10px !important;
}
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li:first-child > a,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li:first-child > a {
  font-weight: 600 !important;
  color: #5C7A56 !important;
  font-size: 15px !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  background: #F0EBE1 !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  display: inline-block !important;
  white-space: nowrap !important;
}
.header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li:first-child > a:hover,
#main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu > li:first-child > a:hover {
  background: #5C7A56 !important;
  color: #fff !important;
}

/* Normal dropdowns for other items */
.header-navigation .menu > li.menu-item-has-children:not(:first-child) > .sub-menu,
#main-navigation .menu > li.menu-item-has-children:not(:first-child) > .sub-menu {
  min-width: 260px !important;
  max-height: none !important;
  overflow: visible !important;
  column-count: unset !important;
}

/* Mobile fallback */
@media (max-width: 1024px) {
  .header-navigation .menu > li.menu-item-has-children:first-child > .sub-menu,
  #main-navigation .menu > li.menu-item-has-children:first-child > .sub-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    padding: 10px !important;
    box-shadow: none !important;
    border-top: none !important;
  }
  .header-navigation .menu > li.menu-item-has-children:first-child:hover > .sub-menu,
  #main-navigation .menu > li.menu-item-has-children:first-child:hover > .sub-menu {
    display: block !important;
  }
}

/* Quick Verdict mobile fix */
div[style*="Quick Verdict"],
div[style*="Honest Take"],
.nlg-verdict-box {
  min-width: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  box-sizing: border-box !important;
}
@media (max-width: 768px) {
  div[style*="border-left:4px solid #D4A04A"],
  div[style*="border-left: 4px solid #D4A04A"] {
    padding: 16px 14px !important;
  }
}

/* Footer text readability - light bg needs dark text */
.site-footer,
.site-footer .widget,
.site-footer p,
.site-footer li,
.site-footer span,
.footer-widget-area,
.site-footer .footer-widget-area {
  color: #1a1a1a !important;
}
.site-footer a {
  color: #2d5016 !important;
}
.site-footer a:hover {
  color: #5C7A56 !important;
}
.site-footer a:visited {
  color: #2d5016 !important;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .widget-title {
  color: #1a1a1a !important;
}
.site-footer .footer-menu-container a,
.site-footer nav a {
  color: #1a1a1a !important;
}
.site-footer .footer-menu-container a:hover,
.site-footer nav a:hover {
  color: #5C7A56 !important;
}