/* Shalom Bus Service & Transport brand refresh */
:root {
  --brand: 222 92% 31%;
  --brand-glow: 41 100% 56%;
  --brand-dark: 225 95% 14%;
  --background: 218 38% 98%;
  --foreground: 224 45% 13%;
  --card: 0 0% 100%;
  --card-foreground: 224 45% 13%;
  --popover: 0 0% 100%;
  --popover-foreground: 224 45% 13%;
  --primary: var(--brand);
  --primary-foreground: 0 0% 100%;
  --secondary: 43 100% 94%;
  --secondary-foreground: 224 50% 18%;
  --muted: 216 42% 96%;
  --muted-foreground: 219 20% 42%;
  --accent: 43 95% 88%;
  --accent-foreground: 224 50% 15%;
  --border: 219 35% 88%;
  --input: 219 35% 90%;
  --ring: 41 100% 56%;
  --gradient-brand: linear-gradient(135deg, hsl(222 92% 31%) 0%, hsl(216 96% 46%) 44%, hsl(41 100% 56%) 100%);
  --gradient-dark: linear-gradient(135deg, hsl(225 95% 10%) 0%, hsl(222 92% 25%) 55%, hsl(41 100% 37%) 100%);
  --shadow-brand: 0 18px 55px -22px hsl(222 92% 31% / .72), 0 0 38px hsl(41 100% 56% / .18);
  --shadow-glow: 0 0 42px hsl(41 100% 56% / .36);
  --neon-glow: 0 0 8px hsl(41 100% 56% / .38), 0 0 18px hsl(216 96% 46% / .26), 0 0 32px hsl(41 100% 56% / .16);
}

body {
  background:
    radial-gradient(circle at 12% 8%, hsl(41 100% 56% / .14), transparent 26rem),
    radial-gradient(circle at 88% 4%, hsl(216 96% 46% / .12), transparent 28rem),
    hsl(var(--background));
}

nav.fixed {
  background: linear-gradient(90deg, hsl(225 95% 10% / .94), hsl(222 92% 23% / .90), hsl(43 100% 35% / .78)) !important;
  border-bottom-color: hsl(41 100% 56% / .28) !important;
}

nav.fixed a {
  color: hsl(0 0% 100% / .92) !important;
}

nav.fixed img {
  height: 4.5rem !important;
  width: auto !important;
  max-width: 17rem !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 18px hsl(225 95% 8% / .55));
}

nav.fixed .container {
  min-height: 5.25rem;
}

section#home .absolute.inset-x-0.top-16.bottom-0 > div {
  background: hsl(225 95% 8%);
  border: 1px solid hsl(41 100% 56% / .35);
  box-shadow: 0 30px 90px hsl(225 95% 8% / .42), 0 0 52px hsl(41 100% 56% / .16);
}

section#home img[alt="Luxury coach bus on highway"] {
  object-fit: cover !important;
  object-position: center !important;
}

section#home .bg-gray-900\/45 {
  background: linear-gradient(90deg, hsl(225 95% 8% / .58), hsl(225 95% 12% / .20), hsl(41 100% 24% / .22)) !important;
}

.bg-primary,
.hover\:bg-primary\/90:hover {
  background-image: linear-gradient(135deg, hsl(222 92% 31%), hsl(216 96% 43%)) !important;
}

.hover\:bg-primary:hover,
.group:hover .group-hover\:bg-primary {
  background-image: linear-gradient(135deg, hsl(222 92% 31%), hsl(41 100% 50%)) !important;
}

.text-primary,
.hover\:text-primary:hover,
.group:hover .group-hover\:text-primary {
  color: hsl(222 92% 31%) !important;
}

.border-primary\/50,
.hover\:border-primary\/50:hover {
  border-color: hsl(41 100% 56% / .62) !important;
}

.route-card {
  background: linear-gradient(180deg, hsl(0 0% 100% / .92), hsl(216 55% 98% / .84));
}

.route-card:before {
  background: linear-gradient(135deg, hsl(222 92% 31% / .11), hsl(41 100% 56% / .14) 52%, transparent);
}

footer,
.bg-secondary\/30 {
  background-color: hsl(216 42% 96% / .78) !important;
}

@media (max-width: 640px) {
  nav.fixed img {
    height: 3.35rem !important;
    max-width: 13rem !important;
  }

  nav.fixed .container {
    min-height: 4.25rem;
  }
}