/* EquiRocks – sticky záložka (vzhled). Barvy, obrázek a pozice se nastavují v zápatí přes window.erStickyTab. */
.er-sticky-tab {
  --er-bg-from: #ffb6d9;
  --er-bg-to: #f78fc4;
  --er-text: #ffffff;
  --er-shadow: rgba(214, 70, 145, .35);
  --er-top: 50%;
  --er-mobile-bottom: 90px;
  --er-img-w: 72px;        /* šířka obrázku na desktopu */
  --er-img-w-mobile: 56px; /* šířka obrázku na mobilu */

  position: fixed;
  left: 0;
  top: var(--er-top);
  transform: translateY(-50%);
  z-index: 998; /* pod cookie lištou (999) a hláškami Shoptetu (1002) */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 8px 14px;
  background: linear-gradient(180deg, var(--er-bg-from) 0%, var(--er-bg-to) 100%);
  color: var(--er-text);
  border-radius: 0 12px 12px 0;
  box-shadow: 2px 3px 12px var(--er-shadow);
  text-decoration: none !important;
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: padding-left .2s ease, box-shadow .2s ease;
}
.er-sticky-tab:hover,
.er-sticky-tab:focus-visible {
  color: var(--er-text);
  padding-left: 12px;
  box-shadow: 3px 4px 16px var(--er-shadow);
}
.er-sticky-tab:focus-visible { outline: 2px solid var(--er-bg-to); outline-offset: 2px; }

/* záložka s obrázkem: obrázek sedí nahoře a přesahuje doprava přes okraj záložky */
.er-sticky-tab--has-img { padding-top: 0; }
.er-sticky-tab__img {
  display: block;
  align-self: flex-start;
  width: var(--er-img-w);
  max-width: none;
  height: auto;
  margin: calc(var(--er-img-w) * -0.55) 0 0 -6px; /* vytáhne obrázek nad záložku */
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .25));
  transition: transform .25s ease;
  pointer-events: none;
}
.er-sticky-tab__img--flip { transform: scaleX(-1); }
.er-sticky-tab:hover .er-sticky-tab__img { transform: translateY(-3px) rotate(-4deg); }
.er-sticky-tab:hover .er-sticky-tab__img--flip { transform: scaleX(-1) translateY(-3px) rotate(-4deg); }

.er-sticky-tab__text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

@media print { .er-sticky-tab { display: none; } }

@media (max-width: 767px) {
  .er-sticky-tab {
    top: auto;
    bottom: var(--er-mobile-bottom);
    transform: none;
    padding: 9px 6px 10px;
    font-size: 11px;
    gap: 6px;
  }
  .er-sticky-tab--has-img { padding-top: 0; }
  .er-sticky-tab__img { width: var(--er-img-w-mobile); margin-top: calc(var(--er-img-w-mobile) * -0.55); }

  /* mobileMode: 'image' – na mobilu jen obrázek bez záložky */
  .er-sticky-tab--mobile-image { background: none; box-shadow: none; padding: 0; }
  .er-sticky-tab--mobile-image:hover, .er-sticky-tab--mobile-image:focus-visible { padding-left: 0; box-shadow: none; }
  .er-sticky-tab--mobile-image .er-sticky-tab__text { display: none; }
  .er-sticky-tab--mobile-image .er-sticky-tab__img { margin: 0 0 0 2px; }

  /* mobileMode: 'hidden' – na mobilu se nezobrazí */
  .er-sticky-tab--mobile-hidden { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .er-sticky-tab, .er-sticky-tab__img { transition: none; }
}