/* Force Solo Mobile Header and Logo into a single row */
@media (max-width: 992px) {
  #header, 
  header,
  .p-header,
  .top-header-orange {
    padding: 10px 15px !important;
  }
  #header .container,
  header .container,
  .header-main-inside {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .site-logo, 
  .logo-wrapper,
  .site-name-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  .site-logo img {
    max-height: 45px !important;
    width: auto !important;
  }
  .mobile-menu-icon,
  .mt-toggle,
  [class*="menu-toggle"],
  [id*="mobile-nav"] {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    order: 2 !important;
  }
}

/* ── The Hive Custom Header ── */
.ms-header { 
  display: flex !important; 
  align-items: center !important; 
  justify-content: space-between !important; 
  background: #fff !important; 
  padding: 15px 0 !important;
  box-sizing: border-box !important; 
}
.ms-logo { 
  display: flex !important; 
  align-items: center !important; 
  gap: 12px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ms-oise-wrapper { 
  display: flex !important; 
  align-items: center !important; 
  gap: 12px !important;
}
.ms-hub-logo-img {
  max-height: 55px !important; 
  width: auto !important; 
  display: block !important;
}
.ms-logo p {
  margin: 0 !important; 
  padding: 0 !important;
}
.ms-nav { 
  display: flex !important; 
  flex-direction: column !important; 
  align-items: flex-end !important; 
  gap: 10px !important; 
  margin-left: auto !important;
}
.ms-nav-row { 
  display: flex !important; 
  align-items: center !important; 
  gap: 14px !important; 
}
.ms-hamburger { 
  display: none !important; 
  flex-direction: column !important; 
  gap: 5px !important; 
  cursor: pointer !important; 
  padding: 8px !important; 
  background: none !important; 
  border: none !important; 
  margin-left: auto !important;
}
.ms-hamburger span { 
  display: block !important; 
  width: 25px !important; 
  height: 3px !important; 
  background: #25355a !important; 
  border-radius: 3px !important; 
}
.ms-mobile-menu { 
  display: none !important; 
  flex-direction: column !important; 
  background: #fff !important; 
  padding: 10px 20px !important; 
  border-top: 2px solid #ffcc33 !important; 
  width: 100% !important; 
  box-sizing: border-box !important; 
}
.ms-mobile-menu a { 
  display: block !important; 
  color: #25355a !important; 
  font-size: 16px !important; 
  font-weight: 700 !important; 
  padding: 12px 0 !important; 
  text-decoration: none !important; 
  border-bottom: 1px solid #f0f0f0 !important; 
}
.ms-mobile-menu a:hover { 
  color: #007fa2 !important; 
}
.ms-login-mobile { 
  display: block !important; 
  background: #ffcc33 !important; 
  color: #25355a !important; 
  font-weight: 700 !important; 
  padding: 12px 20px !important; 
  border-radius: 8px !important; 
  text-align: center !important; 
  margin-top: 10px !important; 
  text-decoration: none !important; 
}
@media (max-width: 992px) {
  .ms-nav { display: none !important; }
  .ms-hamburger { display: flex !important; }
  .ms-mobile-menu.open { display: flex !important; }
  .ms-header { padding: 10px 15px !important; }
  .ms-oise-wrapper { display: none !important; }
  .ms-logo p { display: none !important; }
  .ms-hub-logo-img { display: block !important; margin: 0 !important; }
}
@media (max-width: 992px) {
  .ms-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }
  .ms-logo {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .ms-hamburger {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 992px) {
  .p-header,
  .p-header .container,
  .p-header .row,
  .p-header .col,
  [class*="header"] .block-block-content {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 992px) {
  .ms-hamburger {
    margin-left: auto !important;
    order: 2 !important;
  }
}
@media (max-width: 992px) {
  .ms-header {
    text-align: left !important;
  }
  .ms-hamburger {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .ms-logo {
    position: relative !important;
  }
  .p-header,
  .p-header .container,
  .p-header .row,
  .p-header .col,
  [class*="header"] .block-block-content {
    position: relative !important;
  }
}
/* ── Mobile: force logo image visible ── */
@media (max-width: 992px) {
  .ms-logo img.ms-hub-logo-img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ── Mobile: hero diamonds behind content ── */
@media (max-width: 992px) {
  [style*="background-color:#007fa2"] [style*="border:3px solid #ffcc33"] {
    z-index: 0 !important;
  }
}
/* ── Mobile: push hamburger menu away from logo ── */
@media (max-width: 992px) {
  .ms-hamburger {
    right: -30px !important;
  }
}
/* ── Mobile: hero diamonds behind content ── */
@media (max-width: 992px) {
  div[style*="border:3px solid #ffcc33"][style*="position:absolute"] {
    z-index: -1 !important;
  }
}