/* IRONMAN Conference Theme - Matching original HTML styling */

/* Brand Colors */
:root {
  --ironman-red: #E60000;
  --ironman-dark: #000000;
  --ironman-light-gray: #f5f5f5;
}

/* Override Tailwind defaults for brand consistency */
body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/* IRONMAN Header Styles */
.ironman-logo {
  color: var(--ironman-red);
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Custom scrollbar to match original */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: var(--ironman-red);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #cc0000;
}

/* Event card borders matching original */
.event-all {
  border-left: 4px solid var(--ironman-red);
}

.event-split {
  border-left: 4px solid #ffc107;
}

.event-breakout {
  border-left: 4px solid #00ff00;
}

/* Mobile bottom navigation */
.bottom-nav {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.bottom-nav-item {
  transition: all 0.2s ease;
}

.bottom-nav-item.active {
  border-top: 3px solid var(--ironman-red);
  color: var(--ironman-red);
}

/* Team colors matching original */
.team-color-blue { background-color: #0066cc; }
.team-color-red { background-color: #cc0000; }
.team-color-orange { background-color: #ff6600; }
.team-color-green { background-color: #009900; }

/* Mobile optimizations */
@media (max-width: 768px) {
  .mobile-card {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  /* Larger touch targets for mobile */
  button, a, .touchable {
    min-height: 44px;
    min-width: 44px;
  }
}

/* PWA safe area support */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

.safe-area-top {
  padding-top: env(safe-area-inset-top);
}