/* ════════════════════════════════════════════════════════════════════════════
   SUPPORT PETS — FOOTER STYLES (shared by both variants)
   ════════════════════════════════════════════════════════════════════════════ */

.sp-footer{background:var(--sp-medium-teal);color:var(--sp-whisker);font-family:var(--sp-font-sans);padding:72px 0 32px}
.sp-footer .f-container{max-width:1280px;margin:0 auto;padding:0 48px}

/* ── Top region (brand + columns) — main only ── */
.sp-footer--main .f-top{display:grid;grid-template-columns:1.3fr 2.7fr;gap:64px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12)}

.sp-footer .f-brand .logo{display:block;margin-bottom:20px}
.sp-footer .f-brand .logo img{height:44px;width:auto;display:block}
.sp-footer .f-brand .tagline{font:400 14px/1.6 Poppins;color:rgba(255,255,255,.7);max-width:340px;margin:0 0 24px}
.sp-footer .socials{display:flex;gap:10px}
.sp-footer .socials a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:var(--sp-whisker);text-decoration:none;transition:all .18s}
.sp-footer .socials a:hover{background:var(--sp-pet-pool);color:var(--sp-medium-teal)}
.sp-footer .socials svg{width:16px;height:16px}

/* Desktop columns */
.sp-footer .f-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px}
.sp-footer .f-cols h4{font:600 12px/1 Poppins;color:var(--sp-whisker);margin:0 0 16px;text-transform:uppercase;letter-spacing:.1em}
.sp-footer .f-cols a{display:block;text-decoration:none;color:rgba(255,255,255,.72);font:400 14px/1.4 Poppins;padding:5px 0;transition:color .18s}
.sp-footer .f-cols a:hover{color:var(--sp-pet-pool)}

/* Mobile accordion (main only) */
.sp-footer .f-acc{display:none;border-top:1px solid rgba(255,255,255,.12);margin-top:8px}
.sp-footer .f-acc details{border-bottom:1px solid rgba(255,255,255,.10)}
.sp-footer .f-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 4px;font:600 13px/1 Poppins;color:var(--sp-whisker);text-transform:uppercase;letter-spacing:.08em}
.sp-footer .f-acc summary::-webkit-details-marker{display:none}
.sp-footer .f-acc summary .chev{width:14px;height:14px;color:rgba(255,255,255,.6);transition:transform .2s}
.sp-footer .f-acc details[open] summary .chev{transform:rotate(180deg)}
.sp-footer .f-acc .acc-body{padding:0 4px 16px;display:flex;flex-direction:column;gap:2px}
.sp-footer .f-acc .acc-body a{display:block;text-decoration:none;color:rgba(255,255,255,.78);font:400 15px/1.4 Poppins;padding:8px 0;transition:color .18s}
.sp-footer .f-acc .acc-body a:active{color:var(--sp-pet-pool)}

/* ── Disclaimer ── */
.sp-footer .f-disclaimer{padding:36px 0 28px;border-bottom:1px solid rgba(255,255,255,.12)}
.sp-footer .f-disclaimer p{font:400 11px/1.65 Poppins;color:rgba(255,255,255,.55);margin:0 0 14px;max-width:1080px}
.sp-footer .f-disclaimer p:last-child{margin-bottom:0}
.sp-footer .f-disclaimer sup{font-size:.7em;vertical-align:super}

/* Landing variant: disclaimer is the topmost block, no top border line above it */
.sp-footer--landing .f-disclaimer--top{padding-top:0}

/* ── Legal row ── */
.sp-footer .legal{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;flex-wrap:wrap}
.sp-footer .legal .copy{color:rgba(255,255,255,.55);font:400 12px Poppins}
.sp-footer .legal .legal-links{display:flex;gap:24px;flex-wrap:wrap}
.sp-footer .legal .legal-links a{color:rgba(255,255,255,.72);font:400 12px Poppins;padding:0;display:inline;text-decoration:none}
.sp-footer .legal .legal-links a:hover{color:var(--sp-pet-pool)}

/* ── Real-viewport responsive (≤860px) ── */
@media (max-width: 860px){
  .sp-footer{padding:48px 0 28px}
  .sp-footer .f-container{padding:0 22px}
  .sp-footer--main .f-top{grid-template-columns:1fr;gap:28px;padding-bottom:8px;border-bottom:0}
  .sp-footer .f-brand .tagline{max-width:none}
  .sp-footer--main .f-cols{display:none}
  .sp-footer--main .f-acc{display:block}
  .sp-footer .f-disclaimer{padding:28px 0 24px}
  .sp-footer .legal{flex-direction:column;align-items:flex-start;gap:14px}
}

/* ── Forced mobile preview (parent has data-vp="mobile") ── */
[data-vp="mobile"] .sp-footer{padding:48px 0 28px}
[data-vp="mobile"] .sp-footer .f-container{padding:0 22px}
[data-vp="mobile"] .sp-footer--main .f-top{grid-template-columns:1fr;gap:28px;padding-bottom:8px;border-bottom:0}
[data-vp="mobile"] .sp-footer .f-brand .tagline{max-width:none}
[data-vp="mobile"] .sp-footer--main .f-cols{display:none}
[data-vp="mobile"] .sp-footer--main .f-acc{display:block}
[data-vp="mobile"] .sp-footer .f-disclaimer{padding:28px 0 24px}
[data-vp="mobile"] .sp-footer .legal{flex-direction:column;align-items:flex-start;gap:14px}