/* STAVRON_PRO_FEED_SAFE_V1 */
:root{--card:#111317;--stroke:rgba(255,255,255,.09);--stroke2:rgba(255,255,255,.14);--txt:rgba(255,255,255,.92);--mut:rgba(255,255,255,.62);--gold:#c9a33b;}

.hn-post-card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.35);overflow:hidden;margin-bottom:18px;}
.hn-post-card:hover{border-color:var(--stroke2);}

/* badge: works even if container is not positioned; still appears near media */
.stavron-media-badge{display:inline-block;margin:10px 14px 0 14px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.18);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;}

/* soften buttons inside cards */
.hn-post-card .btn{border-radius:12px;}
.hn-post-card .btn-outline-success,.hn-post-card .btn-outline-danger,.hn-post-card .btn-outline-primary{border-color:var(--stroke2)!important;color:rgba(255,255,255,.88)!important;}
.hn-post-card .btn-outline-success:hover,.hn-post-card .btn-outline-danger:hover,.hn-post-card .btn-outline-primary:hover{border-color:var(--gold)!important;}

/* STAVRON_FEED_PRO_V3 */

.stavron-media{
width:100%;
border-radius:14px;
object-fit:cover;
max-height:520px;
}

.hn-post-card{
transition:all .2s ease;
}

.hn-post-card:hover{
transform:translateY(-2px);
}

.stavron-media-badge{
position:absolute;
right:12px;
bottom:12px;
background:rgba(0,0,0,.75);
border:1px solid rgba(255,255,255,.25);
padding:6px 10px;
border-radius:20px;
font-size:12px;
font-weight:600;
color:#fff;
}

.hn-post-card img{
display:block;
}

/* STAVRON_FEED_PRO_V4_OVERLAY */
.stavron-media-wrap{position:relative;}
.stavron-media-badge{position:absolute;right:12px;bottom:12px;z-index:3;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;}
.stavron-media-badge-video{background:rgba(201,163,59,.22);border-color:rgba(201,163,59,.55);}

/* STAVRON_FEED_SWIPE_V1 */
.snf-swipe{position:relative; overflow-x:auto; -webkit-overflow-scrolling:touch}
.snf-track{display:flex; gap:12px; scroll-snap-type:x mandatory}
.snf-item{min-width:100%; scroll-snap-align:center}
.snf-item img,.snf-item video{width:100%; display:block; border-radius:12px}
.snf-dots{position:absolute; left:0; right:0; bottom:10px; display:flex; justify-content:center; gap:6px; pointer-events:none}
.snf-dot{width:7px; height:7px; border-radius:999px; background:rgba(255,255,255,0.55)}
.snf-dot.is-active{background:rgba(255,255,255,0.95)}

/* STAVRON_FEED_SWIPE_HARDEN_V1 */
.snf-swipe{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scroll-behavior:smooth}
.snf-track{display:flex; flex-wrap:nowrap; gap:12px; scroll-snap-type:x mandatory}
.snf-item{flex:0 0 100%; min-width:100%; scroll-snap-align:center}
.snf-item img,.snf-item video{width:100%; display:block; border-radius:12px}
.snf-swipe{scrollbar-width:auto}
.snf-swipe::-webkit-scrollbar{display:block}
.snf-swipe::before,.snf-swipe::after{content:""; position:absolute; top:0; bottom:0; width:22px; pointer-events:none}
.snf-swipe::before{left:0; background:linear-gradient(to right, rgba(0,0,0,0.10), rgba(0,0,0,0))}
.snf-swipe::after{right:0; background:linear-gradient(to left, rgba(0,0,0,0.10), rgba(0,0,0,0))}

/* feed slider fix */
.snf-item{flex:0 0 100%;scroll-snap-align:center}