/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SIDEBAR — unica fonte CSS per home e pagine secondarie
   Caricato via head_common.php su ogni pagina.
   Ogni pagina aggiunge solo le regole di layout specifiche (#bps
   position:fixed + margini per le secondarie; height:100% per home).
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── Base #bps ── */
#bps {
  width:var(--larghezza-sidebar,260px);
  background:var(--superficie,#141414);
  border-right:1px solid var(--bordo,#2a2a2a);
  overflow-y:scroll; overflow-x:hidden;
  scrollbar-width:none;
  padding:20px 14px;
  display:flex; flex-direction:column; gap:4px;
  transition:width .3s ease;
}
#bps::-webkit-scrollbar{display:none}

/* ── Stato collassato ── */
#bps.collapsed { width:52px; padding:12px 6px; }
#bps.collapsed .sb-section-title,
#bps.collapsed .sb-date,
#bps.collapsed .sb-item span,
#bps.collapsed .sb-collapse-btn span,
#bps.collapsed .sb-add-btn span,
#bps.collapsed .sb-user-info,
#bps.collapsed .sb-footer-arrow span { display:none; }
#bps.collapsed .sb-user-action span { display:none; }
#bps.collapsed .sb-item {
  justify-content:center; padding:11px 0; gap:0;
  font-size:0; border-radius:8px;
}
#bps.collapsed .sb-item i { font-size:1.1rem; width:auto; min-width:20px; text-align:center; }
#bps.collapsed .sb-collapse-btn { justify-content:center; padding:8px 0; gap:0; }
#bps.collapsed .sb-user-actions { flex-direction:column; border-top:none; gap:0; }
#bps.collapsed .sb-user-action { padding:8px 0; justify-content:center; font-size:0; }
#bps.collapsed .sb-user-action i { font-size:1rem; }
#bps.collapsed .sb-logo { display:none; }
#bps.collapsed .sb-logo-icon { display:block; font-size:1.4rem; color:var(--arancio,#ff4400); }
#bps.collapsed .sb-logo-wrap { padding:8px 0; margin-bottom:8px; }
#bps.collapsed .sb-add-btn { padding:11px 0; margin-top:-4px; }
#bps.collapsed .sb-user-block { margin-bottom:4px; }
#bps.collapsed .sb-user-head { justify-content:center; padding:8px 0; gap:0; }
#bps.collapsed .sb-bell-row { justify-content:center; padding:8px 0; border-left:none; border-right:none; }
#bps.collapsed .sb-bell-row span:not(.cons-badge) { display:none; }
#bps.collapsed .sb-date-collapsed { display:flex; flex-direction:column; align-items:center; gap:2px; margin:4px 0; }
#bps.collapsed .sb-footer-arrow { justify-content:center; gap:0; }
#bps.collapsed .bit-nav-login { padding:2px 0; display:flex; flex-direction:column; gap:4px; }
#bps.collapsed .bit-nav-login-btn { padding:8px 0; font-size:0; display:flex; align-items:center; justify-content:center; border-radius:8px; }
#bps.collapsed .bit-nav-login-btn i { font-size:.9rem; margin:0!important; }

/* ── Componenti sidebar ── */
.sb-logo-wrap {
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; margin-bottom:12px; border-radius:10px;
  padding:4px; transition:background .2s; text-decoration:none;
}
.sb-logo-wrap:hover { background:rgba(255,68,0,.1); }
.sb-logo-icon { display:none; }
.sb-logo {
  font-family:'Bebas Neue',cursive; font-size:1.9rem;
  color:var(--arancio,#ff4400); text-align:center; letter-spacing:3px;
  text-shadow:0 0 15px var(--arancio-bagliore,rgba(255,68,0,.3));
  display:flex; align-items:center; gap:8px;
}
.sb-collapse-btn {
  display:flex; align-items:center; justify-content:center;
  background:none; border:none; color:var(--testo-sbiadito,#888);
  cursor:pointer; padding:8px 10px; border-radius:8px;
  transition:all .2s; margin-bottom:8px; width:100%; gap:10px;
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.82rem; letter-spacing:.5px;
}
.sb-collapse-btn:hover { color:var(--arancio,#ff4400); background:rgba(255,68,0,.1); }
.sb-section-title {
  font-family:'Barlow Condensed',sans-serif; font-size:.72rem;
  font-weight:700; color:var(--testo-sbiadito,#888);
  text-transform:uppercase; letter-spacing:1.5px; padding:10px 12px 4px;
}
.sb-item {
  display:flex; align-items:center; gap:12px; padding:11px 14px;
  border-radius:10px; cursor:pointer; transition:all .2s;
  font-size:.93rem; color:var(--testo-sbiadito,#888); text-decoration:none;
}
.sb-item:hover, .sb-item.active { background:rgba(255,68,0,.12); color:var(--arancio,#ff4400); text-decoration:none; }
.sb-item i { width:18px; text-align:center; flex-shrink:0; }
.sb-date {
  display:flex; align-items:center; justify-content:space-between;
  background:var(--superficie2,#1a1a1a); border-radius:10px; padding:10px 12px; margin:4px 0;
}
.sb-date button {
  background:none; border:none; color:var(--testo-sbiadito,#888);
  cursor:pointer; font-size:.9rem; padding:4px 8px;
  border-radius:6px; transition:.2s;
}
.sb-date button:hover { color:var(--arancio,#ff4400); }
.sb-date button:disabled { opacity:.3; cursor:not-allowed; }
#bps-current-date {
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.93rem; color:var(--testo,#e2e2e2); flex:1; text-align:center;
}
.sb-date-collapsed { display:none; }
.sb-date-collapsed button {
  background:none; border:none; color:var(--testo-sbiadito,#888);
  cursor:pointer; font-size:.75rem; padding:4px 0; width:32px;
  border-radius:6px; transition:.2s; text-align:center;
}
.sb-date-collapsed button:hover { color:var(--arancio,#ff4400); }
.sb-date-collapsed button:disabled { opacity:.3; cursor:not-allowed; }
#bps-current-date-c {
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.65rem; color:var(--testo-sbiadito,#888); text-align:center;
  line-height:1.1; max-width:40px; word-break:break-word;
}
.sb-add-btn {
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:13px; background:var(--arancio,#ff4400); color:#000;
  font-family:'Bebas Neue',cursive; font-size:1.35rem;
  letter-spacing:1px; border-radius:12px; cursor:pointer;
  transition:all .2s; margin-top:6px; border:none; width:100%;
}
.sb-add-btn:hover { background:var(--arancio-scuro,#cc3300); box-shadow:0 0 20px var(--arancio-bagliore,rgba(255,68,0,.3)); transform:translateY(-1px); }

/* ── Blocco utente loggato ── */
.sb-user-block {
  background:rgba(255,68,0,.06); border:1px solid rgba(255,68,0,.22);
  border-radius:12px; overflow:hidden; margin-bottom:6px; transition:all .2s;
}
.sb-user-head {
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; cursor:pointer; transition:background .2s;
}
.sb-user-head:hover { background:rgba(255,68,0,.1); }
.sb-user-avatar {
  width:34px; height:34px; border-radius:50%;
  background-size:cover; background-position:center;
  border:2px solid var(--arancio,#ff4400); flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background-color:var(--superficie2,#1a1a1a); transition:box-shadow .2s,transform .15s;
}
.sb-user-head:hover .sb-user-avatar { box-shadow:0 0 0 3px rgba(255,68,0,.4); transform:scale(1.08); }
.sb-user-avatar i { font-size:.85rem; color:var(--testo-sbiadito,#888); }
.av-pro-wrap { position:relative; display:inline-flex; flex-shrink:0; }
.av-pro-dot {
  position:absolute; bottom:-3px; right:-3px;
  width:15px; height:15px; border-radius:50%;
  background:#ffd200; border:2px solid var(--sfondo,#0a0a0a);
  display:flex; align-items:center; justify-content:center;
  font-size:.42rem; color:#1a1a1a; pointer-events:none;
}
.sb-user-info { flex:1; min-width:0; }
.sb-user-name {
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.85rem; color:var(--arancio,#ff4400);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2;
}
.sb-user-sub { font-size:.65rem; color:var(--testo-sbiadito,#888); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sb-user-actions { display:flex; border-top:1px solid rgba(255,68,0,.15); }
.sb-user-action {
  flex:1; background:none; border:none; color:var(--testo-sbiadito,#888);
  cursor:pointer; padding:8px 4px; display:flex; flex-direction:column;
  align-items:center; gap:3px; transition:all .2s;
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.58rem; letter-spacing:.3px; text-transform:uppercase;
}
.sb-user-action:hover { color:var(--arancio,#ff4400); background:rgba(255,68,0,.08); }
.sb-user-action i { font-size:.85rem; }
.sb-user-action.danger:hover { color:var(--rosso,#e44); background:rgba(238,68,68,.08); }

/* ── Riga campanella ── */
.sb-bell-row {
  display:flex; align-items:center; gap:8px; width:100%;
  background:rgba(255,68,0,.07); border:none;
  border-top:1px solid var(--bordo,#2a2a2a); border-bottom:1px solid var(--bordo,#2a2a2a);
  color:var(--arancio,#ff4400); cursor:pointer; padding:9px 14px;
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.78rem; letter-spacing:.5px; text-transform:uppercase;
  transition:background .18s; position:relative;
}
.sb-bell-row:hover { background:rgba(255,68,0,.13); }
.sb-bell-row i { font-size:.85rem; }
.sb-bell-row .cons-badge {
  position:absolute; top:8px; left:22px;
  width:7px; height:7px; border-radius:50%;
  background:#ef4444; border:1.5px solid var(--sfondo,#0a0a0a);
}

/* ── Freccia footer ── */
.sb-footer-arrow {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:8px; margin-top:auto; cursor:pointer; color:var(--testo-sbiadito,#888);
  font-size:.75rem; font-family:'Barlow Condensed',sans-serif; font-weight:700;
  letter-spacing:.5px; text-transform:uppercase; border-radius:8px; transition:.2s;
}
.sb-footer-arrow:hover { color:var(--arancio,#ff4400); background:rgba(255,68,0,.08); }

/* ── Data disabilitata (pagine secondarie) ── */
.bps-date-wrap { opacity:.38; pointer-events:none; display:flex; flex-direction:column; gap:4px; }

/* ── Login block dentro #bps ── */
#bps .bit-nav-login { border-bottom:none; padding:4px 0; }

/* ── Voce disabilitata (es. Search da sloggato) ── */
.sb-item--off { opacity:.38; cursor:default; }

/* ── Mobile: sidebar nascosta ── */
@media(max-width:767px) {
  #bps { display:none!important; }
  .sb-collapse-btn { display:none!important; }
}