/* SEA-EU brand layer for the D2.1 materials hosted on digidutter.no.

   Adds what the alliance requires on every material (the SEA-EU logo and the
   EU co-funding emblem) plus the EU funding statement, without touching each
   page's own design. A band sits above the page's masthead, so both logos are
   visible without scrolling; the statement sits at the very foot.

   Logos are the official files in this folder. Never recolour, redraw or
   distort them (Brand Guidelines, June 2023, "Incorrect use", p47-51).
   Clear space: 0.93 x the SEA-EU logo's rendered height on every side (p22),
   which the band's padding provides. The EU emblem is kept at least as large
   as the SEA-EU logo.

   Per-page alignment: set --seaeu-page-max and --seaeu-page-pad on .seaeu-band
   and .seaeu-statement (inline style) to match the page's content column. The
   narrow-screen padding below still applies on top of them.
   Variants: .seaeu-band--light puts the logos on white, for dark pages;
   .seaeu-statement--dark sets the statement for a dark page foot. */

.seaeu-band,
.seaeu-statement {
  --seaeu-max: var(--seaeu-page-max, 1400px);
  --seaeu-pad: var(--seaeu-page-pad, 44px);
  --seaeu-logo-h: 22px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.seaeu-band-inner,
.seaeu-statement-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--seaeu-max);
  margin: 0 auto;
  padding-left: var(--seaeu-pad);
  padding-right: var(--seaeu-pad);
}

/* ---- top band ---- */
.seaeu-band-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: calc(var(--seaeu-logo-h) * 0.95);
  padding-bottom: calc(var(--seaeu-logo-h) * 0.95);
  border-bottom: 1px solid var(--hair, rgba(0, 0, 0, 0.12));
}
.seaeu-band-home { display: block; line-height: 0; }
.seaeu-band-logo { display: block; height: var(--seaeu-logo-h); width: auto; }
.seaeu-band-eu { display: block; height: calc(var(--seaeu-logo-h) * 1.36); width: auto; }

.seaeu-band--light { background: #ffffff; }
.seaeu-band--light .seaeu-band-inner { border-bottom: 0; }

/* ---- funding statement ---- */
.seaeu-statement-inner {
  border-top: 1px solid var(--hair, rgba(0, 0, 0, 0.12));
  padding-top: 18px;
  padding-bottom: 28px;
  font-family: var(--font-ui, system-ui, -apple-system, "Segoe UI", sans-serif);
  font-size: 12px;
  line-height: 1.55;
  color: var(--muted, #6b6b6b);
}
.seaeu-statement p { margin: 0; max-width: 78em; }
.seaeu-statement p + p { margin-top: 6px; }
.seaeu-statement a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.seaeu-statement--dark { z-index: 3; background: var(--seaeu-dark-bg, #0a1628); } /* solid, so fixed page art cannot run through the text */
.seaeu-statement--dark .seaeu-statement-inner {
  border-top-color: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 640px) {
  .seaeu-band,
  .seaeu-statement { --seaeu-pad: 18px; --seaeu-logo-h: 18px; }
}

/* Pages designed as exact print sheets (the Algarve kit's A3/A4 cards and guides):
   the band and statement stay on screen but are left out of the printout, so the
   sheets keep their original page layout. */
@media print {
  .seaeu-noprint { display: none !important; }
}