/* Petfinder footer, adapted from the I Can Handyman canonical footer.
   Ported from the design canvas (Landing Page.dc.html). Loaded by every page. */

.site-footer.revised-footer{
  display:grid;
  grid-template-columns:minmax(240px,1.35fr) 2fr;
  gap:36px 55px;
  max-width:none;
  padding:48px max(28px,calc((100vw - 1240px)/2)) 0;
  background:#1e3a5c;
  color:#d5dde5;
  border-top:0;
  font-size:15px;
  line-height:1.5;
  text-align:left;
}

/* ---------- brand block ---------- */
.revised-footer .footer-brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;text-align:left}
.revised-footer .footer-main-logo{display:block;background:transparent}
.revised-footer .footer-main-logo img{display:block;width:82px;height:82px;object-fit:contain;border-radius:15px;background:#fff}
.revised-footer .footer-brand-stack p{margin:0;max-width:420px;color:#a8b9c9;line-height:1.5;text-align:left}
.revised-footer .footer-email{color:#fff;font-weight:700;text-decoration:none}
.revised-footer .footer-email:hover{text-decoration:underline}
.revised-footer .footer-brand-stack small{color:#a8b9c9;font-size:13px}

/* ---------- link columns ---------- */
.revised-footer .footer-link-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:28px;padding-top:0;border-top:0}
.revised-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:0;border:0;background:transparent;box-shadow:none;position:static;inset:auto;border-radius:0}
.revised-footer .footer-column strong{margin-bottom:6px;color:#f5c400;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.revised-footer .footer-column a{padding:0;color:#d5dde5;text-decoration:none;font-size:14px;line-height:1.45}
.revised-footer .footer-column a:hover{color:#fff;text-decoration:underline}

/* ---------- follow + we accept ---------- */
.revised-footer .footer-social-pay{
  grid-column:1/-1;
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;
  gap:22px 40px;
  margin-top:8px;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.16);
}
.revised-footer .fsp-label{flex:0 0 auto;color:#8296aa;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.revised-footer .footer-follow{display:flex;align-items:center;gap:13px}
.revised-footer .soc{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;flex:0 0 auto}
.revised-footer .soc:hover{filter:brightness(1.12)}
.revised-footer .soc svg{display:block}
.revised-footer .soc-yelp{background:#d32323}
.revised-footer .soc-ig{background:linear-gradient(45deg,#f9ce34 6%,#ee2a7b 48%,#6228d7 96%)}
.revised-footer .soc-tt{background:#010101}
.revised-footer .soc-fb{background:#1877f2}
.revised-footer .soc-yt{background:#ff0000}

.revised-footer .footer-accept{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.revised-footer .pay-marks{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.revised-footer .pay{
  display:inline-flex;align-items:center;gap:5px;
  height:26px;padding:0 10px;border-radius:7px;
  font-size:12px;font-weight:700;line-height:1;white-space:nowrap;
}
.revised-footer .pay svg{display:block;flex:0 0 auto}
.revised-footer .pay-stripe{background:#635bff;padding:0 10px}
.revised-footer .pay-zelle{background:#6d1ed4;color:#fff}
.revised-footer .pay-link{background:#00d66f;color:#011e0f;letter-spacing:-.01em}
.revised-footer .pay-cash{background:#00d632;color:#fff;font-size:11px}
.revised-footer .pay-venmo{background:#008cff;color:#fff;font-size:13px;letter-spacing:-.02em;padding:0 11px}
.revised-footer .pay-apple{background:#000;color:#fff;letter-spacing:-.01em;padding:0 11px}
.revised-footer .pay-google{background:#fff;color:#3c4043;padding:0 11px}

.revised-footer .pay-handles{
  flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 14px;
  margin:2px 0 0;color:#8296aa;font-size:12px;line-height:1.4;
}
.revised-footer .pay-handles a{color:#8296aa;font-weight:700;text-decoration:none}
.revised-footer .pay-handles a:hover{color:#fff;text-decoration:underline}

/* ---------- bottom bar ---------- */
.revised-footer .footer-bottom{
  grid-column:1/-1;
  display:flex!important;align-items:center;justify-content:space-between;gap:18px;
  margin:26px calc(-1 * max(28px,calc((100vw - 1240px)/2))) 0;
  padding:16px max(28px,calc((100vw - 1240px)/2));
  border-top:1px solid rgba(255,255,255,.16);
  background:#16283d;
}
.revised-footer .footer-amh{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:13px}
.revised-footer .footer-amh img{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff}
.revised-footer .footer-amh span{color:#a8b9c9}
.revised-footer .footer-amh strong{color:#fff}
.revised-footer .footer-amh:hover span,.revised-footer .footer-amh:hover strong{text-decoration:underline}
.revised-footer .footer-bottom small{color:#8296aa;font-size:13px}

/* ---------- tablet ---------- */
@media(max-width:1050px){
  .site-footer.revised-footer{grid-template-columns:1fr;gap:30px}
  .revised-footer .footer-link-grid{grid-template-columns:repeat(3,1fr);gap:22px}
}

/* ---------- phone ---------- */
@media(max-width:720px){
  .site-footer.revised-footer{
    grid-template-columns:1fr;gap:26px;padding:34px 20px 0;text-align:left;
  }
  .revised-footer .footer-brand-stack{gap:10px;max-width:none}
  .revised-footer .footer-brand-stack p,
  .revised-footer .footer-brand-stack small{text-align:left;font-size:14px}
  .revised-footer .footer-main-logo img{width:66px;height:66px}

  .revised-footer .footer-link-grid{grid-template-columns:1fr 1fr;gap:22px 18px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
  .revised-footer .footer-column{gap:6px}
  .revised-footer .footer-column a{padding:0;font-size:14px;line-height:1.4}

  .revised-footer .footer-social-pay{flex-direction:column;align-items:flex-start;gap:18px;padding-top:22px}
  .revised-footer .footer-follow{flex-wrap:wrap;gap:10px}
  .revised-footer .footer-accept{gap:8px}
  .revised-footer .pay-marks{gap:6px}

  .revised-footer .footer-bottom{
    flex-direction:column;align-items:flex-start;gap:12px;
    margin:22px -20px 0;padding:16px 20px;
  }
}

@media(max-width:400px){
  .revised-footer .footer-link-grid{grid-template-columns:1fr}
}

/* A global `strong` rule was bumping the AMH credit to 18px/900 — keep it inline
   with "Developed by" instead of towering over it. */
.revised-footer .footer-amh span{display:inline;font-size:13px;line-height:1.35}
.revised-footer .footer-amh strong{font-size:13px;font-weight:800;color:#fff}

/* Match Petfinder’s forest palette; keep footer navigation visible on phones. */
.site-footer.revised-footer{background:#213f34;margin-top:62px;color:#dce7dd;font-family:'DM Sans',sans-serif}
.revised-footer .footer-brand-stack p,.revised-footer .footer-brand-stack small{color:#b9cbbd}
.revised-footer .footer-petfinder{color:#fff;font-size:30px;gap:12px;letter-spacing:-1px}.revised-footer .footer-petfinder img{border-radius:11px}
.revised-footer .footer-column strong{color:#c4d7a3}.revised-footer .footer-column a{display:block!important;color:#e0e9df}
.revised-footer .footer-bottom{background:#182f27}.revised-footer .fsp-label,.revised-footer .pay-handles,.revised-footer .footer-bottom small{color:#bbcec0}
.revised-footer .footer-email{overflow-wrap:anywhere;max-width:100%;font-size:14px}.revised-footer .footer-amh span{color:#bfd0c4}
.revised-footer .footer-follow{flex-wrap:wrap}.revised-footer .footer-follow .soc{width:40px;height:40px}.revised-footer span.soc{cursor:default}.revised-footer .footer-column{letter-spacing:normal}
.order-action{margin:16px 0 25px}.order-action form{margin:0}.order-button:disabled{background:#315342;color:#e7efe1;border:1px solid #74896a;cursor:not-allowed;box-shadow:none;opacity:.8}.order-action p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}
@media(max-width:720px){.site-footer.revised-footer{margin-top:42px}.revised-footer .footer-column a{min-height:34px;display:flex!important;align-items:center}.revised-footer .footer-email{font-size:13px}.order-button{width:100%;justify-content:center}}