/*
  File role: the tenant's theme over the service wizard of the public portal (12.10.2026, D-415). The wizard's own
  stylesheet belongs to the eBS plugin (wp-content/plugins/vogo-api/plugin/ebs-forms/assets/ebs-service-wizard.css,
  shared with the internal services page) and writes the institutional navy and green as fixed values; this file,
  loaded after it on /ebs/portal/serviciu-digital/ only, puts the theme variables of services.css on the same
  selectors (--portal-primary / -deep, --portal-font-*), set per tenant from vogo_ecm_tenant_portal_config.
  No green: the done steps, the main button and the focused field take the theme's blues, as the catalog.
  @file_version 1.0.0
*/

/* ── Fonts ── */
.vogo-ebs-wizard,
.vogo-ebs-wizard .vogo-ebs-wizard__header-title,
.vogo-ebs-wizard .vogo-ebs-wizard__title { font-family: var(--portal-font-display); }

/* ── Steps: done and active ── */
.vogo-ebs-wizard-step--done:not(:last-child)::after { background: var(--portal-primary); }
.vogo-ebs-wizard-step--done .vogo-ebs-wizard-step__num { background: var(--portal-primary); }
.vogo-ebs-wizard-step--active .vogo-ebs-wizard-step__num {
  background: var(--portal-deep);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--portal-primary) 14%, transparent);
}
.vogo-ebs-wizard-step--done .vogo-ebs-wizard-step__label { color: var(--portal-primary); }
.vogo-ebs-wizard-step--active .vogo-ebs-wizard-step__label { color: var(--portal-deep); }

/* ── Titles, meta, sections ── */
.vogo-ebs-wizard .vogo-ebs-wizard__header-title,
.vogo-ebs-wizard .vogo-ebs-wizard__title,
.vogo-ebs-wizard__meta-label,
.vogo-ebs-wizard__meta-value,
.vogo-ebs-wizard__section-title,
.vogo-ebs-wizard__section-icon,
.vogo-ebs-wizard__info-title,
.vogo-ebs-wizard__info-link,
.vogo-ebs-wizard-form__title,
.vogo-ebs-wizard__step--3 .vogo-ebs-wizard-form__title,
.vogo-ebs-wizard-signature__title,
.vogo-ebs-wizard .vogo-ebs-wizard__success h3,
.vogo-ebs-wizard-preview-value,
.vogo-ebs-location-picker__readout { color: var(--portal-primary); }

/* Accent lines on the left: square on the line's side (line-no-corner). */
.vogo-ebs-wizard__meta,
.vogo-ebs-wizard__attachments-item,
.vogo-ebs-wizard__info-item,
.vogo-ebs-wizard-preview-signature { border-left-color: var(--portal-primary); }
.vogo-ebs-wizard-field__html-content { border-left-color: var(--portal-primary); }

/* ── Attachments ── */
.vogo-ebs-wizard__attachments-item { color: var(--portal-primary); }
.vogo-ebs-wizard__attachments-item:hover { background: var(--portal-primary); border-color: var(--portal-primary); }
.vogo-ebs-wizard__attachments-download:hover,
.vogo-ebs-wizard__attachments-download:focus { background: color-mix(in srgb, var(--portal-primary) 12%, transparent); }

/* ── FAQ ── */
.vogo-ebs-wizard__faq-item[open] .vogo-ebs-wizard__faq-question::after,
.vogo-ebs-wizard__faq-link a { color: var(--portal-primary); }

/* ── Buttons ── */
.vogo-ebs-wizard__btn--primary {
  background: var(--portal-primary);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--portal-primary) 25%, transparent);
}
.vogo-ebs-wizard__btn--primary:hover,
.vogo-ebs-wizard__btn--primary:focus {
  background: var(--portal-deep);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--portal-deep) 30%, transparent);
}
.vogo-ebs-wizard__btn--secondary:hover,
.vogo-ebs-wizard__btn--secondary:focus { border-color: var(--portal-primary); color: var(--portal-primary); }
.vogo-ebs-wizard__btn--ansvsa {
  background: var(--portal-primary);
  border-color: var(--portal-primary);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--portal-primary) 25%, transparent);
}
.vogo-ebs-wizard__btn--ansvsa:hover,
.vogo-ebs-wizard__btn--ansvsa:focus { background: var(--portal-deep); border-color: var(--portal-deep); }
.vogo-ebs-wizard__btn--outline { color: var(--portal-primary); border-color: var(--portal-primary); }
.vogo-ebs-wizard__btn--outline:hover,
.vogo-ebs-wizard__btn--outline:focus {
  background: var(--portal-primary);
  border-color: var(--portal-primary);
  color: #fff;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--portal-primary) 25%, transparent);
}

/* ── Focused fields and the signature pad ── */
.vogo-ebs-wizard-field input:focus,
.vogo-ebs-wizard-field select:focus,
.vogo-ebs-wizard-field textarea:focus,
.vogo-ebs-wizard-signature__canvas:focus {
  border-color: var(--portal-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary) 14%, transparent);
}

/* ── Address helper ── */
.vogo-ebs-address-actions button:hover { color: var(--portal-primary); }
.vogo-ebs-address-actions__apply { background: var(--portal-primary); }
.vogo-ebs-address-actions__apply:hover { background: var(--portal-deep); }