/* components/footer.css
   Site footer.
   Rewind Club - loaded in order by functions.php. */

.rc-footer{background:var(--ink); color:var(--paper); margin-top:clamp(56px,8vw,96px); padding:58px 0 34px}

html[data-theme="dark"] .rc-footer{background:#150F0A}

.rc-fgrid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px}

.rc-footer h4{font-size:14px; font-family:var(--font-mono); font-weight:400; letter-spacing:.16em;
  text-transform:uppercase; opacity:.6; margin:0 0 14px}

.rc-footer ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px; font-size:15px}

.rc-footer a{color:var(--paper); text-decoration:none; opacity:.85}

.rc-footer a:hover{opacity:1; text-decoration:underline}

.rc-footer .wordmark{color:var(--paper)}

.rc-footer p{opacity:.75; font-size:15px; max-width:34ch}

.rc-signup{display:flex; gap:8px; margin-top:14px; max-width:330px}

.rc-signup input{flex:1; min-width:0; padding:12px 14px; border-radius:11px;
  border:1.5px solid rgba(255,255,255,.28); background:transparent; color:var(--paper); font:400 15px var(--font-body)}

.rc-signup input::placeholder{color:rgba(255,255,255,.45)}

.rc-signup button{border:none; border-radius:11px; padding:12px 18px; background:var(--butter);
  color:#33291F; font:700 15px var(--font-body); cursor:pointer; box-shadow:none}

.rc-signup button:hover{transform:none; box-shadow:none; background:var(--butter); color:#33291F}

.rc-fine{margin-top:44px; padding-top:22px; border-top:1px solid rgba(255,255,255,.16);
  display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.08em; opacity:.6}