/* ---------- widget compteur de visites ---------- */

#fb-widget{
  position:fixed;
  top:1.25rem;
  right:1.25rem;
  z-index:90;
  width:12rem;
  max-width:calc(100vw - 2rem);
  background:var(--bg);
  border:1px solid var(--line);
  box-shadow:0 .5rem 1.5rem rgba(0,0,0,.14);
  font-family:'Source Serif 4',serif;
  user-select:none;
}
html.dark #fb-widget{
  box-shadow:0 .5rem 1.5rem rgba(0,0,0,.45);
}

#fb-widget.fb-dragging{
  transition:none;
  cursor:grabbing;
}

.fb-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.65rem .85rem;
  border-bottom:1px solid var(--line);
  cursor:grab;
}
#fb-widget.fb-minimized .fb-header{
  border-bottom:none;
}

.fb-title{
  font-family:'IBM Plex Mono',monospace;
  font-size:.72rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--ink-soft);
}

.fb-controls{
  display:flex;
  gap:.35rem;
}

.fb-icon-btn{
  width:1.5rem;
  height:1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--ink-soft);
  font-family:'IBM Plex Mono',monospace;
  font-size:.85rem;
  line-height:1;
  cursor:pointer;
  padding:0;
  transition:border-color .2s ease,color .2s ease;
}
.fb-icon-btn:hover{
  border-color:var(--ink-faint);
  color:var(--ink);
}

.fb-body{
  padding:.9rem .85rem 1rem;
}
#fb-widget.fb-minimized .fb-body{
  display:none;
}

.fb-stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.85rem;
}
.fb-stat-label{
  font-family:'IBM Plex Mono',monospace;
  font-size:.7rem;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.fb-stat-value{
  font-family:'IBM Plex Mono',monospace;
  font-size:.95rem;
  color:var(--ink);
}

.fb-reopen-btn{
  position:fixed;
  top:1.25rem;
  right:1.25rem;
  z-index:90;
  width:2.75rem;
  height:2.75rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--ink-soft);
  box-shadow:0 .4rem 1rem rgba(0,0,0,.14);
  font-family:'IBM Plex Mono',monospace;
  font-size:1.3rem;
  line-height:1;
  cursor:pointer;
}
.fb-reopen-btn:hover{
  border-color:var(--ink-faint);
  color:var(--ink);
}
.fb-reopen-btn[hidden]{
  display:none;
}

@media (max-width:520px){
  #fb-widget{
    right:.75rem;
    left:.75rem;
    top:.75rem;
    width:auto;
  }
  .fb-reopen-btn{
    right:.75rem;
    top:.75rem;
  }
}