/*
 * JU Aussteller – Light Color Scheme
 * Farbwerte kommen aus den Avada Global Colors.
 */

:root {
  --ju-col1: var(--awb-color1);
  --ju-col2: var(--awb-color2);
  --ju-col3: var(--awb-color3);
  --ju-col4: var(--awb-color4);
  --ju-col5: var(--awb-color5);
  --ju-col6: var(--awb-color6);
  --ju-col7: var(--awb-color7);
  --ju-col8: var(--awb-color8);

  --ju-scheme-accent: var(--ju-col3);
  --ju-scheme-accent-alt: var(--ju-col4);
  --ju-scheme-accent-contrast: var(--ju-col1);
  --ju-scheme-panel: var(--ju-col2);
  --ju-scheme-panel-strong: var(--ju-col7);
  --ju-scheme-search-border: var(--ju-col4);
  --ju-scheme-focus: var(--ju-col7);
  --ju-scheme-card-border: var(--ju-col2);
  --ju-scheme-card-hover-shadow: 0 4px 12px color-mix(in srgb, var(--ju-col8) 8%, transparent);
  --ju-scheme-surface: var(--ju-col1);
  --ju-scheme-input-border: color-mix(in srgb, var(--ju-col8) 12%, transparent);
  --ju-scheme-input-text: var(--ju-col8);
  --ju-scheme-input-disabled-text: var(--ju-col2);
  --ju-scheme-muted-text: var(--ju-col7);
  --ju-scheme-required: var(--ju-col4);
  --ju-scheme-notice-border: color-mix(in srgb, var(--ju-col8) 12%, transparent);
  --ju-scheme-notice-success-border: color-mix(in srgb, var(--ju-col3) 35%, transparent);
  --ju-scheme-notice-error-border: color-mix(in srgb, var(--ju-col4) 35%, transparent);
  --ju-scheme-tag-border: color-mix(in srgb, var(--ju-col8) 12%, transparent);
  --ju-scheme-image-border: color-mix(in srgb, var(--ju-col8) 12%, transparent);
  --ju-scheme-image-bg: var(--ju-col1);
  --ju-scheme-product-border: color-mix(in srgb, var(--ju-col8) 8%, transparent);
  --ju-scheme-product-bg: color-mix(in srgb, var(--ju-col8) 2%, transparent);
  --ju-scheme-product-image-bg: color-mix(in srgb, var(--ju-col8) 3%, transparent);
  --ju-scheme-appointment-separator: var(--ju-col7);
  --ju-scheme-success-bg: color-mix(in srgb, var(--ju-col3) 12%, transparent);
  --ju-scheme-success-border: color-mix(in srgb, var(--ju-col3) 35%, transparent);
  --ju-scheme-error-bg: color-mix(in srgb, var(--ju-col4) 12%, transparent);
  --ju-scheme-error-border: color-mix(in srgb, var(--ju-col4) 35%, transparent);
  --ju-scheme-social-border: color-mix(in srgb, var(--ju-col8) 12%, transparent);
  --ju-scheme-filter-active-bg: var(--ju-col7);
  --ju-scheme-filter-active-text: var(--ju-col1);
  --ju-scheme-filter-active-border: var(--ju-col7);
}

.ju-aussteller-search-toggle,
.ju-aussteller-search-toggle:not(.fusion-button),
.ju-aussteller-status-badges span,
.ju-aussteller-sponsor-flag,
.ju-aussteller-partner-flag,
.ju-aussteller-name,
.ju-mv-save-badge-btn,
.ju-mv-save-badge-link,
.ju-mv-save-badge-btn.is-saved,
.ju-mv-save-badge-link.is-saved,
.ju-mv-tab-btn.fusion-button,
.ju-mv-tab-btn {
  color: var(--ju-scheme-accent);
}

.ju-aussteller-search-toggle:focus-visible {
  outline-color: var(--ju-scheme-accent);
}

.ju-aussteller-filter-toggle,
.ju-aussteller-filter-btn,
.ju-aussteller-filter-btn:not(.fusion-button),
.ju-aussteller-badge-sponsor,
.ju-aussteller-badge-partner,
.ju-aussteller-social-link,
.ju-mv-saved-summary span {
  background: var(--ju-scheme-accent);
  color: var(--ju-scheme-accent-contrast);
}

.ju-aussteller-filter-toggle:focus-visible,
.ju-aussteller-search-input:focus-visible,
.ju-aussteller-filter-btn:focus-visible {
  outline-color: var(--ju-scheme-focus);
}

.ju-aussteller-search-input {
  border-color: var(--ju-scheme-search-border);
  background: var(--ju-scheme-accent);
  color: var(--ju-scheme-accent-contrast);
}

.ju-aussteller-filter-btn.active:not(.fusion-button) {
  background: var(--ju-scheme-filter-active-bg);
  color: var(--ju-scheme-filter-active-text);
  border-color: var(--ju-scheme-filter-active-border);
}

.ju-aussteller-filter-btn.active.fusion-button {
  box-shadow: inset 0 0 0 2px var(--ju-scheme-filter-active-border);
}

.ju-aussteller-card {
  border-color: var(--ju-scheme-card-border);
}

.ju-aussteller-card.sponsor,
.ju-aussteller-card.partner {
  border-color: var(--ju-scheme-accent);
}

.ju-aussteller-card:hover {
  box-shadow: var(--ju-scheme-card-hover-shadow);
}

.ju-aussteller-cat-badge {
  background: var(--ju-scheme-accent);
  color: var(--ju-scheme-accent-contrast);
}

.ju-aussteller-single-logo {
  background: var(--ju-scheme-surface);
}

.ju-portal-form input[type="text"],
.ju-portal-form input[type="email"],
.ju-portal-form input[type="url"],
.ju-portal-form textarea {
  border-color: var(--ju-scheme-input-border);
  color: var(--ju-scheme-input-text);
}

.ju-portal-form input:disabled {
  color: var(--ju-scheme-input-disabled-text);
}

.ju-portal-form .req {
  color: var(--ju-scheme-required);
}

.ju-portal-notice {
  border-color: var(--ju-scheme-notice-border);
}

.ju-portal-notice.success {
  border-color: var(--ju-scheme-notice-success-border);
}

.ju-portal-notice.error {
  border-color: var(--ju-scheme-notice-error-border);
}

.ju-portal-notice.info {
  border-color: var(--ju-scheme-notice-border);
}

.ju-tag {
  border-color: var(--ju-scheme-tag-border);
}

.ju-current-image img {
  border-color: var(--ju-scheme-image-border);
  background: var(--ju-scheme-image-bg);
}

.ju-product-block {
  border-color: var(--ju-scheme-product-border);
  background: var(--ju-scheme-product-bg);
}

.ju-aussteller-product-image {
  background: var(--ju-scheme-product-image-bg);
}

.ju-aussteller-appointment {
  border-top-color: var(--ju-scheme-appointment-separator);
}

.ju-aussteller-appointment-notice.success {
  background: var(--ju-scheme-success-bg);
  border-color: var(--ju-scheme-success-border);
}

.ju-aussteller-appointment-notice.error {
  background: var(--ju-scheme-error-bg);
  border-color: var(--ju-scheme-error-border);
}

.ju-aussteller-social-link {
  border-color: var(--ju-scheme-social-border);
}

.ju-mv-interest-item {
  background: var(--ju-scheme-panel);
  color: var(--ju-scheme-accent-contrast);
}

.ju-mv-tab-btn.fusion-button,
.ju-mv-tab-btn {
  border-color: var(--ju-scheme-accent);
}

.ju-mv-tab-btn.fusion-button:hover,
.ju-mv-tab-btn:hover,
.ju-mv-tab-btn.is-active {
  background: var(--ju-scheme-accent) !important;
  color: var(--ju-scheme-accent-contrast);
}

/* V2.17.4 Anmeldung: Angebotspreise / Hinweise */
.ju-product-price-offer del {
  color: var(--ju-scheme-muted-text);
}

.ju-product-price-offer strong {
  color: var(--ju-scheme-required);
}

.ju-price-netto {
  opacity: .72;
}

.ju-registration-tax-note {
  color: var(--ju-scheme-muted-text);
}

/* V2.17.6 Anmeldung/Katalog */
.ju-package-offer-countdown {
  color: var(--ju-scheme-required);
}