/* ------------------------------------------------------------------
   IFT - LIAA / ERDF co-financing notice in the footer
   Hand-written, added 2026-08. Loaded LAST in <head> on all six pages.

   The block lives inside <bar>_align_to_page as an absolutely
   positioned child. That container is already position:relative, so the
   block is measured from the top-left of the dark footer bar and never
   touches Muse's float layout.

   Muse's footer bar is itself position:absolute and is the last thing on
   the page, so making it taller only extends the document downwards.
   Nothing above the footer moves.

   THREE FOOTER IDs, ONE RULE SET
   Muse generated a different id per master, so every footer override
   below lists all three. Same rule, same values - not per-page variants:
       bar          #u34121 (LV)     #u88356 (EN)     #u90158 (RU)
       bar wrapper  #u34121-bw       #u88356-bw       #u90158-bw
       copyright    #u130104-bw      #u130115-bw      #u130135-bw
   The horizontal footer column is identical on all six pages at every
   breakpoint (logo left 50%-577px, nav right 50%+582px at >=1251px and
   so on), so the block's left/right/width values need no per-page work.

   WHY min-height CARRIES THE WHOLE BAR HEIGHT
   The masters split the bar height differently between min-height and
   padding-bottom - LV uses 238+205, EN and RU use 256+187, because their
   footer content ends at a different y. Overriding min-height alone would
   leave the three languages 18px apart. So each block below sets the full
   bar height as min-height and zeroes padding-bottom, which lands every
   page on exactly the same footer height.

   2026-08 revision: the gap between the existing footer content and the
   block was doubled. Gaps were measured in Chrome, not calculated.
   ------------------------------------------------------------------ */

/* ---------- shared ---------- */

.ift-eu-fin {
  position: absolute;
}

.ift-eu-fin-logo {
  display: block;
  height: auto;
  max-width: 100%;
  border: 0;
}

.ift-eu-fin-text p {
  font-family: '__Montserrat_5', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.8;
  text-align: left;
}

.ift-eu-fin-text p + p {
  margin-top: 12px;
}


/* ---------- 1. >= 1251px  (bp_infinity) --------------------------
   block top 281, copyright 443, bar 466
   right edge = 50% + 582px = right edge of the nav column */

@media (min-width: 1251px), print {
  .ift-eu-fin        { top: 281px; left: 50%; right: auto; margin-left: -577px; width: 1159px; padding: 0; }
  .ift-eu-fin-logo   { float: left; width: 208px; margin: 0; }
  .ift-eu-fin-text   { margin-left: 248px; }
  .ift-eu-fin-text p { font-size: 13px; line-height: 18px; }

  #u34121,    #u88356,    #u90158    { min-height: 466px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 369px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 443px; }
}


/* ---------- 2. 1166 - 1250px  (bp_1250) --------------------------
   block top 281, copyright 443, bar 466
   this breakpoint reuses the whole footer group, so it has no
   placeholder of its own on any page */

@media (min-width: 1166px) and (max-width: 1250px) {
  .ift-eu-fin        { top: 281px; left: 50%; right: auto; margin-left: -577px; width: 1159px; padding: 0; }
  .ift-eu-fin-logo   { float: left; width: 208px; margin: 0; }
  .ift-eu-fin-text   { margin-left: 248px; }
  .ift-eu-fin-text p { font-size: 13px; line-height: 18px; }

  #u34121,    #u88356,    #u90158    { min-height: 466px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 369px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 443px; }
}


/* ---------- 3. 951 - 1165px  (bp_1165) ---------------------------
   block top 301, copyright 496, bar 519
   right edge = container - 20px = right edge of the nav column */

@media (min-width: 951px) and (max-width: 1165px) {
  .ift-eu-fin        { top: 301px; left: 23px; right: 20px; margin-left: 0; width: auto; padding: 0; }
  .ift-eu-fin-logo   { float: left; width: 208px; margin: 0; }
  .ift-eu-fin-text   { margin-left: 248px; }
  .ift-eu-fin-text p { font-size: 13px; line-height: 18px; }

  #u34121,    #u88356,    #u90158    { min-height: 519px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 314px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 496px; }
}


/* ---------- 4. 869 - 950px  (bp_950) -----------------------------
   block top 301, copyright 531, bar 554 */

@media (min-width: 869px) and (max-width: 950px) {
  .ift-eu-fin        { top: 301px; left: 23px; right: 20px; margin-left: 0; width: auto; padding: 0; }
  .ift-eu-fin-logo   { float: left; width: 208px; margin: 0; }
  .ift-eu-fin-text   { margin-left: 248px; }
  .ift-eu-fin-text p { font-size: 13px; line-height: 18px; }

  #u34121,    #u88356,    #u90158    { min-height: 554px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 349px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 531px; }
}


/* ---------- 5. 603 - 868px  (bp_868) -----------------------------
   block top 449, copyright 773, bar 801
   logo trimmed to 170px so the text column stays usable at 603px */

@media (min-width: 603px) and (max-width: 868px) {
  .ift-eu-fin        { top: 449px; left: 50px; right: 50px; margin-left: 0; width: auto; padding: 0; }
  .ift-eu-fin-logo   { float: left; width: 170px; margin: 0; }
  .ift-eu-fin-text   { margin-left: 198px; }
  .ift-eu-fin-text p { font-size: 13px; line-height: 18px; }

  #u34121,    #u88356,    #u90158    { min-height: 801px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 622px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 773px; }
}


/* ---------- 6. 451 - 602px  (bp_602) -----------------------------
   stacked: logos centred above the text
   block top 660, copyright 1008, bar 1041.71
   full container width here: the footer collapses to a centred stack
   and the nav column is only 194px, far too narrow for body copy */

@media (min-width: 451px) and (max-width: 602px) {
  .ift-eu-fin        { top: 660px; left: 0; right: 0; margin-left: 0; width: auto; padding: 0 32px; }
  .ift-eu-fin-logo   { float: none; width: 208px; margin: 0 auto 20px; }
  .ift-eu-fin-text   { margin-left: 0; }
  .ift-eu-fin-text p { font-size: 12px; line-height: 17px; }

  #u34121,    #u88356,    #u90158    { min-height: 1041.71px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 1041.71px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 1008px; }
}


/* ---------- 7. <= 450px  (bp_450) --------------------------------
   stacked: logos centred above the text
   block top 652, copyright 1054, bar 1087.71
   darbs--ift, work-ift and darbs-ru have no bp_450 DOM node - they stay
   on the bp_602 tree below 451px, and these rules still apply to it */

@media (max-width: 450px) {
  .ift-eu-fin        { top: 652px; left: 0; right: 0; margin-left: 0; width: auto; padding: 0 20px; }
  .ift-eu-fin-logo   { float: none; width: 180px; margin: 0 auto 20px; }
  .ift-eu-fin-text   { margin-left: 0; }
  .ift-eu-fin-text p { font-size: 12px; line-height: 17px; }

  #u34121,    #u88356,    #u90158    { min-height: 1087.71px; padding-bottom: 0; }
  #u34121-bw, #u88356-bw, #u90158-bw { min-height: 1087.71px; }
  #u130104-bw, #u130115-bw, #u130135-bw { margin-top: 1054px; }
}
