/* Additions for the country sites (etf.be/.gr/.hu/.is/.lt/.lv/.ro).
   css/style.css is a 1:1 copy of the etf.at stylesheet and stays untouched, so it
   can be re-synced from etf.at at any time. Country-specific rules live here. */

/* the country logo is dark teal on transparent: show it white on the dark footer */
footer .footer-logo {
  filter: brightness(0) invert(1);
}

/* current site in the footer domain list */
.footer-urls a.current {
  text-decoration: underline;
}

/* calculator without the advertising column (etf.at floats .calculator left, 64-70% wide, next to it) */
.calculator.calculator--single {
  width: 100%;
  float: none;
}

/* etf.at shows an author block on the left of the same row as the floated share buttons.
   The country sites have no author block, so start the rule below the floated buttons;
   otherwise it is shortened and the side box no longer fits next to the content. */
hr.header {
  clear: both;
}

/* watermark in the calculator charts: the etf.at stylesheet points to the ETF.at logo
   (/images/etf-logo-calc-bg.svg, not part of this project); use the logo of the country site */
#bar-chart, #pie-chart {
  background: var(--calc-watermark) no-repeat;
  background-size: 150px auto;
  background-position: bottom 20px left 5px;
}