/* widget_f00.css - Footer (compact, icons right, R outlined) */

.footer-widget{
  position:fixed;
  left:0;
  right:0;
  bottom:max(10px, env(safe-area-inset-bottom));
  z-index:1000;
  opacity:0;
  transform:translateY(10px);
  background:  transparent; /* rgba(15,17,19,.45);*/
  backdrop-filter: blur(8px) saturate(120%);
  border:none; /*1px solid rgba(255,255,255,.06);*/
  border-radius:12px;
  margin:0 12px;
  transition: opacity .6s ease, transform .6s ease;
  pointer-events:none;
}
.footer-widget.show{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.footer-inner{
  max-width:1280px;
  margin:0 auto;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:#e8edf2;
  line-height:1.2;
}

/* left copyright */
.footer-left{ opacity:.95; font-size:12.5px; }

/* right icons */
.footer-links{ display:flex; gap:10px; align-items:center; }

.foot-icon{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  color:#e8edf2;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;
}
.foot-icon:hover{ background: rgba(255,255,255,.10); }

/* R login button: gold outline, slightly squared, transparent inside */
.foot-rbtn{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background: transparent;
  color: var(--gold, #c9a227);
  border:2px solid var(--gold, #c9a227);
  text-decoration:none;
  box-shadow: 0 0 0 1px rgba(201,162,39,.12) inset, 0 6px 18px rgba(201,162,39,.12);
}
.foot-rbtn .r{ font-weight:900; font-size:15px; line-height:1; color:inherit; }

/* sr-only helper */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* responsive */
@media (max-width: 880px){
  .footer-inner{ padding:10px; gap:8px; font-size:12.5px; }
  .footer-left{ font-size:12px; text-align:left; }
}
@media (max-width: 520px){
  .footer-inner{ flex-direction:column; align-items:center; text-align:center; gap:8px; }
  .footer-left{ order:2; }
  .footer-links{ order:1; }
}

/* safe area */
@supports (env(safe-area-inset-bottom)) {
  .footer-widget{ padding-bottom: calc(env(safe-area-inset-bottom) + 6px); }
}