/* Bannawang CMS v1.5.0 — member / reactions / saved content. Scoped to bnw-member-* */
.bnw-member-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0 2px;margin-top:10px;border-top:1px solid rgba(15,42,56,.09);font-family:inherit}
.bnw-react-group{display:flex;align-items:center;gap:5px;padding:4px;background:#f6f8f9;border:1px solid rgba(10,53,67,.08);border-radius:999px}
.bnw-react-btn,.bnw-action-btn{border:0;background:transparent;color:#415760;min-height:36px;padding:7px 10px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .18s ease,transform .18s ease,color .18s ease}
.bnw-react-btn:hover,.bnw-action-btn:hover{background:#edf6f5;color:#087f76}.bnw-react-btn:active,.bnw-action-btn:active{transform:scale(.96)}
.bnw-react-btn.is-active{background:#fff;box-shadow:0 2px 9px rgba(5,34,45,.09);color:#087f76}.bnw-react-btn[data-reaction="love"].is-active{color:#e43d67}.bnw-react-btn[data-reaction="wow"].is-active{color:#ba7412}
.bnw-react-emoji{font-size:18px;line-height:1}.bnw-react-count{font-size:12px;min-width:8px;color:inherit}.bnw-actions-spacer{flex:1}.bnw-action-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.bnw-action-btn.is-saved{color:#087f76;background:#e7f7f4}.bnw-member-dock{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:9200;filter:drop-shadow(0 10px 24px rgba(7,31,42,.16))}.bnw-member-dock-btn{border:1px solid rgba(11,62,73,.1);background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-radius:999px;padding:7px 13px 7px 7px;display:flex;align-items:center;gap:9px;cursor:pointer;color:#0f2732;font:inherit}.bnw-member-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f988c,#0a6572);color:white;font-size:10px;font-weight:900}.bnw-member-dock-copy{display:grid;text-align:left;line-height:1.12}.bnw-member-dock-copy strong{font-size:13px}.bnw-member-dock-copy small{font-size:10px;color:#71828a;margin-top:3px}
.bnw-member-overlay{position:fixed;inset:0;z-index:2147482500;background:rgba(2,18,28,.55);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.bnw-member-overlay[hidden]{display:none!important}.bnw-member-modal,.bnw-library-modal{position:relative;width:min(94vw,470px);max-height:min(88vh,760px);overflow:auto;background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.23);padding:30px;color:#102630}.bnw-member-x{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f0f4f5;color:#17313c;font-size:26px;line-height:1;cursor:pointer}.bnw-member-x.static{position:static;flex:0 0 auto}.bnw-member-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#16a394,#0c6173);color:#fff;font-weight:900;margin-bottom:17px}.bnw-member-modal h2,.bnw-library-modal h2{margin:0;font-size:clamp(23px,4vw,31px)}.bnw-member-modal>p{margin:8px 0 22px;color:#64777f;line-height:1.65}.bnw-member-modal form{display:grid;gap:14px}.bnw-member-modal label{display:grid;gap:7px;font-size:13px;font-weight:800}.bnw-member-modal input{width:100%;box-sizing:border-box;border:1px solid #d7e0e4;border-radius:14px;padding:13px 14px;font:inherit;font-size:16px;outline:none}.bnw-member-modal input:focus{border-color:#159d92;box-shadow:0 0 0 4px rgba(21,157,146,.10)}.bnw-member-primary{border:0;background:#107f76;color:#fff;border-radius:14px;padding:13px 16px;font:inherit;font-weight:900;cursor:pointer}.bnw-member-primary:disabled{opacity:.55;cursor:wait}.bnw-member-status{min-height:20px;color:#bd304a;font-size:12px}.bnw-member-toast{position:fixed;left:50%;bottom:max(28px,env(safe-area-inset-bottom));z-index:2147483000;transform:translate(-50%,20px);background:#102c37;color:#fff;border-radius:999px;padding:10px 17px;font-size:13px;opacity:0;visibility:hidden;transition:.22s ease;pointer-events:none}.bnw-member-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.bnw-library-modal{width:min(95vw,980px);padding:0;overflow:hidden;display:flex;flex-direction:column}.bnw-library-head{padding:25px 27px 19px;border-bottom:1px solid #edf0f1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.bnw-library-kicker{font-size:10px;letter-spacing:.18em;color:#09877e;font-weight:900}.bnw-library-head p{margin:5px 0 0;color:#718089;font-size:12px}.bnw-library-head-actions{display:flex;align-items:center;gap:8px}.bnw-member-ghost{border:1px solid #dbe3e5;background:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.bnw-library-grid{overflow:auto;padding:20px 24px 27px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bnw-library-card{border:1px solid #e7ecee;border-radius:17px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}.bnw-library-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef2f3}.bnw-library-body{padding:13px;display:grid;gap:7px}.bnw-library-card h3{font-size:14px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bnw-library-card p{font-size:12px;color:#61727a;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bnw-library-card time{font-size:10px;color:#96a2a7}.bnw-library-remove{justify-self:start;border:0;background:#f2f7f6;color:#087e76;border-radius:999px;padding:7px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.bnw-library-empty{padding:60px 20px;text-align:center;color:#7e8e95}
@media(max-width:760px){.bnw-member-actions{gap:6px;padding:10px 12px 4px;margin-left:-12px;margin-right:-12px}.bnw-react-group{gap:2px}.bnw-react-btn,.bnw-action-btn{padding:7px 8px}.bnw-action-label{display:none}.bnw-member-dock-copy{display:none}.bnw-member-dock-btn{padding:6px}.bnw-member-avatar{width:40px;height:40px}.bnw-member-overlay{padding:0;align-items:end}.bnw-member-modal{width:100%;max-height:90dvh;border-radius:24px 24px 0 0;padding:27px 20px max(25px,env(safe-area-inset-bottom))}.bnw-library-modal{width:100%;height:min(92dvh,900px);max-height:92dvh;border-radius:24px 24px 0 0}.bnw-library-head{padding:21px 16px 15px}.bnw-library-grid{grid-template-columns:1fr;padding:14px}.bnw-library-card{display:grid;grid-template-columns:110px 1fr}.bnw-library-card img{width:110px;height:100%;aspect-ratio:auto}.bnw-library-body{padding:11px}.bnw-member-toast{max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.bnw-react-btn,.bnw-action-btn,.bnw-member-toast{transition:none!important}}


/* v1.4.9 — reactions inside the white Latest Stories reader popup */
.bnw-member-actions-popup{
  position:sticky;
  bottom:0;
  z-index:30;
  margin:18px -2px -2px;
  padding:12px 6px 6px;
  background:linear-gradient(to bottom,rgba(255,255,255,.84),#fff 28%);
  border-top:1px solid rgba(15,42,56,.10);
  backdrop-filter:blur(10px);
}
.bnw-member-actions-popup .bnw-react-group{background:#f5f8f8}
@media(max-width:760px){
  .bnw-member-actions-popup{margin:14px -4px -4px;padding:10px 4px max(8px,env(safe-area-inset-bottom));}
  .bnw-member-actions-popup .bnw-action-label{display:inline}
}

/* v1.5.0 visibility hardening: action bars must remain visible inside Facebook cards/readers */
.bnw-member-actions{position:relative!important;z-index:8!important;visibility:visible!important;opacity:1!important}
.bnw-fb-card>.bnw-member-actions,.facebook-post>.bnw-member-actions,article>.bnw-member-actions{background:#fff;padding:10px 12px 12px;margin:0;border-top:1px solid rgba(15,42,56,.09)}

/* v1.5.4 — Saved library reader + direct link */
.bnw-library-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bnw-library-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(7,36,47,.08);border-color:#cfe1e1}
.bnw-library-card:focus-visible{outline:3px solid rgba(15,152,140,.22);outline-offset:2px}
.bnw-library-card-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:2px}
.bnw-library-open,.bnw-library-remove{border:0;border-radius:999px;padding:7px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.bnw-library-open{background:#0d8a7f;color:#fff}.bnw-library-remove{background:#f2f7f6;color:#087e76}
.bnw-library-reader{position:relative;width:min(94vw,820px);max-height:min(90vh,900px);overflow:auto;background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.24);color:#102630}
.bnw-library-reader-media{background:#f3f6f6;display:grid;place-items:center;max-height:48vh;overflow:hidden;border-radius:26px 26px 0 0}
.bnw-library-reader-media:empty{display:none}.bnw-library-reader-media img{display:block;width:100%;max-height:48vh;object-fit:contain;background:#f3f6f6}
.bnw-library-reader-body{padding:25px 28px 28px}.bnw-library-reader-meta{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#7a8a91;font-size:11px}.bnw-library-reader-meta span{color:#0a857b;font-weight:900;letter-spacing:.08em}
.bnw-library-reader h2{font-size:clamp(22px,4vw,34px);line-height:1.25;margin:10px 48px 14px 0}.bnw-library-reader-text{font-size:15px;line-height:1.85;white-space:pre-wrap;color:#334b55}
.bnw-library-reader-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:22px;padding-top:17px;border-top:1px solid #e9eeee}.bnw-open-direct{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.bnw-library-direct-url{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f5f8f8;color:#66777f;font-size:11px;word-break:break-all;user-select:all}
@media(max-width:760px){.bnw-library-reader{width:100%;height:94dvh;max-height:94dvh;border-radius:24px 24px 0 0}.bnw-library-reader-media{max-height:42dvh;border-radius:24px 24px 0 0}.bnw-library-reader-media img{max-height:42dvh}.bnw-library-reader-body{padding:20px 17px max(24px,env(safe-area-inset-bottom))}.bnw-library-reader h2{font-size:24px;margin-right:38px}.bnw-library-reader-actions>*{flex:1 1 145px}.bnw-library-direct-url{font-size:10px}}


/* v1.7.2 — keep Latest Stories reaction bar inside full-screen mobile reader */
#bnwStoryModal .bnw-story-content>.bnw-member-actions-popup{
  width:100%;box-sizing:border-box;margin:18px 0 0;padding:12px 0 2px;
  position:relative;bottom:auto;z-index:2;background:#fff;backdrop-filter:none;
}
@media(max-width:600px){
  #bnwStoryModal .bnw-story-content>.bnw-member-actions-popup{
    margin:20px 0 0;padding:12px 0 max(4px,env(safe-area-inset-bottom));
    border-top:1px solid rgba(15,42,56,.10);
  }
}

/* v1.7.3 — mobile Latest Stories: keep Share/Save away from the close button */
@media(max-width:600px){
  #bnwStoryModal .bnw-story-close{
    z-index:2147481200!important;
    isolation:isolate;
  }
  #bnwStoryModal .bnw-story-content>.bnw-member-actions-popup{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    overflow:visible!important;
  }
  #bnwStoryModal .bnw-story-content>.bnw-member-actions-popup .bnw-actions-spacer{
    flex:1 1 10px!important;
    min-width:0!important;
  }
  #bnwStoryModal .bnw-story-content>.bnw-member-actions-popup .bnw-share-btn,
  #bnwStoryModal .bnw-story-content>.bnw-member-actions-popup .bnw-save-btn{
    position:static!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    z-index:auto!important;
    flex:0 0 auto!important;
    max-width:calc(50% - 6px)!important;
  }
  #bnwStoryModal .bnw-story-content>.bnw-member-actions-popup .bnw-action-label{
    display:inline!important;
  }
}