/* --- Modal only (no button styles) --- */
.bw-modal{position:fixed; inset:0; display:none; z-index:99999}
.bw-modal.active{display:block}
.bw-backdrop{
  position:absolute; inset:0;
  background:rgba(0,0,0,.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.bw-dialog{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(95vw, 980px); max-height:90vh; background:#fff;
  border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.6);
  display:flex; flex-direction:column;
}
.bw-content{flex:1 1 auto; overflow:auto}
.bw-content iframe{width:100%; border:0; display:block}

/* Close button */
.bw-close{
  position:absolute; top:8px; right:8px; width:40px; height:40px;
  background:rgba(0,0,0,.6); color:#fff; border:none; border-radius:999px;
  font-size:22px; line-height:1; cursor:pointer; z-index:2;
}
.bw-close:hover{background:rgba(0,0,0,.8)}

/* Button Styles */
.bw-trigger{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.6rem 1.1rem; border:2px solid #000; background:transparent; color:#000;
  border-radius:9999px; cursor:pointer; line-height:1;
}
.bw-trigger svg{display:block; width:22px; height:22px;}
.bw-trigger:hover{background:#D9D9D9; color:#000}

/* Active state */
.bw-trigger:focus-visible, .bw-trigger:active{
  background:#000; color:#fff; border:2px solid #000;
}

/* Ensure icons are positioned correctly */
.bw-trigger svg{
  fill:currentColor;
}

/* Focus accessibility */
.bw-trigger:focus-visible{
  outline:2px solid #000; outline-offset:2px;
}