/* WPForms: focusrand binnen de invoervelden, ook bij Elementor-formulieren. */
:is(#wpforms-form-760, [id^="wpforms-form-"]) .wpforms-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus,
:is(#wpforms-form-760, [id^="wpforms-form-"]) .wpforms-field-container .wpforms-field textarea:focus,
:is(#wpforms-form-760, [id^="wpforms-form-"]) .wpforms-field-container .wpforms-field select:focus {
  box-sizing: border-box !important;
  border: 2px solid #8524d3 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Mobiel: merknaam duidelijker en optisch even breed als de onderregel. */
@media (max-width: 767px) {
  .dv-nav.dv-nav .dv-brand { gap: 8px; }
  .dv-nav.dv-nav .dv-brand > span { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
  .dv-nav.dv-nav .dv-brand strong { display: block; font-family: "Barlow Condensed", Impact, sans-serif; font-size: clamp(24.5px, 6.5vw, 26px); font-weight: 800; line-height: 1; letter-spacing: .055em; }
  .dv-nav.dv-nav .dv-brand small { display: block; font-size: 8.2px; line-height: 1.15; letter-spacing: 1.05px; margin-top: 2px; }
}

/* Desktop en tablet: dezelfde compacte merknaam als op mobiel. */
@media (min-width: 768px) {
  .dv-nav.dv-nav .dv-brand { gap: 8px; }
  .dv-nav.dv-nav .dv-brand > span { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
  .dv-nav.dv-nav .dv-brand strong { display: block; font-family: "Barlow Condensed", Impact, sans-serif; font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: .055em; }
  .dv-nav.dv-nav .dv-brand small { display: block; font-size: 8.2px; line-height: 1.15; letter-spacing: 1.05px; margin-top: 2px; }
}

/* Zeer smalle telefoons: schaal alleen daar het merk mee. */
@media (max-width: 359px) {
  .dv-nav.dv-nav .dv-brand { gap: clamp(5px, 2.5vw, 8px); }
  .dv-nav.dv-nav .dv-brand img { width: clamp(34px, 12.5vw, 40px); height: auto; }
  .dv-nav.dv-nav .dv-brand strong { font-size: clamp(20px, 7.65vw, 24.5px); }
  .dv-nav.dv-nav .dv-brand small { font-size: clamp(7px, 2.56vw, 8.2px); letter-spacing: clamp(.7px, .328vw, 1.05px); }
}