/*
  PVPL responsive header structure compatibility v6
  2026-08-25

  Proven runtime DOM:

  HEADER.pvpl-responsive-header
    DIV structural-wrapper
      DIV pvpl-inner-wrapper
        [data-testid="pvpl-brand-logo"]
      [data-testid="header-company-text"]
    [data-testid="keybank-brand-logo"]

  Existing locked V3/V4 grid areas remain authoritative.

  Laptop/desktop only:
    1. flatten the HEADER structural wrapper;
    2. flatten the PVPL-only inner wrapper.

  Result:
    PVPL logo becomes HEADER grid item -> pvpl
    company text becomes HEADER grid item -> company
    KeyBank remains HEADER grid item -> keybank

  Phone/tablet <=1100px is untouched.
*/

@media (min-width: 1101px) {

  /* Header's structural wrapper containing both PVPL and company */
  header.pvpl-responsive-header
    > div:has([data-testid="pvpl-brand-logo"]):has(> [data-testid="header-company-text"]) {
    display: contents !important;
  }

  /*
    Inner PVPL-only structural wrapper.
    The parent still exists in the DOM even though its box is flattened.
  */
  header.pvpl-responsive-header
    > div:has([data-testid="pvpl-brand-logo"]):has(> [data-testid="header-company-text"])
    > div:has(> [data-testid="pvpl-brand-logo"]) {
    display: contents !important;
  }
}