/* Ferza App – custom CSS layer on top of Tailwind */

/* Sticker preview: exact 3.35×2.2 aspect ratio */
.sticker-preview {
  aspect-ratio: 3.35 / 2.2;
  width: 100%;
  max-width: 402px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

/* Toast slide-in */
@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to   { transform: translateX(0);   opacity: 1; }
}
.toast-enter { animation: slideIn 0.25s ease-out; }

/* Sidebar off-canvas for mobile */
#sidebar-overlay {
  transition: opacity 0.2s ease;
}

/* Active nav link */
.nav-link.active {
  background-color: rgba(243,205,29,0.15);
  color: #f3cd1d;
  font-weight: 600;
}

/* Table responsive wrapper */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Print: show sticker at physical size */
@media print {
  body * { visibility: hidden; }
  #print-target, #print-target * { visibility: visible; }
  #print-target {
    position: absolute;
    inset: 0;
    width: 3.35in;
    height: 2.2in;
  }
}