/* FotFi v41: KiraPas mobile menu, balanced one-screen layout.
   Compacts vertical rhythm only; preserves v40 typography, logo and palette. */
@media (max-width: 768px) {
  #menuDialog .kp-menu-content {
    padding:8px 14px calc(9px + env(safe-area-inset-bottom, 0px))!important;
    overflow-y:auto!important;
    min-height:0!important;
    flex:1 1 auto!important;
  }
  #menuDialog .kp_nav_primary {
    padding:6px 9px!important;
    gap:1px!important;
    border-radius:18px!important;
  }
  #menuDialog .kp_nav_primary li > button {
    min-height:clamp(42px, 5.8dvh, 44px)!important;
    padding:3px 8px!important;
    gap:11px!important;
    border-radius:12px!important;
    line-height:1.25!important;
    font-size:14px!important;
    font-weight:700!important;
  }
  #menuDialog .kp-menu-icon {
    width:31px!important;
    min-width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
    border-radius:9px!important;
  }
  #menuDialog .kp-menu-icon svg {
    width:18px!important;
    height:18px!important;
  }
  #menuDialog .kp_mobile_actions {
    margin-top:8px!important;
    padding:8px!important;
    gap:6px!important;
    border-radius:18px!important;
  }
  #menuDialog .kp_mobile_actions button {
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  #menuDialog .kp_mobile_login {min-height:42px!important;}
  #menuDialog .kp_mobile_signup {min-height:46px!important;}
  /* Contact details already appear in the site footer, not twice in the menu. */
  #menuDialog .kp-menu-footer {display:none!important;}
}
/* Menus with extra authenticated/admin links remain scrollable on shorter devices. */
@media (max-width: 768px) and (max-height: 690px) {
  #menuDialog .kp-menu-content {padding-top:5px!important;padding-bottom:5px!important;}
  #menuDialog .kp_nav_primary {padding:4px 8px!important;gap:0!important;}
  #menuDialog .kp_mobile_actions {margin-top:6px!important;padding:6px!important;gap:4px!important;}
}