/* static/css/rental/rental-wizard.css */
.btn-outline-primary { border-width: 2px; }

/* static/css/rental/rental-wizard.css */
#rentalHeaderContainer[data-loading="1"] {
  opacity: .6;
  transition: opacity .15s ease;
}
.package-card:hover,
.gear-card:hover {
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
}

.package-card.border-primary,
.gear-card.border-primary {
  border-width: 2px;
}
.addon-size-card.active {
  border-color: #0d6efd;
  background-color: #0d6efd;
  color: rgb(4, 4, 4);
}
/* ==========================================
   RENTAL WIZARD UI
   Scoped to #rentalWizard
   ========================================== */

#rentalWizard {
  background: #000;
  padding: 25px;
  border-radius: 14px;
  border: 1px solid #aaa83b;
}

/* Wizard Title */
#rentalWizard h2 {
  color: #fff;
}

/* ==========================================
   STEP NAV BUTTONS
   ========================================== */

/* ==========================================
   COMPACT APP-STYLE STEP NAV
   ========================================== */

#rentalWizard .d-grid {
  gap: 8px !important;
}

/* Step buttons */
#rentalWizard .step-btn {
  padding: 6px 14px !important;
  font-size: 0.85rem;
  border-radius: 8px;
  min-width: auto;
  height: 36px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background-color: #000 !important;
  border: 1.5px solid #aaa83b !important;
  color: #aaa83b !important;
  font-weight: 500;
  transition: all 0.15s ease;
}

/* Hover */
#rentalWizard .step-btn:hover {
  background-color: #aaa83b !important;
  color: #000 !important;
}

/* Active */
#rentalWizard .step-btn.active {
  background-color: #aaa83b !important;
  color: #000 !important;
}

/* Disabled */
#rentalWizard .step-btn:disabled {
  opacity: 0.4;
  border-color: #444 !important;
  color: #777 !important;
}

/* ==========================================
   STEP CARDS
   ========================================== */

#rentalWizard .card {
  background-color: #111;
  color: #fff;
  border: 1px solid #ffc107;
  border-radius: 12px;
}

/* Card headings */
#rentalWizard .card h5 {
  color: #ffc107;
  font-weight: 600;
}
/* ==========================================
   ADDON CARD
   ========================================== */

/* ADDON SIZE CARDS */

.addon-size-card {
  background: #111;
  border: 1px solid #aaa83b;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.85rem;
  transition: all .15s ease;
}

.addon-size-card:hover {
  background: #1a1a1a;
}

.addon-size-card.active {
  border: 2px solid #ffc107;
  background: #000;
}

/* ==========================================
   FINALIZE BUTTONS
   ========================================== */

/* Back button */
#rentalWizard .btn-secondary {
  background-color: #222 !important;
  border: 2px solid #555 !important;
  color: #ccc !important;
}

#rentalWizard .btn-secondary:hover {
  background-color: #444 !important;
  color: #fff !important;
}

/* Finalize button */
#rentalWizard .btn-success {
  background-color: #000 !important;
  border: 2px solid #28a745 !important;
  color: #28a745 !important;
}

#rentalWizard .btn-success:hover {
  background-color: #28a745 !important;
  color: #000 !important;
}

/* Load Quote button */
#rentalWizard .btn-warning {
  background-color: #000 !important;
  border: 2px solid #ffc107 !important;
  color: #ffc107 !important;
}

#rentalWizard .btn-warning:hover {
  background-color: #ffc107 !important;
  color: #000 !important;
}

/* ==========================================
   Alert Styling
   ========================================== */

#rentalWizard .alert-info {
  background-color: #111;
  border: 1px solid #ffc107;
  color: #fff;
}

/* ==========================================
   RENTAL WIZARD – PACKAGE + GEAR CARDS
   ========================================== */

/* Make cards dark */
#rentalWizard .package-card,
#rentalWizard .gear-card {
  background-color: #000 !important;
  border: 1px solid #aaa83b !important;
  color: #fff !important;
  transition: all 0.2s ease;
}

/* Package & Gear titles = WHITE */
#rentalWizard .package-card .card-title,
#rentalWizard .gear-card .card-title {
  color: #ffffff !important;
}

/* Age group text (override muted) */
#rentalWizard .package-card .text-muted,
#rentalWizard .gear-card .text-muted {
  color: #cccccc !important;
}

/* Card text white */
#rentalWizard .package-card .card-text,
#rentalWizard .gear-card .card-text {
  color: #ffffff !important;
}

/* Selected state */
#rentalWizard .package-card.border-primary,
#rentalWizard .gear-card.border-primary {
  background-color: #111 !important;
  border: 2px solid #aaa83b !important;
  box-shadow: 0 0 0 2px rgba(231, 11, 169, 0.2);
}

/* Hover effect */
#rentalWizard .package-card:hover,
#rentalWizard .gear-card:hover {
  background-color: #111 !important;
  transform: translateY(-2px);
}