/* Taxi Cab Melbourne Airport – Red Theme Override
   Place in /public_html/assets/ and include AFTER your main CSS.
   This file removes all green and uses brand red + greys.
*/

:root{
  --brand-red:#E63946;
  --brand-red-dark:#B22A32;
  --brand-grey:#2A2A2A;
  --brand-grey-2:#3A3A3A;
  --text-on-red:#FFFFFF;
  --chip-bg:#1b1b1b;
  --chip-border:#333;
}

/* Buttons (primary and generic) */
.btn,
button,
input[type="submit"],
input[type="button"],
a.btn,
.btn.primary{
  background: var(--brand-red) !important;
  color: var(--text-on-red) !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover,
.btn.primary:hover{
  background: var(--brand-red-dark) !important;
  color: var(--text-on-red) !important;
  box-shadow: 0 0 12px rgba(230,57,70,.45) !important;
}

/* “Card buttons” like Airport / City / Corporate */
.card .btn,
a.card-btn{
  background: var(--brand-red) !important;
  color:#fff !important;
  border: none !important;
}
.card .btn:hover,
a.card-btn:hover{
  background: var(--brand-red-dark) !important;
}

/* Remove any neon green glows that were used previously */
.btn,
button,
.card .btn{
  filter: none !important;
  -webkit-filter: none !important;
}

/* Pills / badges / chips */
.badge,
.pill,
.tag,
.chip{
  background: var(--chip-bg) !important;
  border: 1px solid var(--chip-border) !important;
  color:#d7d7d7 !important;
  box-shadow:none !important;
}

/* 24/7 bubble */
.badge.time,
.badge-247{
  background: #161616 !important;
  border: 1px solid #333 !important;
  color:#d7d7d7 !important;
  box-shadow:none !important;
}

/* Links inside dark UI */
a.btn.link,
.btn.link{
  background: transparent !important;
  color: var(--brand-red) !important;
  border: 1px solid var(--brand-red) !important;
}
a.btn.link:hover,
.btn.link:hover{
  background: rgba(230,57,70,.1) !important;
}

/* Highlight booking form card more strongly on mobile */
.form-card, .booking, .box, .panel{
  background: #0f0f0f !important;
  border: 1px solid #2b2b2b !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.45) !important;
}

/* Inputs */
input, select, textarea{
  background: #0b0b0b !important;
  border:1px solid #2d2d2d !important;
  color:#e9e9e9 !important;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--brand-red) !important;
  box-shadow: 0 0 0 3px rgba(230,57,70,.25) !important;
  outline: none !important;
}

/* Admin area buttons (if they reuse .btn) */
.admin .btn, .admin button, .admin input[type="submit"]{
  background: var(--brand-red) !important;
  color:#fff !important;
  border: none !important;
}