/*
 * Termly's consent banner on phones. Below its 36.5em breakpoint Termly
 * stacks the buttons and sets 1.75 line spacing, which spends a third of the
 * banner on whitespace. The font size and copy are set in Termly's dashboard.
 *
 * Hook only Termly's data-termly-part attributes under its container id,
 * never the hashed termly-styles-* classes, which change between Termly
 * releases. The id also outranks Termly's own rules, which load after this
 * file. Re-check at 375x812 after any Termly banner change.
 */
@media screen and (max-width: 36.5em) {
  #termly-code-snippet-support
    [data-termly-part='consent-banner']
    [data-termly-part='banner-message'] {
    line-height: 1.45;
  }

  #termly-code-snippet-support
    [data-termly-part='consent-banner']
    [data-termly-part='banner-actions'] {
    flex-direction: row;
  }

  #termly-code-snippet-support
    [data-termly-part='consent-banner']
    [data-termly-part='banner-actions']
    > button {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}