/* Lovelys v7 — unified editor action dock + button consistency pass
   1. Retires the old floating "Saved template" bar and the standalone
      "Customise step by step" FAB (they overlapped on phones).
   2. Puts both actions inside one docked, non-overlapping bar.
   3. Makes the payments-disabled button use the same brand button style.
*/

/* 1. Old floating elements are hidden — v7 re-hosts their actions. */
.lv-apply,
.lv6-fab {
  display: none !important;
}

/* 2. Unified dock */
#lv7-dock {
  position: fixed;
  left: 50%;
  bottom: max(16px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 2147482100;
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: min(560px, calc(100vw - 20px));
  padding: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(14, 14, 22, 0.92);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
  font-family: "DM Sans", system-ui, sans-serif;
  color: #f2f2f7;
  transition: opacity 200ms ease, transform 200ms ease;
}
#lv7-dock[data-hidden="1"] {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 14px);
}

/* Shared button look — same shape/weight everywhere */
.lv7-btn {
  appearance: none;
  flex: none;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: #f2f2f7;
  padding: 10px 16px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.lv7-btn:hover { background: rgba(255, 255, 255, 0.12); }
.lv7-btn:active { transform: scale(0.97); }
.lv7-btn.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(120deg, #ff5f9e, #7c5cff);
  box-shadow: 0 10px 26px rgba(124, 92, 255, 0.35);
}
.lv7-btn.primary:hover { background: linear-gradient(120deg, #ff6fa8, #8a6cff); }
.lv7-close {
  flex: none;
  cursor: pointer;
  border: 0;
  background: transparent;
  color: rgba(242, 242, 247, 0.55);
  font-size: 18px;
  line-height: 1;
  padding: 6px 8px;
}
.lv7-close:hover { color: #fff; }

@media (max-width: 560px) {
  #lv7-dock {
    left: 10px;
    right: 10px;
    transform: none;
    width: auto;
    max-width: none;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 20px;
  }
  #lv7-dock[data-hidden="1"] { transform: translateY(14px); }
  .lv7-btn { flex: 1 1 auto; text-align: center; }
}