/* Custom styles for Website Generator Portal */

body {
  font-family: 'Inter Tight', system-ui, sans-serif;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Focus styles */
input:focus, select:focus, textarea:focus {
  outline: none;
  ring: 2px;
  ring-color: #8b0000;
}

/* FAQ accordion transition */
details summary::-webkit-details-marker {
  display: none;
}

details[open] summary svg {
  transform: rotate(180deg);
}

/* Monospace license key input */
.font-mono {
  font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
}

/* Mobile drawer slide transition */
.sidebar-drawer {
  transform: translateX(-100%);
  transition: transform 200ms ease-in-out;
}
.sidebar-drawer.open {
  transform: translateX(0);
}

/* Body scroll lock when drawer is open */
.overflow-hidden {
  overflow: hidden;
}

/* Card with shadow + hover lift */
.card-lift {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.card-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

/* Dark red title bar */
.gradient-bar {
  background: #360000;
}

/* Copy-feedback animation */
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(4px); }
  15% { opacity: 1; transform: translateY(0); }
  85% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-4px); }
}
.copy-feedback {
  animation: fadeInOut 1.5s ease-in-out forwards;
}