/* PubDesking Custom Styles - Bootstrap 5.3.3 Compatible */

/* Brand Colors */
:root {
  --pub-brown: #8B4513;
  --pub-brass: #B8860B;
  --pub-cream: #FFF8DC;
}

/* Typography */
body {
  font-family: 'Manrope', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.navbar-brand,
.card-title,
.lead {
  font-family: 'Libre Baskerville', serif;
}

/* Layout */
main {
  min-height: calc(100vh - 300px);
}

/* Pub Cards */
.pub-card {
  transition: transform 0.2s, box-shadow 0.2s;
}

.pub-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Wizard Steps - UPDATED for Bootstrap */
.wizard-step {
  display: none;
}

.wizard-step.active {
  display: block;
}

/* Dashboard Stats */
.stat-number {
  font-size: 2.5rem;
  font-weight: bold;
}

.stat-label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .stat-number {
    font-size: 2rem;
  }
}

/* Remix Icon Utilities */
/* Spinning animation for loaders */
.remix-spin {
  animation: remix-spin 1s linear infinite;
}

@keyframes remix-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Icon sizing utilities */
.ri-3x {
  font-size: 3em;
}

.ri-2x {
  font-size: 2em;
}

.ri-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}