/* Account and Order History UI enhancements and animations */

/* Modal improvements aligned to BSU theme */
.modal-content {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

/* Tabs spacing */
#accountSettingsModal .nav-link {
  font-weight: 600;
}

/* Order table row animation */
.orders-table tbody tr { 
  opacity: 0;
  transform: translateY(8px);
}
.orders-table tbody tr.row-anim {
  animation: rowFade 360ms cubic-bezier(.2,.9,.2,1) forwards;
  animation-delay: var(--delay, 0ms);
}

@keyframes rowFade {
  to { opacity: 1; transform: translateY(0); }
}

/* Subtle modal content slide */
@keyframes modalSlideIn {
  from { transform: translateY(8px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
#orderHistoryModal .modal-dialog,
#accountSettingsModal .modal-dialog {
  animation: modalSlideIn 240ms cubic-bezier(.2,.9,.2,1);
}

/* Nice hover for action buttons */
.table .btn { transition: transform .12s ease, box-shadow .12s ease; }
.table .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.06); }

/* Make the payment badge a little brighter */
.badge.bg-info { background-color: #17a2b8; color: #fff; }

/* Responsive tweaks for account modal */
@media (max-width: 576px) {
  #accountSettingsModal .modal-dialog { max-width: 92%; }
}




/* === AUTH MODALS (BSU THEME) === */
#sign-up .modal-dialog,
#Create-Account .modal-dialog {
  max-width: 480px;
}

#sign-up .modal-title,
#Create-Account .modal-title {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  color: var(--bsu-charcoal);
}

#sign-up .modal-footer a,
#Create-Account .modal-footer a {
  color: var(--bsu-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

#sign-up .modal-footer a:hover,
#Create-Account .modal-footer a:hover {
  color: var(--bsu-red);
  text-decoration: underline;
}

#sign-up .form-control,
#Create-Account .form-control {
  padding: 0.9rem 1rem;
}