/**
 * SSK public tooltip pattern — shared across public search/booking pages.
 * Same visual language as the admin `.ssk-tip` pattern (see
 * admin/views/bm-operations.php), rebuilt as a small standalone stylesheet
 * so it can be enqueued only on the public pages that use it.
 *
 * Tap + hover + keyboard accessible. Bubble position is adjusted by JS
 * (booking.js) near viewport edges via the --left/--right/--below modifier
 * classes below, so tooltips never get clipped off-screen on mobile.
 */
.ssk-ptip{position:relative;display:inline-flex;vertical-align:middle;}
.ssk-ptip-trigger{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;min-width:20px;border-radius:50%;
  background:#e3e7ee;color:#5a6473;font-size:12px;font-weight:700;
  border:none;padding:0;margin-left:6px;cursor:pointer;line-height:1;
  font-family:inherit;
}
.ssk-ptip-trigger:hover,
.ssk-ptip-trigger:focus-visible{
  background:#d6001c;color:#fff;outline:2px solid #d6001c;outline-offset:2px;
}

.ssk-ptip__bubble{
  position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);
  background:#16181d;color:#fff;padding:10px 26px 10px 12px;border-radius:8px;
  font-size:12.5px;font-weight:500;line-height:1.5;
  width:max-content;max-width:min(260px,80vw);
  z-index:80;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.ssk-ptip__bubble[hidden]{display:none;}
.ssk-ptip__bubble::after{
  content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#16181d;
}
.ssk-ptip__close{
  position:absolute;top:4px;right:5px;background:none;border:none;
  color:#aab1bd;font-size:16px;line-height:1;cursor:pointer;padding:3px;
}
.ssk-ptip__close:hover,.ssk-ptip__close:focus-visible{color:#fff;}

/* Edge-clamp modifiers — toggled by JS after measuring the trigger's
   position against the viewport, so the bubble never spills offscreen. */
.ssk-ptip__bubble.ssk-ptip--left{left:0;transform:translateX(0);}
.ssk-ptip__bubble.ssk-ptip--left::after{left:14px;transform:none;}
.ssk-ptip__bubble.ssk-ptip--right{left:auto;right:0;transform:translateX(0);}
.ssk-ptip__bubble.ssk-ptip--right::after{left:auto;right:14px;transform:none;}
.ssk-ptip__bubble.ssk-ptip--below{bottom:auto;top:calc(100% + 9px);}
.ssk-ptip__bubble.ssk-ptip--below::after{
  top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#16181d;
}

@media (max-width:480px){
  .ssk-ptip__bubble{max-width:min(230px,72vw);font-size:12px;}
}


/* FOCUS FALLBACK — :focus-visible is Safari 15.4+; without this, keyboard
   users on older engines get no focus ring on the tooltip trigger. */
.ssk-ptip-trigger:focus { outline: 2px solid #d6001c; outline-offset: 2px; }
@supports selector(:focus-visible) {
  .ssk-ptip-trigger:focus { outline: none; }
  .ssk-ptip-trigger:focus-visible { outline: 2px solid #d6001c; outline-offset: 2px; }
}