body { background-color: #fafafa }
/* Orange2 Primary Color - with high specificity */
.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus, .btn-primary:active,
.btn-next-panel.btn-primary,
.btn-next-panel.btn-primary:focus,
.btn-next-panel.btn-primary:active {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
}
.btn-primary:hover,
.btn-next-panel.btn-primary:hover {
  background-color: #f1b445 !important;
  border-color: #f1b445 !important;
  color: #000000 !important;
}
.btn-primary:focus,
.btn-primary:active,
.btn-next-panel.btn-primary:focus,
.btn-next-panel.btn-primary:active {
  box-shadow: 0 0 0 0.2rem rgba(254, 189, 73, 0.25) !important;
}
/* Pay button stays green (CTA) - exclude from primary color theming */
.btn-info, .btn-info:active, .btn-info.active {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
}
a, a:hover {
  color: #febd49 !important;
}
.btn-outline-primary {
  color: #febd49 !important;
  border-color: #febd49 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
}
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 189, 73, 0.25) !important;
}
.badge-primary {
  background-color: #febd49 !important;
}
.form-control:focus {
  border-color: #febd49 !important;
}
/* Event info pills */
.event-info-pills .event-pill {
  background-color: #febd49 !important;
  color: #000000 !important;
}
.event-info-pills .event-pill svg {
  fill: #000000 !important;
}
/* Service menu icon (iframe mode) */
.orange2-service-button.service-in-title .service-icon {
  fill: #febd49 !important;
}
/* Service menu active item */
.orange2-service-button .dropdown-menu a.active {
  background-color: rgba(254, 189, 73, 0.08) !important;
  font-weight: normal !important;
}
/* Category header and chevron */
.category-header {
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.category-icon svg {
  fill: #febd49 !important;
}
.category-selected-count {
  background-color: rgba(254, 189, 73, 0.06) !important;
  color: #febd49 !important;
}
.category-products {
  background-color: rgba(254, 189, 73, 0.03) !important;
}
/* Quantity buttons (plus/minus) */
.btn-quantity {
  background-color: #febd49 !important;
  color: #000000 !important;
}
.btn-quantity::before {
  background-color: #000000 !important;
}
.btn-quantity:hover:not(:disabled) {
  background-color: #e5aa42 !important;
  color: #000000 !important;
}
/* Ticket prices */
.ticket-price, .ticket-price-current {
  color: #febd49 !important;
}
/* Previous/back button */
.btn-prev-panel {
  color: #febd49 !important;
}
.btn-prev-panel:hover {
  color: #e5aa42 !important;
}
/* Donation quick amount buttons */
.donation-quick-btn {
  background-color: rgba(254, 189, 73, 0.03) !important;
  border-color: #ffffaf !important;
  color: #febd49 !important;
}
.donation-quick-btn:hover {
  background-color: rgba(254, 189, 73, 0.06) !important;
  border-color: #ffffa2 !important;
}
/* Optional label (e.g., discount code) */
.optional-label {
  color: #febd49 !important;
}
/* Panel heading chevron (collapse indicator) */
.panel-heading:after {
  color: #febd49 !important;
}
/* Gender selection buttons (Man/Vrouw) */
.gender-toggle-group .gender-option:hover {
  border-color: #febd49 !important;
  color: #febd49 !important;
}
.gender-toggle-group .gender-option.active {
  background-color: rgba(254, 189, 73, 0.03) !important;
  border-color: #febd49 !important;
  color: #febd49 !important;
}
/* Payment method cards */
.payment-method-card.selected {
  border-color: #febd49 !important;
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.payment-method-card:hover {
  border-color: #fff07c !important;
}
/* Performance card selected */
.performance-card.selected {
  border-color: #febd49 !important;
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.performance-card:has(.performance-radio:checked) {
  border-color: #febd49 !important;
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.performance-card:not(.disabled):hover {
  border-color: #fff07c !important;
}
.performance-radio:checked ~ .performance-content .performance-date {
  color: #febd49 !important;
}
/* Datepicker */
.datepicker .btn-info.active,
#panel_datepicker .btn-info.active {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
}
.datepicker thead .btn:hover {
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.datepicker .uib-left,
.datepicker .uib-right {
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.datepicker .uib-left::before,
.datepicker .uib-right::before {
  color: #febd49 !important;
}
.datepicker .uib-left i,
.datepicker .uib-right i {
  color: #febd49 !important;
}
.datepicker .uib-left:hover,
.datepicker .uib-right:hover {
  background-color: rgba(254, 189, 73, 0.06) !important;
}
.datepicker tbody .btn:enabled {
  background-color: rgba(254, 189, 73, 0.03) !important;
}
.datepicker tbody .btn:enabled:hover {
  background-color: rgba(254, 189, 73, 0.06) !important;
}
/* Completed page - Route button */
.btn-route {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
}
.btn-route:hover {
  background-color: #e5aa42 !important;
  border-color: #e5aa42 !important;
  color: #000000 !important;
}
.btn-route svg {
  fill: #000000 !important;
}
/* Completed page - Contact section icons */
.contact-item svg {
  fill: #febd49 !important;
}
.contact-item a {
  color: #febd49 !important;
}
/* Events index - Placeholder image gradient */
.event-image.event-image-placeholder {
  background: linear-gradient(135deg, rgba(254, 189, 73, 0.15) 0%, rgba(254, 189, 73, 0.25) 100%) !important;
}
/* Events index - Event icons (calendar, clock) */
.event-icon {
  color: #febd49 !important;
}
/* Events index - More info link */
.event-more-info {
  color: #febd49 !important;
}
.event-more-info:hover {
  color: #e5aa42 !important;
}
/* Events index - Event buttons */
.event-button .btn.btn-primary {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
}
.event-button .btn.btn-primary:hover {
  background-color: #efb245 !important;
  border-color: #efb245 !important;
  color: #000000 !important;
}
.event-button .btn.btn-primary:focus,
.event-button .btn.btn-primary:active {
  background-color: #febd49 !important;
  border-color: #febd49 !important;
  color: #000000 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 189, 73, 0.25) !important;
}
.event-button .btn.btn-disabled {
  color: #febd49 !important;
  border-color: #febd49 !important;
}
/* Form controls - Focus states */
.form-control:focus {
  border-color: #febd49 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 189, 73, 0.15) !important;
}
.input-group:focus-within {
  border-color: #febd49 !important;
}
/* Time picker modal */
#timePicker .modal-body .row {
  background-color: rgba(254, 189, 73, 0.03) !important;
}
#timePicker .modal-body .row:hover {
  background-color: rgba(254, 189, 73, 0.06) !important;
}
#timePicker .modal-body .btn.btn-info {
  background-color: #febd49 !important;
  color: #000000 !important;
}
#timePicker .modal-body .btn.btn-info:hover {
  background-color: #f1b445 !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(254, 189, 73, 0.3) !important;
}
/* Service icon menu */
.icon-menu .service-icon {
  fill: #febd49 !important;
}
/* Shop closed icon */
.shop-closed-icon {
  fill: #febd49 !important;
}