/* FreteCiF PWA Back Button - Premium v3 */
body.fretecif-has-pwa-back {
  padding-top: 42px;
}

.fretecif-pwa-back {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  left: 14px;
  z-index: 99980;
  display: none;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(251, 191, 36, .38);
  border-radius: 999px;
  padding: 8px 11px;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, .98), rgba(251, 191, 36, .98));
  color: #111827;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  box-shadow:
    0 10px 24px rgba(245, 158, 11, .25),
    0 6px 15px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.34);
  backdrop-filter: blur(12px);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.fretecif-pwa-back.is-visible {
  display: inline-flex;
  animation: fretecifBackIn .22s ease-out both;
}

.fretecif-pwa-back svg {
  width: 13px;
  height: 13px;
  display: block;
}

.fretecif-pwa-back span {
  letter-spacing: -.1px;
}

.fretecif-pwa-back:active {
  transform: scale(.97);
}

@keyframes fretecifBackIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (display-mode: standalone) {
  body.fretecif-has-pwa-back {
    padding-top: 54px;
  }

  .fretecif-pwa-back {
    top: calc(env(safe-area-inset-top, 0px) + 18px);
  }
}

@media (min-width: 780px) {
  body.fretecif-has-pwa-back {
    padding-top: 54px;
  }

  .fretecif-pwa-back {
    top: 18px;
    left: 18px;
  }
}