/* Jaisandar 151 · semantic product discovery + readable contextual help */

/* The information control is deliberately visible; it is now a real body-level
   popover trigger, so pseudo tooltips are disabled to prevent clipping. */
.jtp-info{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  flex:0 0 21px!important;
  border:1px solid #c79aa8!important;
  background:#fff!important;
  color:#79344b!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 2px 7px rgba(78,37,52,.08)!important;
  cursor:pointer!important;
  user-select:none!important;
}
.jtp-info:hover,.jtp-info:focus-visible,.jtp-info.is-tip-open{
  border-color:#8d4059!important;
  background:#8d4059!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(141,64,89,.12)!important;
}
.jtp-info:after{content:none!important;display:none!important}

.j151-level-label{display:flex!important;align-items:center!important;gap:7px!important}
.j151-level-info{display:inline-grid!important;vertical-align:middle!important}

.j151-info-popover{
  position:fixed;
  z-index:2147483000;
  width:min(390px,calc(100vw - 24px));
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#18171a;
  color:#fff;
  font:700 12px/1.48 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:0;
  box-shadow:0 18px 48px rgba(20,18,20,.28);
  pointer-events:none;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .14s ease,transform .14s ease;
}
.j151-info-popover.is-open{opacity:1;transform:translateY(0)}
.j151-info-popover:before{
  content:"";
  position:absolute;
  width:9px;height:9px;
  background:#18171a;
  transform:rotate(45deg);
  left:var(--tip-arrow-x,24px);
}
.j151-info-popover[data-side="bottom"]:before{top:-5px}
.j151-info-popover[data-side="top"]:before{bottom:-5px}

/* Search results get a little extra room for the larger info control. */
.jtp-suggestion{overflow:visible!important}
.jtp-suggestion>b{white-space:normal!important;line-height:1.25!important}
.jtp-suggestion .jtp-info{margin-left:auto!important}
.jtp-suggestions{overscroll-behavior:contain!important}

@media(max-width:780px){
  .jtp-info{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important;font-size:12px!important}
  .j151-info-popover{font-size:13px;line-height:1.5;padding:12px 13px;border-radius:13px}
  .j151-level-label{justify-content:flex-start!important}
}