/*
 * PUTKIREMONTTILASKURI — SHARED FOOTER V48
 *
 * Tämä tiedosto on footerin ainoa visuaalinen omistaja.
 * Sama HTML, spacing, typografia ja mobiilin suoja-alue
 * kaikille Putkiremonttilaskuri.fi-sivuille.
 */

html body footer.footer {
  display: block !important;
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 34px 20px !important;

  background: #111820 !important;
  background-image: none !important;
  color: #b9c2cc !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  text-align: center !important;
}

html body footer.footer > b:first-child,
html body footer.footer > strong:first-child {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

html body footer.footer a {
  color: #ffffff !important;
}

html body footer.footer .powered-by-10x {
  display: block !important;

  margin: 14px 0 0 !important;
  padding: 14px 0 0 !important;

  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;

  color: #d6c7b4 !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  text-align: center !important;
}

html body footer.footer .powered-by-10x a {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

html body footer.footer .powered-by-10x a:hover,
html body footer.footer .powered-by-10x a:focus-visible {
  text-decoration: underline !important;
}

@media (max-width: 900px) {
  html body footer.footer {
    /*
     * Footerin tausta jatkuu kiinteän mobiilivalikon alle.
     * Näin footerin jälkeen ei synny valkoista tyhjää aluetta.
     */
    padding:
      34px
      20px
      calc(86px + env(safe-area-inset-bottom))
      20px !important;
  }

  html body footer.footer .powered-by-10x {
    font-size: 12px !important;
  }
}