/* footer.css — extracted from inline styles in index.html */

/* local footer styles — uses existing theme colors */
.ss-footer{ background: #2b1a0e; color:#fff; }
.ss-footer__inner{
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 28px 16px 36px;
  display: grid;
  grid-template-columns: minmax(220px,1fr) repeat(4, minmax(140px, 1fr));
  gap: 28px;
  align-items: start;
}

/* LIFT the first column (logo + badges) a bit higher */
.ss-footer__inner > div:first-child{ margin-top: -15px; }
@media (max-width: 900px){
  .ss-footer__inner > div:first-child{ margin-top: -12px; }
}

.ss-footer__logo{ height: 48px; filter: invert(1) brightness(1.2); opacity:.95; }
.ss-store-wrap{ display:flex; flex-direction:column; gap:-40px; margin-top:-10px; margin-left:25px; }

/* store badge images */
.ss-store{ display:inline-block; background:transparent; padding:0; border-radius:0; box-shadow:none; }
.ss-store-img{ display:block; height:56px; width:auto; }

.ss-cols h4{
  margin:0 0 12px; font-weight:700; color: rgba(255,255,255,.75);
  letter-spacing:.02em;
}
.ss-cols ul{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.ss-cols a{ color:#fff; text-decoration:none; font-weight:700; }
.ss-cols a:hover{ text-decoration:underline; }

@media (max-width: 900px){
  .ss-footer__inner{
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
  .ss-store-wrap{ flex-direction:row; }
}

/* ===== MOBILE FIX (phones) ===== */
@media (max-width: 640px){
  .ss-footer__inner{
    grid-template-columns: 1fr;      /* stack all columns */
    gap: 20px;
    text-align: center;
  }
  .ss-footer__inner > div{ justify-self: center; }
  .ss-footer__inner > div:first-child{ margin-top: 0; }

  .ss-footer__logo{ height: 42px; margin: 0 auto; display:block; }

  .ss-store-wrap{
    margin: 10px 0 0 0;             /* reset offsets */
    gap: 12px;                       /* visible spacing */
    flex-wrap: wrap;                 /* allow wrap on very narrow screens */
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }
  .ss-store-img{ height: 52px; }

  .ss-cols{ text-align: center; }
  .ss-cols ul{ gap: 10px; }
  .ss-cols a{ word-break: break-word; }  /* long policy link wraps nicely */
}