/* AfroConnect Buzz & Polls — Frontend CSS */
:root{--acb-blue:#0B637D;--acb-orange:#EA6D3D;--acb-red:#e53935;--acb-bg:#0d0d0d;--acb-bg2:#1a1a1a;--acb-bg3:#262626;--acb-white:#FAFAFA;--acb-gray:#9e9e9e;--acb-r:10px;--acb-t:all 0.2s ease}

/* Grid */
.acbuzz-grid{display:grid;gap:20px}
.acbuzz-grid-1{grid-template-columns:1fr}
.acbuzz-grid-2{grid-template-columns:repeat(2,1fr)}
.acbuzz-grid-3{grid-template-columns:repeat(3,1fr)}
.acbuzz-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:992px){.acbuzz-grid-3,.acbuzz-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.acbuzz-grid-2,.acbuzz-grid-3,.acbuzz-grid-4{grid-template-columns:1fr}}

/* Card */
.acbuzz-card{background:var(--acb-bg2);border:1px solid rgba(255,255,255,.07);border-radius:var(--acb-r);padding:18px;display:flex;flex-direction:column;gap:12px;transition:var(--acb-t);color:var(--acb-white);animation:acbf .3s ease both}
.acbuzz-card:hover{border-color:rgba(11,99,125,.3);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.4)}
.acbuzz-card.is-viral{border-color:rgba(229,57,53,.3)}
@keyframes acbf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.acbuzz-grid .acbuzz-card:nth-child(1){animation-delay:.05s}
.acbuzz-grid .acbuzz-card:nth-child(2){animation-delay:.1s}
.acbuzz-grid .acbuzz-card:nth-child(3){animation-delay:.15s}
.acbuzz-grid .acbuzz-card:nth-child(4){animation-delay:.2s}
.acbuzz-grid .acbuzz-card:nth-child(5){animation-delay:.25s}
.acbuzz-grid .acbuzz-card:nth-child(6){animation-delay:.3s}

/* Header */
.acbuzz-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.acbuzz-card-meta{display:flex;align-items:center;gap:8px}
.acbuzz-type-badge{background:rgba(11,99,125,.15);color:var(--acb-blue);border:1px solid rgba(11,99,125,.25);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}
.acbuzz-card-date{font-size:11px;color:var(--acb-gray)}
.acbuzz-viral-badge{background:rgba(229,57,53,.12);color:var(--acb-red);border:1px solid rgba(229,57,53,.25);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;animation:acbpulse 2s infinite}
@keyframes acbpulse{0%,100%{opacity:1}50%{opacity:.7}}

/* Title & excerpt */
.acbuzz-card-title{font-size:16px;font-weight:700;line-height:1.3;margin:0;color:var(--acb-white)}
.acbuzz-card-title a{color:inherit;text-decoration:none;transition:var(--acb-t)}
.acbuzz-card-title a:hover{color:var(--acb-blue)}
.acbuzz-card-excerpt{font-size:13px;color:var(--acb-gray);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Poll */
.acbuzz-poll{background:var(--acb-bg3);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;margin-top:auto}
.acbuzz-poll-question{font-size:13px;font-weight:700;color:var(--acb-white);line-height:1.4;margin:0 0 12px}
.acbuzz-poll-options{display:flex;flex-direction:column;gap:8px}
.acbuzz-poll-option{position:relative;overflow:hidden;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;color:var(--acb-white);transition:var(--acb-t);width:100%;text-align:left;font-family:inherit}
.acbuzz-poll-option:hover:not([disabled]){border-color:var(--acb-blue);background:rgba(11,99,125,.08)}
.acbuzz-poll-option[disabled]{cursor:default;pointer-events:none}
.acbuzz-bar{position:absolute;inset:0 auto 0 0;background:rgba(11,99,125,.15);border-radius:8px 0 0 8px;transition:width .5s ease;pointer-events:none;height:100%}
.acbuzz-opt-label{position:relative;z-index:1;font-weight:500}
.acbuzz-opt-pct{position:relative;z-index:1;color:var(--acb-blue);font-weight:700;font-size:12px;flex-shrink:0;margin-left:8px;min-width:32px;text-align:right}
.acbuzz-vote-count{font-size:12px;color:var(--acb-gray);margin:8px 0 0}
.acbuzz-poll-thanks{color:var(--acb-blue);font-size:12px;font-weight:600;margin:6px 0 0}
.acbuzz-poll-error{color:var(--acb-red);font-size:12px;margin:6px 0 0}

/* Footer */
.acbuzz-card-footer{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}
.acbuzz-like-btn{background:none;border:1.5px solid rgba(255,255,255,.1);border-radius:999px;color:var(--acb-gray);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;transition:var(--acb-t);font-family:inherit}
.acbuzz-like-btn:hover,.acbuzz-like-btn.is-liked{color:var(--acb-red);border-color:rgba(229,57,53,.4);background:rgba(229,57,53,.06)}
.acbuzz-like-icon{font-size:14px;line-height:1}
.acbuzz-share-btn,.acbuzz-comment-btn{background:none;border:1.5px solid rgba(255,255,255,.08);border-radius:999px;color:var(--acb-gray);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;transition:var(--acb-t);text-decoration:none;font-family:inherit}
.acbuzz-share-btn:hover{color:var(--acb-orange);border-color:rgba(234,109,61,.3)}
.acbuzz-comment-btn:hover{color:var(--acb-blue);border-color:rgba(11,99,125,.3)}

/* Share modal */
.acbuzz-share-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:var(--acb-t)}
.acbuzz-share-modal.is-open{opacity:1;visibility:visible}
.acbuzz-share-modal-inner{background:var(--acb-bg2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:360px;width:100%;position:relative}
.acbuzz-share-modal-title{font-size:16px;font-weight:700;color:var(--acb-white);margin:0 0 16px}
.acbuzz-share-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.acbuzz-share-network{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;color:#fff;transition:var(--acb-t);border:none;cursor:pointer;font-family:inherit}
.acbuzz-share-network:hover{opacity:.85;color:#fff}
.acbuzz-share-network.facebook{background:#1877f2}
.acbuzz-share-network.twitter{background:#000}
.acbuzz-share-network.whatsapp{background:#25d366}
.acbuzz-share-network.copy{background:var(--acb-bg3);border:1px solid rgba(255,255,255,.1);color:var(--acb-white)}
.acbuzz-share-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;color:var(--acb-white);font-size:14px;display:flex;align-items:center;justify-content:center;transition:var(--acb-t)}
.acbuzz-share-close:hover{background:rgba(255,255,255,.2)}

/* Mobile */
@media(max-width:480px){
  .acbuzz-poll-option{padding:9px 11px;font-size:12px}
  .acbuzz-poll-question{font-size:12px}
  .acbuzz-card{padding:14px}
  .acbuzz-card-title{font-size:14px}
}