/* L4 — Programme timezone fix + real mobile side-scroll controls. */

/* The old pseudo-element cue is replaced by an actual interactive control. */
#bsSchedulingPage .kinara-carousel-host::after{
  content:none!important;
  display:none!important;
}

#bsSchedulingPage .kinara-swipe-controls{
  display:none;
}

@media(max-width:760px){
  #bsSchedulingPage .kinara-carousel-host{
    padding-bottom:42px!important;
  }

  #bsSchedulingPage .kinara-swipe-controls{
    position:absolute;
    left:50%;
    bottom:0;
    z-index:5;
    display:grid;
    grid-template-columns:42px auto 42px;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:max-content;
    max-width:calc(100% - 24px);
    transform:translateX(-50%);
    margin:0;
  }

  #bsSchedulingPage .kinara-swipe-arrow,
  #bsSchedulingPage .kinara-swipe-label{
    min-height:34px;
    border:1.5px solid rgba(79,111,99,.30);
    background:rgba(255,255,255,.97);
    color:var(--wine);
    box-shadow:0 8px 20px rgba(48,69,63,.10);
  }

  #bsSchedulingPage .kinara-swipe-arrow{
    display:grid;
    place-items:center;
    width:42px;
    padding:0;
    border-radius:50%;
    font-size:1.28rem;
    font-weight:950;
    line-height:1;
  }

  #bsSchedulingPage .kinara-swipe-arrow:not(:disabled){
    animation:kinaraSwipeArrowPulseL4 1.55s ease-in-out infinite;
  }

  #bsSchedulingPage .kinara-swipe-arrow:disabled{
    opacity:.32;
    cursor:default;
    box-shadow:none;
  }

  #bsSchedulingPage .kinara-swipe-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:126px;
    padding:5px 13px;
    border-radius:999px;
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.03em;
    white-space:nowrap;
    animation:kinaraSwipeLabelBreatheL4 1.6s ease-in-out infinite;
  }

  @keyframes kinaraSwipeArrowPulseL4{
    0%,100%{transform:scale(1);box-shadow:0 8px 20px rgba(48,69,63,.10)}
    50%{transform:scale(1.12);box-shadow:0 10px 24px rgba(48,69,63,.17)}
  }

  @keyframes kinaraSwipeLabelBreatheL4{
    0%,100%{opacity:.76;transform:scale(1)}
    50%{opacity:1;transform:scale(1.045)}
  }
}

@media(prefers-reduced-motion:reduce){
  #bsSchedulingPage .kinara-swipe-arrow,
  #bsSchedulingPage .kinara-swipe-label{
    animation:none!important;
  }
}