/* Landing-page footer styling, scoped to public press kits and the Marketplace.
   Mirrors the markup, spacing and visual treatments of public/css/site.css. */
.collective-resource-footer {
  width: min(1440px, calc(100% - 40px));
  margin: 0 auto;
  --line: rgba(255,255,255,.12);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f6f6f2;
  line-height: normal;
}
.collective-resource-footer a { text-decoration: none; }
.collective-resource-footer img { display: block; max-width: 100%; }
.site-footer { padding-top:60px; padding-bottom:44px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; }
.footer-brand { display:flex; flex-direction:column; gap:6px; justify-self:start; }
.footer-brand-row { display:flex; align-items:center; gap:9px; }
.footer-brand-logo { width:28px; height:28px; max-width:28px; object-fit:contain; flex:0 0 28px; }
.footer-brand strong { font-size:12px; letter-spacing:.15em; }
.footer-brand > span { margin-left:0; font-size:11px; color:#9a9aa2; }
.alto-powered { display:flex; align-items:center; gap:7px; min-height:28px; padding:0 4px; color:#c7c7ca; justify-self:center; }
.powered-label { font-size:10px; color:#9a9aa2; margin-right:3px; }
.alto-icon-crop { position:relative; display:block; width:25px; height:25px; overflow:hidden; border-radius:50%; flex:0 0 25px; }
.alto-icon-crop img { position:absolute; width:199px; max-width:none; left:-47px; top:-34px; }
.alto-word { font-weight:820; font-size:18px; letter-spacing:-.04em; color:#f3f3f5; }
.alto-powered { text-decoration:none; transition:color .2s ease,opacity .2s ease,transform .2s ease; }
.powered-label,.alto-word { transition:color .2s ease; }
.alto-icon-crop { opacity:.9; transition:opacity .2s ease,filter .2s ease; }
.alto-powered:hover,.alto-powered:focus-visible { color:#fff; transform:translateY(-1px); }
.alto-powered:hover .powered-label,.alto-powered:focus-visible .powered-label,.alto-powered:hover .alto-word,.alto-powered:focus-visible .alto-word { color:#fff; }
.alto-powered:hover .alto-icon-crop,.alto-powered:focus-visible .alto-icon-crop { opacity:1; filter:drop-shadow(0 0 8px rgba(255,255,255,.18)); }
.alto-powered:focus-visible { outline:2px solid rgba(255,255,255,.78); outline-offset:5px; border-radius:4px; }
.footer-links { display:flex; gap:12px; justify-self:end; align-items:center; flex-wrap:wrap; font-size:11px; color:#9a9aa2; }
.footer-links a { min-height:28px; display:inline-flex; align-items:center; padding:0 4px; }
.footer-links a:hover { color:white; }
.footer-bottom-row {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:36px;
  width:100%;
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.07);
}
.footer-small { margin:0; padding:0; border:0; color:#9a9aa2; font-size:10px; line-height:1.6; }

/* Footer creator credit */
.footer-created-by-row { display:flex; justify-content:flex-end; align-items:center; width:auto; margin:0; }
.footer-created-by {
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:auto;
  max-width:max-content;
  min-height:44px;
  padding:0;
  color:#9a9aa2;
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease,transform .2s ease;
}
.created-by-label { font-size:10px; color:#9a9aa2; white-space:nowrap; }
.created-by-logo {
  display:block;
  width:180px !important;
  max-width:180px !important;
  height:auto !important;
  object-fit:contain;
  opacity:.9;
  transition:opacity .2s ease,filter .2s ease;
}
.footer-created-by:hover,.footer-created-by:focus-visible { color:#fff; transform:translateY(-1px); }
.footer-created-by:hover .created-by-label,.footer-created-by:focus-visible .created-by-label { color:#fff; }
.footer-created-by:hover .created-by-logo,.footer-created-by:focus-visible .created-by-logo { opacity:1; filter:drop-shadow(0 0 8px rgba(255,255,255,.18)); }
.footer-created-by:focus-visible { outline:2px solid rgba(255,255,255,.78); outline-offset:5px; border-radius:4px; }
@media(max-width:760px){
  .footer-bottom-row { grid-column:1; grid-template-columns:1fr; gap:16px; }
  .footer-created-by-row { justify-content:flex-end; width:100%; }
  .created-by-logo { width:160px !important; max-width:160px !important; }
}



@media(max-width:720px) {
  .collective-resource-footer.site-footer {grid-template-columns:1fr;justify-items:start; width:calc(100% - 30px)}
  .collective-resource-footer .alto-powered,.collective-resource-footer .footer-links {justify-self:start}
  .collective-resource-footer .footer-small {grid-column:1}
}
@media(max-width:760px) {
  .collective-resource-footer.site-footer {padding-left:calc(15px + env(safe-area-inset-left));padding-right:calc(15px + env(safe-area-inset-right));padding-bottom:calc(26px + env(safe-area-inset-bottom))}
  .collective-resource-footer .footer-links a,.collective-resource-footer .alto-powered {min-height:44px}
}
.collective-resource-footer .footer-links{gap:12px}
@media print {
  .collective-resource-footer{display:none!important}
}

/* Keep branding and cookie preferences clean on both public creator resources. */
.collective-resource-footer .footer-brand-row,
.collective-resource-footer .footer-brand-row:hover,
.collective-resource-footer .footer-brand-row:focus-visible,
.collective-resource-footer .collective-footer-cookie-button,
.collective-resource-footer .collective-footer-cookie-button:hover,
.collective-resource-footer .collective-footer-cookie-button:focus-visible{text-decoration:none!important}