/* ---------------------------------------------------------------------------
   Music Victoria support strip
   Shared funding-acknowledgement section for JavaTop venue sites.

   Every selector in this file is rooted at .mv-support-strip so it cannot
   collide with a host theme. Mobile first: the single-column stack is the
   base, wider layouts are added in min-width media queries.

   No asset URLs appear in this file. All images are <img> elements in
   strip.html and resolve against the {{ASSET_BASE}} token, so there is one
   configurable base path for the whole component.
   --------------------------------------------------------------------------- */

.mv-support-strip {
  /* Local tokens. Override these on .mv-support-strip in the host stylesheet
     to re-skin the strip without touching this file. */
  --mv-strip-bg: #ffffff;
  --mv-strip-fg: #3b3b3b;
  --mv-strip-font: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mv-strip-font-size: 0.8125rem;
  --mv-strip-line-height: 1.5;
  --mv-strip-pad-block: 1rem;
  --mv-strip-pad-inline: 1rem;
  --mv-strip-max-width: 1200px;
  --mv-strip-gap: 1rem;
  --mv-strip-logo-gap: 1.5rem;
  --mv-strip-logo-height: 2.75rem;

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--mv-strip-gap);
  width: 100%;
  margin: 0;
  padding: var(--mv-strip-pad-block) var(--mv-strip-pad-inline);
  background-color: var(--mv-strip-bg);
  color: var(--mv-strip-fg);
  font-family: var(--mv-strip-font);
  font-size: var(--mv-strip-font-size);
  line-height: var(--mv-strip-line-height);
  text-align: center;
}

.mv-support-strip *,
.mv-support-strip *::before,
.mv-support-strip *::after {
  box-sizing: inherit;
}

.mv-support-strip__text {
  max-width: 46em;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  font-style: italic;
  text-wrap: balance;
}

.mv-support-strip__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--mv-strip-logo-gap);
  width: 100%;
  max-width: var(--mv-strip-max-width);
  margin: 0;
  padding: 0;
  list-style: none;
}

.mv-support-strip__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mv-support-strip__img {
  display: block;
  width: auto;
  height: var(--mv-strip-logo-height);
  max-width: 100%;
  border: 0;
  object-fit: contain;
}

/* Per-logo optical balance. The three marks have very different aspect
   ratios, so each is tuned against the shared base height. */
.mv-support-strip__logo--vicgov .mv-support-strip__img {
  height: calc(var(--mv-strip-logo-height) * 1.15);
}

.mv-support-strip__logo--creative-victoria .mv-support-strip__img {
  height: calc(var(--mv-strip-logo-height) * 0.95);
}

.mv-support-strip__logo--music-victoria .mv-support-strip__img {
  height: calc(var(--mv-strip-logo-height) * 0.8);
}

/* Small tablets and up: give the strip a little more room. */
@media (min-width: 480px) {
  .mv-support-strip {
    --mv-strip-logo-height: 3.25rem;
    --mv-strip-logo-gap: 2rem;
    --mv-strip-pad-inline: 1.5rem;
  }
}

/* Desktop: logos and text sit on one line, text centred between them. */
@media (min-width: 768px) {
  .mv-support-strip {
    --mv-strip-font-size: 0.875rem;
    --mv-strip-logo-height: 3.5rem;
    --mv-strip-pad-block: 1.25rem;
    --mv-strip-pad-inline: 2rem;

    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }

  .mv-support-strip__text {
    flex: 1 1 24em;
    order: 2;
    max-width: 40em;
  }

  .mv-support-strip__logos {
    flex: 0 1 auto;
    order: 1;
    width: auto;
  }
}

/* Honour a reduced-transparency / high-contrast preference by keeping the
   marks on a plain background rather than any inherited theme texture. */
@media (prefers-contrast: more) {
  .mv-support-strip {
    --mv-strip-bg: #ffffff;
    --mv-strip-fg: #1b1b1b;
  }
}

/* Print: keep the acknowledgement, drop the decorative padding. */
@media print {
  .mv-support-strip {
    --mv-strip-pad-block: 0.5rem;
    --mv-strip-pad-inline: 0;
    --mv-strip-bg: transparent;
    --mv-strip-fg: #000000;
  }
}