/* Full menu matching fix for Contact page */

/* ========================= DESKTOP MENU FIXES ========================= */
@media (min-width: 992px) {
  /* Force full desktop menu visibility */
  #header #header-wrap #primary-menu {    
    display: flex !important;
    float: right !important;
    height: 100px !important;
    margin-right: 0 !important;
  }
  
  /* Desktop menu items list */
  #header #header-wrap #primary-menu > ul {
    display: flex !important;
    float: right !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Individual menu items */
  #header #header-wrap #primary-menu > ul > li {
    position: relative !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100px !important;
  }
  
  /* Menu items text - critical for fitting all items */
  #header #header-wrap #primary-menu > ul > li > a,
  #header #header-wrap #primary-menu > ul > li > a div {
    height: 100px !important;
    line-height: 100px !important;
    padding: 0 7px !important; /* Minimum padding to fit all items */
    font-size: 11px !important; /* Smaller font to ensure fit */
    letter-spacing: 0 !important; /* No letter spacing */
    text-transform: uppercase !important;
    color: #EEE !important;
    font-family: 'GothamSSm-Bold', sans-serif !important;
  }
  
  /* Menu hover states */
  #header #header-wrap #primary-menu > ul > li:hover > a,
  #header #header-wrap #primary-menu > ul > li.current > a,
  #header #header-wrap #primary-menu > ul > li:hover > a div,
  #header #header-wrap #primary-menu > ul > li.current > a div {
    color: #00c6ab !important;
  }
  
  /* Hide hamburger menu on desktop */
  #header #header-wrap #primary-menu-trigger {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  
  /* Dropdown menu positioning */
  #header #header-wrap #primary-menu ul ul {
    display: none;
    position: absolute !important;
    width: 220px !important;
    background-color: #222 !important;
    box-shadow: 0px 13px 42px 11px rgba(0,0,0,0.05) !important;
    border: 1px solid #EEE !important;
    height: auto !important;
    z-index: 199 !important;
    top: 100px !important;
    left: 0 !important;
    margin: 0 !important;
  }
  
  /* Show dropdown on hover */
  #header #header-wrap #primary-menu ul li:hover > ul {
    display: block !important;
  }
  
  /* Dropdown menu items */
  #header #header-wrap #primary-menu ul ul li {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    height: auto !important;
  }
  
  /* Dropdown menu item links */
  #header #header-wrap #primary-menu ul ul li a {
    display: block !important;
    padding: 12px 15px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #EEE !important;
  }
  
  /* Dropdown hover state */
  #header #header-wrap #primary-menu ul ul li:hover > a {
    color: #00c6ab !important;
  }
}

/* ========================= MOBILE MENU FIXES ========================= */
@media (max-width: 991px) {
  /* Force show hamburger icon */
  #header #header-wrap #primary-menu-trigger {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 300 !important;
    position: relative !important;
    top: 25px !important;
    margin-top: 0 !important;
    left: auto !important;
    right: 0 !important;
    height: auto !important;
    font-size: 24px !important;
  }
  
  /* Hide desktop menu on mobile by default */
  #header #header-wrap #primary-menu {
    display: none !important;
  }
  
  /* Show mobile menu when toggled */
  body.primary-menu-open #header #header-wrap #primary-menu {
    display: block !important;
    position: absolute !important;
    top: 100px !important;
    left: 0 !important;
    width: 100% !important;
    background-color: #333 !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    z-index: 499 !important;
  }
  
  /* Mobile menu list */
  body.primary-menu-open #header #header-wrap #primary-menu > ul {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Mobile menu items */
  body.primary-menu-open #header #header-wrap #primary-menu > ul > li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    margin: 0 !important;
  }
  
  /* First item doesn't need border */
  body.primary-menu-open #header #header-wrap #primary-menu > ul > li:first-child {
    border-top: none !important;
  }
  
  /* Mobile menu links - these need to match exactly the screenshot */
  body.primary-menu-open #header #header-wrap #primary-menu > ul > li > a,
  body.primary-menu-open #header #header-wrap #primary-menu > ul > li > a div {
    height: auto !important;
    line-height: 24px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    color: #00c6ab !important; /* Teal color as shown in screenshot */
    text-align: left !important;
    font-family: 'GothamSSm-Bold', sans-serif !important;
  }
  
  /* Mobile submenu styles */
  body.primary-menu-open #header #header-wrap #primary-menu ul ul {
    position: relative !important;
    width: 100% !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding-left: 15px !important;
    display: none !important;
  }
  
  /* Mobile submenu items */
  body.primary-menu-open #header #header-wrap #primary-menu ul ul li {
    height: auto !important;
    background: none !important;
  }
  
  /* Mobile submenu links */
  body.primary-menu-open #header #header-wrap #primary-menu ul ul li a,
  body.primary-menu-open #header #header-wrap #primary-menu ul ul li a div {
    line-height: 24px !important;
    padding: 8px 15px !important;
    color: #00c6ab !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    text-align: left !important;
  }
  
  /* Make sure that the right arrows are visible in mobile view */
  body.primary-menu-open #header #header-wrap #primary-menu ul li > a > div > i.icon-angle-down,
  body.primary-menu-open #header #header-wrap #primary-menu ul li > a > i.icon-angle-down {
    display: inline-block !important;
    position: absolute !important;
    right: 15px !important;
    top: 12px !important;
    font-size: 18px !important;
    color: #00c6ab !important;
  }
}

/* ========================= COMMON FIXES FOR BOTH MODES ========================= */
/* Logo styles to match exactly with HomePage */
#logo, #logo a {
  height: auto !important;
  width: auto !important;
  margin-right: 20px !important;
}

#logo picture { 
  display: inline-block !important; 
}

#logo img {
  height: auto !important; 
  width: auto !important; 
  max-height: 80px !important; 
  max-width: 300px !important; 
  object-fit: contain !important;
}

/* Header structure */
#header-wrap { 
  display: flex !important; 
  align-items: center !important; 
}

@media (max-width: 991px) {
  #logo img { 
    max-height: 60px !important; 
    max-width: 240px !important; 
  }
  #header-wrap { 
    justify-content: space-between !important; 
  }
}

@media (max-width: 767px) {
  #logo img { 
    max-height: 50px !important; 
    max-width: 200px !important; 
  }
}