:root{--accent:#6D1799;--muted:#6b6b6b}
/* wrapper */
.bgsit-wrap{max-width:1100px;margin:48px auto;padding:20px;position:relative;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Arial;color:#111}
.bgsit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.bgsit-title h2{margin:0;color:var(--accent);font-size:22px}
.bgsit-title p{margin:6px 0 0;color:var(--muted);font-size:13px}

/* swiper/cards - no avatar */
.bgsit-swiper .swiper-slide{display:flex;justify-content:center;padding:8px}
.bgsit-card{width:100%;max-width:340px;background:linear-gradient(180deg, rgba(255,255,255,0.82), rgba(255,255,255,0.74));backdrop-filter:blur(8px);border-radius:14px;padding:22px;box-shadow:0 18px 50px rgba(8,12,20,0.08);border:1px solid rgba(255,255,255,0.6);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px}
.bgsit-card-inner{display:flex;flex-direction:column;gap:10px}
.bgsit-msg{font-size:15px;line-height:1.7;color:#111;min-height:76px;white-space:pre-wrap}
.bgsit-name{text-align:right;font-weight:700;color:var(--muted);font-size:13px}

/* CTA overlay that appears on hover of card */
.bgsit-hover-cta{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) translateY(12px);background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 12px 30px rgba(109,23,153,0.18);opacity:0;pointer-events:none;transition:all .22s ease}
.bgsit-card:hover .bgsit-hover-cta{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}

/* center form card */
.bgsit-center{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);opacity:0;pointer-events:none;transition:all .18s ease;z-index:9999}
.bgsit-center[aria-hidden="false"]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.bgsit-center-inner{background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,255,255,0.95));padding:18px;border-radius:12px;box-shadow:0 30px 80px rgba(8,12,20,0.28);width:520px;max-width:92%;height: 390px;}
.bgsit-center-close{float:right;background: #6d1799;border:0;font-size:22px;cursor:pointer}
.bgsit-form label{display:block;font-size:14px;color:#222;margin-bottom:8px}
.bgsit-form input,.bgsit-form textarea{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,0.06);background:#fff;margin-bottom:10px}
.bgsit-submit{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;float:right}

/* response */
.bgsit-response{margin-top:12px;padding:10px;border-radius:8px;background:#f6f7fb;color:var(--muted)}

/* admin tiny styles */
.bgsit-admin-wrap .bgsit-approve,.bgsit-admin-wrap .bgsit-reject{margin-right:6px}

/* responsive */
@media(max-width:900px){
  .bgsit-card{max-width:300px;padding:18px}
}
@media(max-width:640px){
  .bgsit-center{position:fixed;top:48%}
  .swiper-button-prev, .swiper-button-next{display:none}
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #6c1899;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, #6a1e98);
}