/* */

/* */

/* */
body.tl-wizard-page .wizard-nav button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* iOS Safari needs the prefixed backdrop-filter for blur */
body.tl-wizard-page .wizard-nav{
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

body.tl-wizard-page .wizard-nav .ico{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

body.tl-wizard-page .wizard-nav .ico svg{
  width: 100%;
  height: 100%;
  display: block;
}

/* Generic: icons inside common buttons */
.tl-btn .ico,
.btn .ico,
.btnx .ico,
.btn-lite .ico,
.tl-mbtn .ico,
.tl-back-btn .ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.tl-btn .ico svg,
.btn .ico svg,
.btnx .ico svg,
.btn-lite .ico svg,
.tl-mbtn .ico svg,
.tl-back-btn .ico svg{
  width:100%;
  height:100%;
  display:block;
}


/* -----------------------------
   2) iOS-only polish
------------------------------ */

@supports (-webkit-touch-callout: none){
  /* Prevent horizontal pan on iOS due to a single overflow element */
  html, body{ overflow-x: hidden; }

  /* Remove the blue/gray tap highlight in iOS */
  a, button, input, select, textarea, label{
    -webkit-tap-highlight-color: transparent;
  }

  /* Make buttons feel closer to iOS press feedback */
  .tl-btn:active,
  .btn:active,
  .btnx:active,
  .btn-lite:active,
  body.tl-wizard-page .wizard-nav button:active{
    transform: scale(.985) !important;
  }

  /* Slightly rounder corners on iOS (closer to native) */
  .tl-btn,
  .btn,
  .btnx,
  .btn-lite,
  body.tl-wizard-page .wizard-nav button{
    border-radius: 18px !important;
  }

  /* iOS prefers no default button styling */
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"]{
    -webkit-appearance: none;
    appearance: none;
  }

  /* Smooth scroll for horizontal lists (stepper/chips) */
  body.tl-wizard-page .wizard-stepper,
  body.tl-wizard-page .chips{
    -webkit-overflow-scrolling: touch;
  }
}