/* Sirisup v1.6.13 — consistent mobile menu, isolated from Footer and desktop.
   Only the six managed Sirisup pages. Supports legacy [sirisup_header]
   and the optional Elementor Saved Template header (.ss167-nav).
*/
@media (max-width:767px) {
  body.ss-bionic-site .ss-header-section,
  body.ss-bionic-site .ss-header-section > .elementor-container,
  body.ss-bionic-site .ss-header-section .elementor-widget-wrap,
  body.ss-bionic-site .ss-header-section .elementor-widget-container {
    overflow:visible!important;
  }
  body.ss-bionic-site .ss-header-section {z-index:10010!important;}
  body.ss-bionic-site .ss-header-section .ss-nav {
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  /* The original menu must be the same width on every page.
     Reset the older right-only 380px dropdown rule explicitly. */
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu {
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:12px!important;
    right:12px!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 16px 18px!important;
    border:1px solid rgba(141,194,245,.29)!important;
    border-top:2px solid rgba(112,191,255,.25)!important;
    border-radius:0 0 22px 22px!important;
    background:linear-gradient(180deg,#061b38 0%,#04172f 100%)!important;
    box-shadow:0 18px 36px rgba(0,15,40,.32)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    max-height:var(--ss-mobile-menu-available-height,calc(100dvh - 110px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    z-index:10030!important;
    box-sizing:border-box!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.is-open:not(.ss167-nav) > ul.ss-menu {display:flex!important;}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu > li {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu > li > a {
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:57px!important;
    margin:0!important;
    padding:13px 12px!important;
    font:700 18px/1.4 'Prompt',sans-serif!important;
    white-space:normal!important;
    text-align:center!important;
    color:#f7fbff!important;
    text-decoration:none!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu > li.ss-current > a,
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu > li > a[aria-current=page] {color:#84d7ff!important;}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu > li:last-child > a {
    min-height:62px!important;
    margin-top:9px!important;
    padding:15px 14px!important;
    color:#fff!important;
    background:linear-gradient(110deg,#f32348,#c30732)!important;
    border-radius:99px!important;
    box-shadow:0 9px 21px rgba(192,7,53,.23)!important;
  }
  /* Editable Header: Elementor renders a column instead of <ul>.
     Match the legacy menu's outer position, sizing, background and row heights. */
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu {
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:12px!important;
    right:12px!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:none!important;
    flex:unset!important;
    margin:0!important;
    padding:14px 16px 18px!important;
    border:1px solid rgba(141,194,245,.29)!important;
    border-top:2px solid rgba(112,191,255,.25)!important;
    border-radius:0 0 22px 22px!important;
    background:linear-gradient(180deg,#061b38 0%,#04172f 100%)!important;
    box-shadow:0 18px 36px rgba(0,15,40,.32)!important;
    max-height:var(--ss-mobile-menu-available-height,calc(100dvh - 110px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    z-index:10030!important;
    box-sizing:border-box!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav.is-open .ss167-header-menu {display:block!important;}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu > .elementor-widget-wrap {
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    align-items:stretch!important;
    padding:0!important;
    margin:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .elementor-widget-button,
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .elementor-button-wrapper {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .elementor-button {
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:57px!important;
    margin:0!important;
    padding:13px 12px!important;
    color:#f7fbff!important;
    background:transparent!important;
    font:700 18px/1.4 'Prompt',sans-serif!important;
    white-space:normal!important;
    text-align:center!important;
    text-decoration:none!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .elementor-button[aria-current=page],
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .elementor-button.is-current {color:#84d7ff!important;}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-menu-contact .elementor-button {
    min-height:62px!important;
    margin-top:9px!important;
    padding:15px 14px!important;
    background:linear-gradient(110deg,#f32348,#c30732)!important;
    color:#fff!important;
    border-radius:99px!important;
    box-shadow:0 9px 21px rgba(192,7,53,.23)!important;
  }
  /* Keep the toggle accessible and above the panel; untouched footer. */
  body.ss-bionic-site .ss-header-section .ss-menu-toggle {
    position:relative!important;
    z-index:10040!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:359px) {
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) > ul.ss-menu > li > a,
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .elementor-button {font-size:16px!important;min-height:52px!important;}
}