/* === Extracted from footer.html === */
/* ====== Base ====== */
  .site-footer{
    background: linear-gradient(90deg,#000 0,#000 10%,#F0115F 60%,#EF7616 100%);
    color:#fff;
    padding: 2.2rem 10%;
    font-family:'Instrument Sans',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  }
  .footer-content{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem; /* roomy on desktop */
  }

  /* left block */
  .footer-left{ display:flex; align-items:flex-start; gap:1rem; }
  .logo-link{ display:inline-block; }
  .logo{ width:81px; height:73px; background:url('../images/logowhite.png') center/cover no-repeat; transition:filter .25s ease; }
  .logo-link:hover .logo{ filter: grayscale(100%) brightness(80%); }

  .footer-copy{ font-size: clamp(1.6rem, 1.1vw + 1.2rem, 2.4rem); font-weight:900; line-height:1.15; margin:0; }
  .footer-sub{ margin:.65rem 0 0 0; font-size:1.06rem; line-height:1.5; max-width: 640px; }

  /* center block */
  .footer-center{ display:flex; flex-direction:column; align-items:center; gap:1rem; }
  .donate-img{ height:58px; display:block; margin:0 auto; cursor:pointer; transition:filter .2s ease; }
  .donate-img:hover{ filter:grayscale(100%) brightness(85%); }

  .footer-social{ display:flex; align-items:center; justify-content:center; gap:1rem; }
  .footer-social img{ width:60px; height:60px; display:block; filter:brightness(200%); transition:filter .2s ease; }
  .footer-social a:hover img{ filter:grayscale(100%) brightness(85%); }

  /* Desktop / wide screens: keep items on one row and push actions to the right */
  @media (min-width: 1101px){
    .footer-content{
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;  /* we'll push the right side with margin-left:auto */
      gap: 4rem;
      flex-wrap: nowrap;            /* 🚫 no wrapping on desktop */
    }
    .footer-left{
      flex: 1 1 auto;               /* let the text take the space it needs */
      min-width: 0;
    }
    .footer-center{
      flex: 0 0 auto;
      margin-left: auto;            /* 👉 shove this block to the far right */
      align-items: flex-end;        /* right-align contents inside this block */
      text-align: right;
    }
    .footer-social{
      justify-content: flex-end;    /* icons align right under the donate button */
    }
    .donate-img{
      margin-left: auto;            /* donate button hugs the right edge */
    }
  }

  /* ====== Medium and down: stack & center, kill big gaps ====== */
  @media (max-width: 1100px){
    .site-footer{ padding: 1.8rem 6vw; }
    .footer-content{
      flex-direction: column;           /* stack blocks */
      align-items: center;              /* center horizontally */
      justify-content: center;
      text-align: center;
      gap: 1rem;                        /* 🔹 tight vertical spacing */
    }
    .footer-left{
      align-items: center;
      flex-direction: column;           /* logo above text */
      gap: .5rem;
    }
    .footer-sub{ margin-top:.5rem; }     /* tighten paragraph spacing */
    .footer-center{ width: 100%; gap:.75rem; }
    .footer-social{ width: 100%; justify-content: center; gap:.75rem; }
    .donate-img{ margin: .5rem auto 0; } /* right under the text block */
  }

  /* ====== Small phones ====== */
  @media (max-width: 600px){
    .footer-content{ gap: .75rem; }     /* even tighter */
    .footer-social img{ width:52px; height:52px; }
    .donate-img{ height:52px; }
    .logo{ width:50px; height:45px; }
  }