/* ======================================
   RELATIONAL ROOTS™ VERSION 3
   FOOTER STYLES
====================================== */


/* ======================================
   01. FOOTER WRAPPER
====================================== */



.footer {
    background: var(--rr-earth-brown);
    color: rgba(250,249,246,.80);
    padding-top: 75px;
}

.footer h2,
.footer h4 {

    color: var(--rr-warm-white);

}

.footer p,
.footer a {

    color: rgba(250,249,246,.80);

    transition: var(--transition);

}

.footer a:hover {

    color: white;

}


/* ======================================
   02. FOOTER GRID
====================================== */

.footer-grid {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1.2fr 1fr;
  gap: 48px;
  padding-bottom: 55px;
}


/* ======================================
   03. FOOTER BRAND
====================================== */

.footer-logo {
  height: 54px;
  width: auto;
  margin-bottom: 22px;
}

.footer-brand p {
  max-width: 420px;
  color: rgba(255, 253, 248, 0.82);
}


/* ======================================
   04. FOOTER COLUMNS
====================================== */

.footer-column h4 {
  color: var(--rr-warm-white);
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 18px;
}

.footer-column ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-column a {
  color: rgba(255, 253, 248, 0.75);
  font-size: 0.95rem;
  transition: var(--transition);
}

.footer-column a:hover {
  color: var(--rr-warm-white);
}


/* ======================================
   05. FOOTER BOTTOM
====================================== */

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 22px 0;
}

.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}


/* ======================================
   06. FOOTER LEGAL LINKS
====================================== */

.footer-legal {
  display: flex;
  gap: 20px;
}

.footer-legal a:hover {
  color: var(--rr-warm-white);
}