/* /* ERW change #482 — Right-edge vertical Business Owners tab */ */
.stp-edge-tab{
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9999;

display: inline-flex;
align-items: center;
justify-content: center;

/* size */
padding: 14px 12px;

/* half-pill: rounded on left, flush on right */
border-radius: 20px 0 0 999px;

/* styling */
background: #0a7c4a;
color: #fff;
text-decoration: none;
font-weight: 700;
letter-spacing: 0.2px;

/* a little “tab” feel */
box-shadow: 0 10px 25px rgba(0,0,0,.18);
}

/* Make the text read vertically (cleaner than rotating the whole button) */
/* ERW change #490 — Vertical label reads top-to-bottom */
.stp-edge-tab__text{
  writing-mode: vertical-rl;
  text-orientation: mixed;

  /* THIS is the fix: no 180 flip */
  transform: none !important;

  font-size: 12px !important;
  letter-spacing: .2px;
}


/* hover/focus for desktop/accessibility */
.stp-edge-tab:hover{ filter: brightness(1.05); }
.stp-edge-tab:focus-visible{
outline: 3px solid rgba(255,255,255,.9);
outline-offset: 3px;
}

/* /* ERW change #487 — True button-style vertical edge tab */ */
/* /* ERW change #488 — Force real button + correct vertical direction */ */
a.stp-edge-tab{
  position: fixed !important;
  top: 50% !important;
  right: -46px !important;

  transform: translateY(-50%) rotate(90deg) !important;
  transform-origin: center !important;

  z-index: 999999 !important;

  /* FORCE button behavior */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 14px 28px !important;

  background-color: #0a7c4a !important;
  color: #ffffff !important;

  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-align: center !important;

  /* half-pill: rounded only on visible edge */
  border-radius: 20x 20px 0 0 !important;

  box-shadow: 0 12px 26px rgba(0,0,0,.28) !important;

  cursor: pointer !important;
}

a.stp-edge-tab:hover{
  transform: translateY(-50%) rotate(-90deg) translateX(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,.35);
}

/* ERW change #489 — Canonical right-edge half-pill button tab (no rotate) */
/* ERW change #492 — Canonical right-edge half-pill tab + raised position (no rotate) */
a.stp-edge-tab{
  position: fixed !important;
  right: 0 !important;

  /* Raise it up: set a stable top offset that scales nicely */
  top: clamp(140px, 22vh, 220px) !important;
  transform: none !important;

  z-index: 999999 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 8px !important;

  /* half-pill: rounded on LEFT, flush on RIGHT */
  border-radius: 12px 0 0 12px !important;

  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;

  color: #0a7c4a !important;
  text-decoration: none !important;
  font-weight: 700 !important;

  line-height: 1 !important;
}

/* ERW change #494 — Sticky (column-safe) tab option */
a.stp-edge-tab{
  position: sticky !important;
  top: 140px !important;  /* adjust to your desired spot */
  right: auto !important;
  transform: none !important;
}

/* ERW change #495 — Hover nudge without rotate */
a.stp-edge-tab:hover{
  filter: brightness(1.03);
  box-shadow: 0 14px 28px rgba(0,0,0,.22) !important;
}