/* FAWORE Algeria — Passenger Interface */

:root {
  --fawore-blue: #0866f5;
  --fawore-dark: #101a35;
  --fawore-bg: #f4f8ff;
}

body {
  background: var(--fawore-bg) !important;
  color: var(--fawore-dark);
  font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
}

.rr-hero {
  background: linear-gradient(
    135deg,
    #eaf5ff,
    #b9dfff
  ) !important;
  border-radius: 0 0 32px 32px !important;
  padding: 32px 20px 55px !important;
}

.rr-hero h1 {
  color: #0755c9 !important;
  font-weight: 900 !important;
}

.rr-content {
  background: transparent !important;
  padding: 16px !important;
}

.rr-book-card,
.request.card.floating {
  background: #ffffff !important;
  border-radius: 28px !important;
  border: 1px solid #e5edfa !important;
  box-shadow: 0 12px 35px rgba(20,65,130,.09) !important;
  padding: 24px !important;
}

.rr-book-card h2 {
  color: #101a35 !important;
  font-weight: 800 !important;
}

.rr-input-row {
  background: #f5f8fd !important;
  border: 1px solid #e0e8f4 !important;
  border-radius: 17px !important;
  padding: 5px !important;
}

.rr-input-row input {
  background: transparent !important;
  color: #101a35 !important;
  border: none !important;
  font-size: 16px !important;
}

.rr-location-btn {
  background: #e8f1ff !important;
  color: #0866f5 !important;
  border-radius: 15px !important;
}

.rr-vehicle-card {
  background: #ffffff !important;
  border: 1px solid #e0e8f4 !important;
  border-radius: 20px !important;
  box-shadow: 0 5px 18px rgba(20,65,130,.05) !important;
  transition: .2s ease;
}

.rr-vehicle-card.selected {
  background: #eaf3ff !important;
  border: 2px solid #0866f5 !important;
}

.rr-card-price {
  color: #0866f5 !important;
  font-weight: 800 !important;
}

button[type="submit"] {
  border-radius: 17px !important;
}

@media (max-width: 600px) {
  .rr-content {
    padding: 12px !important;
  }

  .rr-book-card {
    padding: 18px !important;
  }

  .rr-vehicle-list {
    gap: 10px !important;
  }
}

/* FAWORE Algeria — Algiers Background */
.rr-hero {
  background-image: url('/fawore-alger-hero.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 280px;
}