/* ==========================================================================
   Brand color overrides (logo palette)
   Loaded last in the master so it wins over master.min.css / home.min.css.
   Light blue  #1dbae9
   Dark blue   #0a4d8b
   Yellow      #ffca02
   Single source of truth for the blue theme across every page + language.
   ========================================================================== */

:root {
  --brand-light: #1dbae9;
  --brand-dark: #0a4d8b;
  --brand-yellow: #ffca02;
}

/* --- Buttons (replaces the orange gradient) ------------------------------- */
.submit-btn,
.buttons input[type="submit"],
.buttons input[type="button"],
.buttons button,
.hero-surface .submit-btn {
  background: var(--brand-dark) !important;
  box-shadow: 0 10px 22px rgba(10, 77, 139, 0.30) !important;
}

.submit-btn:hover,
.buttons input[type="submit"]:hover,
.buttons input[type="button"]:hover,
.buttons button:hover,
.hero-surface .submit-btn:hover {
  filter: brightness(1.05);
  box-shadow: 0 16px 30px rgba(10, 77, 139, 0.38) !important;
}

/* --- Menu hover + skip link ---------------------------------------------- */
.primary-menu a:hover,
.secondary-menu a:hover {
  color: var(--brand-dark);
}

.skip-link:focus {
  background: var(--brand-dark);
}

/* --- Date picker accents (replaces orange / red) ------------------------- */
.ui-datepicker-header,
.ui-datepicker .ui-widget-header {
  background: var(--brand-dark) !important;
}

.ui-datepicker td.ui-datepicker-today a {
  border-color: var(--brand-light) !important;
  background: #f0faff !important;
  color: var(--brand-dark) !important;
}

.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td .ui-state-active {
  border-color: var(--brand-dark) !important;
  background: var(--brand-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px rgba(10, 77, 139, 0.35) !important;
}

/* --- Booking step indicator borders (all rent pages) -------------------- */
.booking-steps,
.booking-steps li,
.booking-steps li.is-complete,
.booking-steps li.is-current {
  border-color: var(--brand-light) !important;
}

/* Step number dots — on-brand blue for complete/current states */
.booking-steps li.is-complete .step-dot,
.booking-steps li.is-current .step-dot {
  background: var(--brand-dark) !important;
  color: #ffffff !important;
}

/* --- Text links & inline accents (recolor stray royal blue #1d4ed8) ------ */
.actions a,
.page-rent-home .actions a,
.page-rent-group .actions a,
.page-rent-quote .actions a,
.template-panel a,
#locations a {
  color: var(--brand-dark) !important;
}

/* Extras "?" help badge + cluetip close link */
.extras td.charge a small {
  color: var(--brand-dark) !important;
}

.extras td.charge a:hover small {
  background: var(--brand-dark) !important;
  color: #ffffff !important;
}

#cluetip-close a:hover {
  color: var(--brand-dark) !important;
}