/*
 * 04-navigation.css
 * Site navigation, main menu, mega-menu, and accessibility nav.
 * -------------------------------------------------------------
 */

/* ── Main Navigation ── */
.main-navigation {
  clear: both;
  display: block;
  float: right;
  width: 100%;
  background: transparent;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul { left: -999em; top: 0; }

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul { left: 100%; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul { display: block; left: auto; }

.main-navigation li { position: relative; }

.main-navigation a { display: block; text-decoration: none; }

.main-navigation ul ul a {
  color: #333 !important;
  font-size: 0.7em;
  text-align: center;
}

/* Menu inner container */
.menu-inner {
  font-family: 'Open Sans', sans-serif;
  max-width: 1200px;
  margin: 0 auto;
  overflow: visible;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu_title a { text-decoration: none !important; }

/* ── Mega Menu ── */
div#mega-menu-wrap-menu-1 {
  background: #fff;
  padding: 5px 0px;
  z-index: 99999999 !important;
}

ul.mega-sub-menu {
  background: #fff !important;
  opacity: 0.95 !important;
  width: 100% !important;
  box-shadow: 0 3px 3px rgba(51, 51, 51, 0.2) !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: inline !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 input,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 img {
  max-width: 269px;
  float: left !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 p { margin-bottom: 0; }

/* ── Post / Page Navigation ── */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  border-bottom: 1px solid #e2e4e7;
  margin: 0 auto 60px;
  max-width: 1200px;
  overflow: hidden;
  padding-bottom: 60px;
}

.nav-links { display: flex; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { width: 50%; flex: 1 0 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next { text-align: end; flex: 1 0 50%; }

/* ── Tablet: hide desktop nav ── */
@media only screen and (max-width: 992px) {
  nav#site-navigation { display: none !important; }
  .menu_title         { display: none; }
}

/* ── Mobile: hide desktop nav ── */
@media handheld, only screen and (max-width: 767px) {
  nav#site-navigation { display: none; }
  .menu_title         { display: none !important; }
}

/*
 * ── Customiser overrides ──────────────────────────────────────────────
 */

/* Main nav bar background and spacing */
.main-navigation {
  margin-top: -10px;
  background: #fff;
}

.menu-inner { max-width: 100% !important; }

/* Mega menu link colour */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  color: #857e6c !important;
}

.main-navigation ul ul a {
  color: #857e6c !important;
  font-size: 0.7em;
  text-align: center;
}

/* Sticky mega menu */
#mega-menu-wrap-menu-1.mega-sticky { background: #eeebda; }

/* Book consultation CTA menu item */
.main-navigation li#mega-menu-item-1722 {
  padding: 5px 20px !important;
  background: #495037 !important;
  margin: 10px;
  color: #cfb385 !important;
  border-radius: 5px !important;
}

li#mega-menu-item-1722 a:hover  { background: none !important; }

li#mega-menu-item-1735 { margin-right: 100px !important; }
li#mega-menu-item-1722 { margin-left:  100px !important; }

/* Phone icon on menu item 1735 */
li#mega-menu-item-1735 a::before {
  content: '\f095' !important;
  color: #495037 !important;
  height: 35px !important;
  width: 35px !important;
  margin-top: 4px !important;
  background: url(https://www.monkeywood.co.uk/wp-content/uploads/2025/08/phone-solid-full.svg) !important;
}

/* Highlight menu item (gold) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li#mega-menu-item-1722 a.mega-menu-link {
  color: #d0b486 !important;
}

/* Mega menu logo/image override */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 input,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 img {
  max-width: 100% !important;
  float: left !important;
}

/* Slide-out mobile menu */
#sfm-sidebar,
.sfm-sidebar-bg,
#sfm-sidebar .sfm-nav,
#sfm-sidebar .sfm-logo,
#sfm-sidebar .sfm-social,
.sfm-style-toolbar .sfm-copy {
  width: 275px;
  background-color: #484f36;
}

#sfm-sidebar .sfm-view-level-1 li a,
#sfm-sidebar .sfm-menu-level-1 li a {
  color: #ffffff;
  border-color: #ffffff;
  font-size: 1.1em;
  margin-left: 10px;
}

#sfm-sidebar .sfm-va-middle {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  height: 100%;
  padding-top: 100px !important;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2222;
}

.sfm-navicon,
.sfm-navicon:after,
.sfm-navicon:before,
.sfm-label-metro .sfm-navicon-button,
#sfm-mob-navbar { background-color: #fff; }

/* Mobile portrait: show menu title */
@media only screen
  and (min-device-width: 0px)
  and (max-device-width: 768px)
  and (orientation: portrait) {
  .menu_title { display: block !important; }
}