/*
 * Tripela Visa theme integration.
 * These aliases keep Visa's component styles in step with the active Tripela
 * Customizer palette without changing the theme's design system.
 */
:root {
  --tripela-visa-accent: var(--tripela-accent-color, #2271b1);
  --tripela-visa-primary: var(--tripela-primary-color, #1a1a1a);
  --tripela-visa-text: var(--tripela-text-color-01, #1a1a1a);
  --tripela-visa-muted: var(--tripela-text-color-03, #6b7280);
  --tripela-visa-border: var(--tripela-border-color-04, #e5e7eb);
}

.visa-card,
.visa-filters,
.tripela-visa-application-form,
.tripela-visa-search-form,
.tripela-my-visa-bookings,
.tripela-visa-steps-wrapper,
.tripela-visa-additional-services,
.template-empty {
  color: var(--tripela-visa-text);
  font-family: inherit;
}

.visa-search-field .field-wrapper svg,
.visa-card .visa-card-title a:hover,
.visa-meta-item svg,
.visa-price .price-current,
.filter-title:hover,
.filter-show-more:hover,
.tripela-my-visa-bookings .filter-status a.active,
.booking-details__price .content,
.visa-step-item:hover .step-icon i,
.visa-step-item:hover .step-title {
  color: var(--tripela-visa-accent);
}

.visa-card-wishlist.added svg,
.visa-step-item:hover .step-icon svg {
  fill: var(--tripela-visa-accent);
  stroke: var(--tripela-visa-accent);
}

.visa-search-submit,
.visa-filters .filter-checkbox input[type="checkbox"]:checked,
.visa-filters .range-slider .incl-range,
.pagination .nav-links .current,
.pagination .nav-links span.current,
.tripela-visa-submit-btn,
.tripela-my-visa-bookings .tripela-pagination .current,
.tripela-my-visa-bookings .booking-detail-actions .tripela-button,
.step-number,
.visa-grid-swiper .swiper-pagination-bullet-active,
.visa-list-swiper .swiper-pagination-bullet-active,
.template-empty .tripela-visa-empty-action {
  background: var(--tripela-visa-accent);
  background-color: var(--tripela-visa-accent);
  border-color: var(--tripela-visa-accent);
}

.visa-search-submit:hover,
.tripela-visa-submit-btn:hover,
.template-empty .tripela-visa-empty-action:hover {
  background: var(--tripela-visa-primary);
  background-color: var(--tripela-visa-primary);
}

.visa-archive-sort select:focus,
.visa-step-item:hover .step-icon-box {
  border-color: var(--tripela-visa-accent);
}

.visa-step-item:hover .step-icon-box {
  background-color: color-mix(in srgb, var(--tripela-visa-accent) 10%, transparent);
}

.visa-card .visa-card-title a,
.visa-meta-item strong,
.visa-filters .range-preview span,
.visa-filters .range-preview .show-min-price,
.visa-filters .range-preview .show-max-price,
.template-empty h3 {
  color: var(--tripela-visa-text);
}

.visa-meta-item,
.template-empty p {
  color: var(--tripela-visa-muted);
}

.visa-card-footer,
.visa-filters .range-preview .show-min-price,
.visa-filters .range-preview .show-max-price {
  border-color: var(--tripela-visa-border);
}

.template-empty .tripela-visa-empty-icon {
  color: var(--tripela-visa-muted);
}

.template-empty .tripela-visa-empty-action {
  color: #fff;
  text-decoration: none;
}