/* ===== Bacheca — feed self-hosted + embed singoli post ===== */

.bacheca-card{
  position:relative;
  border-radius:1rem;
  padding:1.25rem 1.25rem 1rem;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(15,23,42,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 4px 20px -6px rgba(15,23,42,.10);
  transition:transform .2s ease, box-shadow .2s ease;
}
.bacheca-card:hover{ transform:translateY(-2px); box-shadow:0 10px 28px -8px rgba(15,23,42,.18); }
.dark .bacheca-card{
  background:rgba(30,41,59,.55);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 4px 20px -6px rgba(0,0,0,.4);
}

/* chip tipo — squadrato con bordo, stile card catalogo */
.tipo-badge{ display:inline-flex; align-items:center; gap:.35rem; font-size:.8rem; font-weight:400;
  padding:.25rem .55rem; border-radius:.375rem; letter-spacing:.01em; line-height:1.25;
  border:1px solid transparent; }

.tipo-badge.tag-blue{ background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.tipo-badge.tag-indigo{ background:#eef2ff; color:#4338ca; border-color:#c7d2fe; }
.tipo-badge.tag-emerald{ background:#ecfdf5; color:#047857; border-color:#a7f3d0; }
.tipo-badge.tag-amber{ background:#fffbeb; color:#b45309; border-color:#fde68a; }
.tipo-badge.tag-rose{ background:#fff1f2; color:#be123c; border-color:#fecdd3; }
.tipo-badge.tag-cyan{ background:#ecfeff; color:#0e7490; border-color:#a5f3fc; }

.dark .tipo-badge.tag-blue{ background:rgba(37,99,235,.12); color:#93c5fd; border-color:rgba(59,130,246,.4); }
.dark .tipo-badge.tag-indigo{ background:rgba(79,70,229,.12); color:#a5b4fc; border-color:rgba(99,102,241,.4); }
.dark .tipo-badge.tag-emerald{ background:rgba(16,185,129,.12); color:#6ee7b7; border-color:rgba(16,185,129,.4); }
.dark .tipo-badge.tag-amber{ background:rgba(217,119,6,.12); color:#fcd34d; border-color:rgba(245,158,11,.45); }
.dark .tipo-badge.tag-rose{ background:rgba(225,29,72,.12); color:#fda4af; border-color:rgba(244,63,94,.4); }
.dark .tipo-badge.tag-cyan{ background:rgba(8,145,178,.12); color:#67e8f9; border-color:rgba(6,182,212,.4); }

/* filtri */
.tipo-chip{ font-size:.8rem; font-weight:600; padding:.4rem .9rem; border-radius:9999px;
  border:1px solid rgba(15,23,42,.10); color:#334155; transition:all .15s ease; 
  display:inline-flex; align-items:center; gap:.45rem; }
.tipo-chip:hover{ border-color:#2563eb; color:#2563eb; }
.tipo-chip.active{ background:#2563eb; border-color:#2563eb; color:#fff; }
.dark .tipo-chip{ border-color:rgba(255,255,255,.12); color:#cbd5e1; }
.dark .tipo-chip.active{ background:#3b82f6; border-color:#3b82f6; color:#fff; }

/* prose corpo (HTML dal CMS) */
.prose-bacheca{ font-size:.95rem; line-height:1.65; color:#334155; }
.dark .prose-bacheca{ color:#cbd5e1; }
.prose-bacheca a{ color:#2563eb; text-decoration:underline; }
.prose-bacheca p{ margin:.5rem 0; }
.prose-bacheca ul{ list-style:disc; padding-left:1.25rem; margin:.5rem 0; }
.prose-bacheca ol{ list-style:decimal; padding-left:1.25rem; margin:.5rem 0; }
.prose-bacheca strong{ font-weight:700; }

/* facade embed (privacy: click-to-load) */
.embed-facade{ display:flex; align-items:center; gap:.75rem; padding:.85rem 1rem; border-radius:.75rem;
  cursor:pointer; border:1px dashed rgba(15,23,42,.18); background:rgba(248,250,252,.8); transition:all .15s ease; }
.embed-facade:hover{ border-color:#2563eb; background:rgba(239,246,255,.9); }
.dark .embed-facade{ border-color:rgba(255,255,255,.15); background:rgba(15,23,42,.4); }
.dark .embed-facade:hover{ border-color:#3b82f6; background:rgba(30,58,138,.25); }
.embed-facade-icon{ flex:none; width:2.25rem; height:2.25rem; border-radius:.6rem;
  display:flex; align-items:center; justify-content:center; color:#fff; }
.plat-linkedin .embed-facade-icon{ background:#0a66c2; }
.plat-x .embed-facade-icon{ background:#0f172a; }
.plat-generico .embed-facade-icon{ background:#475569; }

.embed-holder{ margin-top:.25rem; }
.embed-holder iframe{ display:block; border:0; border-radius:.75rem; }

/* ===== anatomia post (stile social) ===== */
.post-head{ display:flex; align-items:center; gap:.7rem; margin-bottom:.85rem; }

.post-avatar{ flex:none; width:2.9rem; height:2.9rem; border-radius:9999px;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid rgba(15,23,42,.08);
  box-shadow:0 2px 8px -3px rgba(37,99,235,.35); overflow:hidden; padding:.3rem; }
.post-avatar img{ width:100%; height:100%; object-fit:contain; }
.dark .post-avatar{ background:#fff; border-color:rgba(255,255,255,.14); }

.post-ident{ line-height:1.2; }
.post-name{ display:flex; align-items:center; gap:.3rem; font-weight:800; font-size:.95rem; color:#0f172a; }
.dark .post-name{ color:#f1f5f9; }
.post-verified{ width:1rem; height:1rem; color:#2563eb; flex:none; }
.dark .post-verified{ color:#3b82f6; }

.post-handle{ display:flex; align-items:center; gap:.3rem; font-size:.8rem; color:#64748b; margin-top:.05rem; }
.dark .post-handle{ color:#94a3b8; }
.post-dot{ opacity:.6; }

.post-title{ font-size:1.05rem; font-weight:700; line-height:1.35; margin-bottom:.6rem; }
@media (min-width:768px){ .post-title{ font-size:1.15rem; } }

.post-media{ width:100%; object-fit:cover; max-height:26rem; border-radius:.9rem; margin-top:.6rem;
  border:1px solid rgba(15,23,42,.06); }
.dark .post-media{ border-color:rgba(255,255,255,.08); }

/* footer azioni */
.post-actions{ display:flex; gap:.5rem; margin-top:1rem; padding-top:.75rem;
  border-top:1px solid rgba(15,23,42,.06); }
.dark .post-actions{ border-color:rgba(255,255,255,.08); }
.post-action{ display:inline-flex; align-items:center; gap:.4rem; font-size:.8rem; font-weight:600;
  color:#64748b; padding:.4rem .75rem; border-radius:9999px; transition:all .15s ease; }
.post-action:hover{ color:#2563eb; }
.dark .post-action{ color:#94a3b8; }
.dark .post-action:hover{ color:#93c5fd }

/* ===== HERO bacheca ===== */
.bacheca-hero{ position:relative; overflow:hidden; padding:8rem 1.25rem 2rem; text-align:center; }
@media (min-width:768px){ .bacheca-hero{ padding-top:10rem; } }
.bacheca-hero-inner{ position:relative; max-width:42rem; margin:0 auto; }


.live-dot{ position:relative; width:.5rem; height:.5rem; border-radius:9999px; background:#22c55e; flex:none; }
.live-dot::after{ content:""; position:absolute; inset:-3px; border-radius:9999px;
  background:rgba(34,197,94,.5); animation:livePulse 1.8s ease-out infinite; }
@keyframes livePulse{ 0%{ transform:scale(.8); opacity:.7 } 100%{ transform:scale(2.2); opacity:0 } }

.bacheca-hero-title{ font-size:2.5rem; line-height:1.05; font-weight:700; letter-spacing:-.02em;
  background:linear-gradient(180deg,#0f172a,#334155); -webkit-background-clip:text; background-clip:text; color:transparent; }
.dark .bacheca-hero-title{ background:linear-gradient(180deg,#f8fafc,#cbd5e1); -webkit-background-clip:text; background-clip:text; color:transparent; }
@media (min-width:768px){ .bacheca-hero-title{ font-size:48px; } }

.bacheca-hero-sub{ margin:.75rem auto 0; max-width:34rem; font-size:1rem; color:#64748b; }
.dark .bacheca-hero-sub{ color:#94a3b8; }

/* ===== FILTRI (mobile: scroll orizzontale; desktop: wrap centrato) ===== */
.bacheca-filters{ display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center;
  max-width:42rem; margin:0 auto 2rem; padding:0 1.25rem; }
@media (max-width:640px){
  .bacheca-filters{ flex-wrap:wrap; overflow-x:auto; justify-content:center;
    scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:.25rem; }
  .bacheca-filters::-webkit-scrollbar{ display:none; }
  .bacheca-filters > button{ flex:none; }   /* era .tipo-chip */
}


/* riga tag nel post */
.post-tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.6rem; }