/* Raymand standalone release repair. Blue/navy only, no content changes. */
/* Scope the drawer rules to the JS ready-state for a graceful fallback. */
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer {
  box-sizing: border-box !important;
  position: fixed !important;
  display: block !important;
  left: max(10px, env(safe-area-inset-left)) !important;
  right: auto !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  width: min(410px, calc(100vw - 20px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  padding: 26px 18px 30px !important;
  margin: 0 !important;
  border: 1px solid #c8def5 !important;
  border-radius: 19px !important;
  background: linear-gradient(160deg, #fff, #eaf4ff) !important;
  background-image: linear-gradient(160deg, #fff, #eaf4ff) !important;
  box-shadow: 0 25px 75px rgba(5, 30, 66, .27) !important;
  color: #102c52 !important;
  z-index: 2147483644 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(calc(-100% - 38px), 0, 0) !important;
  transition: transform .23s ease, opacity .23s ease, visibility .23s !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  direction: rtl !important;
  text-align: right !important;
  -webkit-overflow-scrolling: touch;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer.raymand-hotfix-is-open {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer .rm-menu-close {
  position: relative !important;
  display: flex !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 0 15px auto !important;
  padding: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  background: #e7f0fe !important;
  border: 1px solid #b4d4f9 !important;
  border-radius: 12px !important;
  font: 700 27px/1 Arial, sans-serif !important;
  color: #123b71 !important;
  cursor: pointer !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer ul.rm-menu-list,
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer ul.raymand-v2-list {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  max-height: none !important;
  list-style: none !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer ul.rm-menu-list > li,
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer ul.raymand-v2-list > li {
  display: block !important;
  width: 100% !important;
  list-style: none !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer a {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #10365f !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-align: right !important;
  transform: none !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer a:hover,
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer a:focus-visible {
  background: #e0efff !important;
  border-color: #bfdaf7 !important;
  outline: 2px solid #217ad8 !important;
  outline-offset: 1px !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer .sub-menu {
  position: static !important;
  width: auto !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
  padding: 3px 14px 6px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer .raymand-hotfix-trial-item a {
  justify-content: center !important;
  background: linear-gradient(135deg, #0877ff, #0a356b) !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 13px 12px !important;
  margin-top: 13px !important;
  border: 0 !important;
  text-align: center !important;
}
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer .raymand-hotfix-trial-item a:hover,
body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer .raymand-hotfix-trial-item a:focus-visible {
  background: linear-gradient(135deg, #0663d5, #072950) !important;
  outline-color: #0877ff !important;
}
body.raymand-hotfix-ready .rm-menu-backdrop.raymand-hotfix-backdrop {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  background: rgba(5, 22, 49, .47) !important;
  border: 0 !important;
  z-index: 2147483643 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .2s ease, visibility .2s !important;
}
body.raymand-hotfix-ready .rm-menu-backdrop.raymand-hotfix-backdrop.raymand-hotfix-is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.raymand-hotfix-menu-open { overflow: hidden !important; }
/* V1.1 isolation: the menu is a separate element without legacy CSS classes.
   This prevents theme click handlers and old !important layout rules from
   trapping the drawer in its open state. */
body.raymand-hotfix-ready .rm-header .rm-menu,
body.raymand-hotfix-ready .rm-header .rm-menu-backdrop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.raymand-hotfix-ready .raymand-hotfix-drawer {
  box-sizing: border-box !important;
  position: fixed !important;
  display: block !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  left: max(10px, env(safe-area-inset-left)) !important;
  right: auto !important;
  width: min(410px, calc(100vw - 20px)) !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 23px 17px 28px !important;
  border: 1px solid #c8def5 !important;
  border-radius: 19px !important;
  background: linear-gradient(160deg, #fff, #eaf4ff) !important;
  box-shadow: 0 25px 75px rgba(5,30,66,.27) !important;
  color: #102c52 !important;
  z-index: 2147483645 !important;
  transform: translate3d(calc(-100% - 40px),0,0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  direction: rtl !important;
  text-align: right !important;
  transition: transform .22s ease, opacity .22s ease, visibility .22s !important;
}
body.raymand-hotfix-ready .raymand-hotfix-drawer.raymand-hotfix-is-open {
  transform: translate3d(0,0,0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.raymand-hotfix-ready .raymand-hotfix-backdrop {
  position: fixed !important;
  display: block !important;
  inset: 0 !important;
  background: rgba(5,22,49,.47) !important;
  z-index: 2147483644 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .22s ease, visibility .22s !important;
}
body.raymand-hotfix-ready .raymand-hotfix-backdrop.raymand-hotfix-is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.raymand-hotfix-ready .raymand-hotfix-close {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 0 15px auto !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid #b4d4f9 !important;
  background: #e7f0fe !important;
  color: #123b71 !important;
  font: 700 28px/1 Arial,sans-serif !important;
  cursor: pointer !important;
}
body.raymand-hotfix-ready .raymand-hotfix-list {
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.raymand-hotfix-ready .raymand-hotfix-list li {
  display: block !important;
  width: 100% !important;
  list-style: none !important;
}
body.raymand-hotfix-ready .raymand-hotfix-list a {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #10365f !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1.5 !important; font-family: inherit !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-align: right !important;
}
body.raymand-hotfix-ready .raymand-hotfix-list a:focus-visible,
body.raymand-hotfix-ready .raymand-hotfix-list a:hover {
  background: #e0efff !important;
  border-color: #bfdaf7 !important;
}
body.raymand-hotfix-ready .raymand-hotfix-list .sub-menu {
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
  padding: 3px 14px 6px 0 !important;
  box-shadow: none !important;
}
body.raymand-hotfix-ready .raymand-hotfix-trial-item a {
  justify-content: center !important;
  margin-top: 13px !important;
  padding: 13px 12px !important;
  color: #fff !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #0877ff,#0a356b) !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle {
  display: grid !important;
  place-items: center !important;
  width: 47px !important;
  height: 47px !important;
  min-width: 47px !important;
  min-height: 47px !important;
  padding: 8px !important;
  color: #153d76 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 12px !important;
  cursor: pointer !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle:focus-visible,
body.raymand-hotfix-ready .raymand-hotfix-close:focus-visible {
  outline: 3px solid #0877ff !important;
  outline-offset: 2px !important;
}
/* Support remains a native button: the site's existing dialog stays working. */
body .rm-support-trigger.raymand-hotfix-support {
  box-sizing: border-box !important;
  position: fixed !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(24px + env(safe-area-inset-bottom)) !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #0a82e9, #092e62) !important;
  background-image: linear-gradient(145deg, #0a82e9, #092e62) !important;
  color: #fff !important;
  box-shadow: 0 10px 25px rgba(6, 36, 76, .35) !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2147483600 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  font-size: 0 !important;
}
body .rm-support-trigger.raymand-hotfix-support svg {
  display: block !important;
  flex: none !important;
  width: 29px !important;
  height: 29px !important;
  stroke: currentColor !important;
  fill: none !important;
}
body.raymand-hotfix-menu-open .rm-support-trigger.raymand-hotfix-support {
  opacity: 0 !important;
  pointer-events: none !important;
}
body .rm-support-dialog:not([hidden]) { z-index: 2147483647 !important; }
body .rm-support-dialog[hidden] { display: none !important; }
@media (max-width: 700px) {
  body .rm-support-trigger.raymand-hotfix-support {
    bottom: calc(90px + env(safe-area-inset-bottom)) !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.raymand-hotfix-ready .rm-menu.raymand-hotfix-drawer,
  body.raymand-hotfix-ready .rm-menu-backdrop.raymand-hotfix-backdrop { transition: none !important; }
}

@media (prefers-reduced-motion: reduce) {
 body.raymand-hotfix-ready .raymand-hotfix-drawer,
 body.raymand-hotfix-ready .raymand-hotfix-backdrop { transition: none !important; }
}

/* v1.4: precise edge-aligned header. This modifies ONLY the .rm-header.
   Desktop: menu anchored to right edge, actual logo centered to header box,
   account/logout to left edge. Mobile: logo ONLY in header; the existing
   bottom navigation keeps the menu and account accessible. */
body.raymand-hotfix-ready .rm-header .rm-nav {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  direction: rtl !important;
  width: min(calc(100% - 32px), 1250px) !important;
  max-width: 1250px !important;
  min-height: 78px !important;
  height: 78px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}
/* No grid columns, flex spacing, or shared central cluster: each item
   receives a physical edge/center coordinate of the SAME header box. */
body.raymand-hotfix-ready .rm-header .rm-nav-right {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  float: none !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  z-index: 3 !important;
}
body.raymand-hotfix-ready .rm-header .rm-nav-left {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  float: none !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  z-index: 3 !important;
}
body.raymand-hotfix-ready .rm-header .rm-brand {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 116px !important;
  max-width: 116px !important;
  min-width: 0 !important;
  z-index: 2 !important;
}
body.raymand-hotfix-ready .rm-header .rm-brand img,
body.raymand-hotfix-ready .rm-header .rm-logo {
  display: block !important;
  width: auto !important;
  height: 60px !important;
  max-height: 60px !important;
  max-width: 112px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transform: none !important;
}
/* A second menu glyph from the legacy theme/WPCode must never appear. */
body.raymand-hotfix-ready .rm-header .rm-nav-right > :not(.raymand-hotfix-toggle):not(.rm-menu) {
  display: none !important;
}
body.raymand-hotfix-ready .rm-header .rm-nav-right::before,
body.raymand-hotfix-ready .rm-header .rm-nav-right::after,
body.raymand-hotfix-ready .rm-header .rm-brand::before,
body.raymand-hotfix-ready .rm-header .rm-brand::after,
body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle::before,
body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle::after {
  content: none !important;
  display: none !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle {
  box-sizing: border-box !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(145,190,232,.6) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: rgba(8,48,96,.94) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle svg {
  display: block !important;
  flex: none !important;
  width: 27px !important;
  height: 27px !important;
  stroke: currentColor !important;
}
/* The promo bar is OUTSIDE the header and remains untouched. */
body.raymand-hotfix-ready .rm-header .rm-nav-left > .rm-demo-btn,
body.raymand-hotfix-ready .rm-header .rm-nav-left > .rm-auth-actions {
  display: none !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-account-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: rtl !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-account-bar a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(158,196,230,.57) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: rgba(7,47,96,.94) !important;
  text-decoration: none !important;
  font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; font-family: inherit !important;
  white-space: nowrap !important;
  transform: none !important;
  position: static !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-account-bar a:hover,
body.raymand-hotfix-ready .rm-header .raymand-hotfix-account-bar a:focus-visible {
  background: #14569b !important;
  outline: 2px solid #68b4ff !important;
  outline-offset: 2px !important;
}
body.raymand-hotfix-ready .rm-header .raymand-hotfix-account-bar svg {
  flex: none !important;
}
/* Tablet/phone: ONLY the central logo, NO hamburger, account button or
   decorations inside the top header. Bottom navigation is not affected. */
@media (max-width: 767px) {
  body.raymand-hotfix-ready .rm-header .rm-nav {
    width: calc(100% - 24px) !important;
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 !important;
  }
  body.raymand-hotfix-ready .rm-header .rm-nav-right,
  body.raymand-hotfix-ready .rm-header .rm-nav-left,
  body.raymand-hotfix-ready .rm-header .raymand-hotfix-toggle,
  body.raymand-hotfix-ready .rm-header .raymand-hotfix-account-bar {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.raymand-hotfix-ready .rm-header .rm-brand {
    width: 100px !important;
    max-width: 100px !important;
    z-index: 4 !important;
  }
  body.raymand-hotfix-ready .rm-header .rm-brand img,
  body.raymand-hotfix-ready .rm-header .rm-logo {
    height: 56px !important;
    max-height: 56px !important;
    max-width: 98px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.raymand-hotfix-ready .raymand-hotfix-drawer,
  body.raymand-hotfix-ready .raymand-hotfix-backdrop {
    transition: none !important;
  }
}
