/* LMK MOBILE HEADER FINAL v1 — additional stylesheet, do not paste into generated bundle. */
:root { --lmk-ui-font: "Plus Jakarta Sans", Arial, sans-serif; }
body, button, input, select, textarea, #header, #offcanvas, .ct-header {
  font-family: var(--lmk-ui-font);
}
#header .ct-header-trigger,
#header .lmk-header-enquiry,
#header .lmk-header-phone,
#offcanvas .mobile-menu,
#offcanvas .lmk-header-call-button { font-family: var(--lmk-ui-font); }

@media (max-width: 999.98px) {
  /* Blocksy native mobile row retained; no duplicate header. */
  #header [data-device="mobile"] [data-row="top"] {
    background-color: #092d55;
  }
  #header [data-device="mobile"] [data-row="middle"] {
    background-color: #fff;
  }
  /* Logo width, artwork and sizing remain managed by the existing Blocksy setup. */
  #header [data-device="mobile"] .lmk-header-enquiry {
    min-height: 44px;
    padding-inline: 14px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 700;
  }
  #header [data-device="mobile"] .lmk-header-enquiry.lmk-disabled {
    opacity: .6;
    cursor: not-allowed;
  }
  #header [data-device="mobile"] .ct-header-trigger {
    min-width: 44px;
    min-height: 44px;
    flex-shrink: 0;
  }
  #offcanvas .mobile-menu a {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
  }
  #offcanvas a[aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
    text-decoration: none;
  }
  #header a:focus-visible, #offcanvas a:focus-visible,
  #header button:focus-visible, #offcanvas button:focus-visible {
    outline: 3px solid #07633d;
    outline-offset: 3px;
  }
}
@media (max-width: 359.98px) {
  #header [data-device="mobile"] .lmk-header-enquiry { padding-inline: 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #header *, #offcanvas * { scroll-behavior: auto; }
}

/* LMK EQUAL MOBILE MENU BARS v2 */
/* Visual override only: preserve Blocksy's real menu trigger and interaction. */
@media (max-width: 999.98px) {
  #header [data-device="mobile"] .ct-header-trigger[data-id="trigger"] {
    position: relative;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    flex-shrink: 0;
  }
  #header [data-device="mobile"] .ct-header-trigger[data-id="trigger"]::before,
  #header [data-device="mobile"] .ct-header-trigger[data-id="trigger"]::after {
    width: 22px;
    height: 2.5px;
    left: 50%;
    border-radius: 999px;
    background-color: #092d55;
    transform: translateX(-50%);
    pointer-events: none;
  }
  #header [data-device="mobile"] .ct-header-trigger[data-id="trigger"]::before {
    top: calc(50% - 5px);
  }
  #header [data-device="mobile"] .ct-header-trigger[data-id="trigger"]::after {
    top: calc(50% + 4px);
  }
}