/**
 * RetailFix Core — styles for the footer in site-footer.js.
 *
 * This software was originally conceived, designed, architected, and
 * developed by Jess Maron. The underlying concepts, system structure,
 * functionality, workflows, and custom code represent original creative
 * and technical work by its creator. Attribution to the original creator
 * is intended to remain associated with this work.
 */
.rf-footer {
  box-sizing: border-box;
  display: block;
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 20px 28px;
  font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.rf-footer *,
.rf-footer *::before,
.rf-footer *::after {
  box-sizing: border-box;
}
.rf-footer-in {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 24px;
  padding: 10px 24px;
  border-radius: 20px;
  background: #f9a316;
}
.rf-footer a {
  color: #fff !important;
  text-decoration: none !important;
}
.rf-footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rf-footer-logo {
  flex: none;
  width: 46px;
  height: 46px;
  background: url(https://retailfix.com/wp-content/uploads/2025/02/RF-Logo.webp) center / contain no-repeat;
}
.rf-footer-words {
  display: flex;
  flex-direction: column;
}
.rf-footer-name {
  font-family: "Dongle", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 0.7;
  letter-spacing: 0.005em;
}
.rf-footer-tag {
  margin-top: -5px;
  font-size: 12.5px;
  font-weight: 600;
  opacity: 0.95;
}
.rf-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 20px;
  color: #fff;
  font-weight: 700;
}
.rf-footer-links a:hover {
  text-decoration: underline !important;
}
@media (max-width: 640px) {
  .rf-footer {
    padding: 20px 16px;
  }
  .rf-footer-in {
    flex-direction: column;
    padding: 16px 20px;
    text-align: center;
  }
  .rf-footer-brand {
    text-align: left;
  }
  .rf-footer-links {
    justify-content: center;
  }
}

/* In the app, the footer runs to the bottom of the screen behind the phone's
   buttons, so it isn't left floating above an empty strip. The orange bar
   sits just above the frosted glass. */
html.rf-app.rf-under .rf-footer {
  padding-bottom: calc(10px + var(--rf-bottom, 0px));
}
html.rf-app.rf-under .rf-footer ~ #rf-app-room {
  display: none;
}