:root{
  --footer-bg: #222222;
  --footer-text: #ffffff;
  --footer-border: #555555;
}

/* FOOTER WRAPPER */
.site-footer{
  color: var(--footer-text);
}
.site-footer a{
  color: var(--footer-text);
  text-decoration: none;
}
.site-footer a:hover{
  text-decoration: underline;
}

/* IMPORTANT:
   Do NOT center footer content. Make it full-width but padded. */
.site-footer .footer-inner{
  width: 100%;
  max-width: none;     /* ✅ remove 1120px constraint */
  margin: 0;           /* ✅ remove auto-centering */
  padding: 12px 16px;  /* keep consistent side padding */
}

/* -----------------------------
   Breadcrumb strip
----------------------------- */
.site-footer .footer-breadcrumbs{
  border-top: 1px solid var(--footer-border);
  background: #1a1a1a;
  color: var(--footer-text);
}

.site-footer .footer-breadcrumbs nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* ✅ left */
  align-items: center;
}

.site-footer .bc-link{
  font-size: 12px;
  line-height: 1.4;
}

.site-footer .bc-sep{
  opacity: .85;
  margin: 0 8px;
  font-size: 12px;
}

/* -----------------------------
   Main footer area
----------------------------- */
.site-footer .footer-main{
  background: var(--footer-bg);
}

.site-footer .footer-grid{
  display: grid;
  grid-template-columns: 2fr 1fr; /* left 2/3, right 1/3 */
  gap: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media (max-width: 900px){
  .site-footer .footer-grid{
    grid-template-columns: 1fr;
  }
}

/* Left: brand + quote */
.site-footer .footer-left{
  display: flex;
  justify-content: flex-start; /* ✅ left */
  align-items: flex-start;
  text-align: left;            /* ✅ left */
}

.site-footer .footer-brand{
  display: flex;
  justify-content: flex-start; /* ✅ left */
  align-items: flex-start;
  gap: 50px;                   /* quote 10px from brand */
  text-align: left;
}

@media (max-width: 650px){
  .site-footer .footer-brand{
    flex-direction: column;
  }
}

.site-footer .footer-brand-lines{
  font-weight: 800;
  line-height: 2.00;
  letter-spacing: .2px;
}

.site-footer .footer-brand-top,
.site-footer .footer-brand-bottom{
  font-size: 22px;
}

.site-footer .footer-quote{
  font-size: 16px;
  line-height: 1.45;
  max-width: 680px;
}

/* Right: social placeholder (kept right on desktop) */
.site-footer .footer-right{
  display: flex;
  justify-content: flex-end; /* ✅ right */
  align-items: flex-start;
  text-align: right;
}

@media (max-width: 900px){
  .site-footer .footer-right{
    justify-content: flex-start;
    text-align: left;
  }
}

.site-footer .footer-social-placeholder{
  min-height: 48px;
  width: 100%;
}

/* -----------------------------
   Bottom bar
----------------------------- */
.site-footer .footer-bottom{
  background: var(--footer-bg);
  border-top: 1px solid rgba(255,255,255,.12);
}

.site-footer .footer-bottom-row{
  display: flex;
  justify-content: space-between; /* ✅ copyright left, links right */
  align-items: center;
  gap: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 650px){
  .site-footer .footer-bottom-row{
    flex-direction: column;
    align-items: flex-start;
  }
}

.site-footer .footer-copy{
  font-size: 12px;
  text-align: left; /* ✅ left */
}

.site-footer .footer-links{
  font-size: 12px;
  text-align: right; /* ✅ right */
}

@media (max-width: 650px){
  .site-footer .footer-links{
    text-align: left;
  }
}

.site-footer .foot-sep{
  opacity: .85;
  margin: 0 8px;
}