/* BCIT WORLD - photo gallery (no captions). Bump ?v= in gallery.php when you edit. */
.bwg-page{background:#faf7f5}
.bwg-hero{background:linear-gradient(135deg,#6d0000 0%,#800000 55%,#9a1b1b 100%);color:#fff;text-align:center;padding:58px 18px 64px;position:relative;overflow:hidden}
.bwg-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(245,179,1,.16),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08),transparent 45%)}
.bwg-hero > *{position:relative}
.bwg-hero h1{margin:0 0 10px;font-size:40px;line-height:1.2;font-weight:800;color:#fff !important}
.bwg-hero p{max-width:620px;margin:0 auto;font-size:16px;line-height:1.7;color:#fff !important;opacity:.92}
.bwg-line{height:6px;background:linear-gradient(90deg,#c9971c,#f5c542,#c9971c)}

.bwg-wrap{max-width:1240px;margin:0 auto;padding:36px 18px 20px}
.bwg-grid{column-count:3;column-gap:16px}
.bwg-item{display:block;position:relative;margin:0 0 16px;border-radius:14px;overflow:hidden;background:#e9e2e2;box-shadow:0 6px 20px rgba(60,0,0,.12);break-inside:avoid;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.bwg-item img{display:block;width:100%;height:auto;transition:transform .45s ease}
.bwg-item:after{content:"\f00e";font-family:"Font Awesome 6 Free","FontAwesome";font-weight:900;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;background:linear-gradient(180deg,rgba(128,0,0,0) 40%,rgba(90,0,0,.55));opacity:0;transition:opacity .25s}
.bwg-item:hover img{transform:scale(1.05)}
.bwg-item:hover:after,.bwg-item:focus-visible:after{opacity:1}
.bwg-item:focus-visible{outline:3px solid #f5c542;outline-offset:2px}

.bwg-cta{max-width:1240px;margin:0 auto;padding:10px 18px 60px}
.bwg-cta .in{background:linear-gradient(135deg,#6d0000,#800000 55%,#9a1b1b);border-radius:20px;padding:34px 24px;text-align:center;color:#fff;box-shadow:0 14px 36px rgba(128,0,0,.25)}
.bwg-cta h2{margin:0 0 8px;font-size:26px;font-weight:800;color:#fff !important}
.bwg-cta p{margin:0 auto 18px;max-width:560px;color:#fff !important;opacity:.92;font-size:15.5px;line-height:1.7}
.bwg-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.bwg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:999px;font-size:16px;font-weight:800;text-decoration:none !important;transition:transform .15s,box-shadow .15s}
.bwg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.28)}
.bwg-btn.gold{background:linear-gradient(135deg,#c9971c,#f5c542);color:#4a0000 !important}
.bwg-btn.green{background:#25D366;color:#fff !important}

/* lightbox (no captions) */
.bwg-lb{position:fixed;inset:0;z-index:99999;background:rgba(15,0,0,.92);display:none;align-items:center;justify-content:center;touch-action:pan-y}
.bwg-lb.on{display:flex}
.bwg-lb img{max-width:94vw;max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6);background:#222;user-select:none;-webkit-user-drag:none;transition:opacity .18s}
.bwg-lb img.load{opacity:.25}
.bwg-lb button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;width:46px;height:46px;border-radius:50%;font-size:20px;line-height:46px;text-align:center;transition:background .15s}
.bwg-lb button:hover{background:rgba(245,197,66,.85);color:#4a0000}
.bwg-lb .x{top:16px;right:16px}
.bwg-lb .p{left:16px;top:50%;transform:translateY(-50%)}
.bwg-lb .n{right:16px;top:50%;transform:translateY(-50%)}
.bwg-lb .c{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(0,0,0,.45);color:#fff;font-size:13px;padding:5px 14px;border-radius:999px;letter-spacing:1px}

@media (max-width:991px){
  .bwg-grid{column-count:2}
  .bwg-hero h1{font-size:34px}
}
@media (max-width:560px){
  .bwg-hero{padding:40px 14px 46px}
  .bwg-hero h1{font-size:27px}
  .bwg-hero p{font-size:14.5px}
  .bwg-wrap{padding:20px 10px 10px}
  .bwg-grid{column-gap:10px}
  .bwg-item{margin-bottom:10px;border-radius:10px}
  .bwg-item:after{display:none}
  .bwg-cta{padding:6px 12px 46px}
  .bwg-cta .in{padding:28px 16px}
  .bwg-cta h2{font-size:22px}
  .bwg-btn{flex:1 1 100%}
  .bwg-lb button{width:40px;height:40px;line-height:40px;font-size:17px}
  .bwg-lb .p{left:8px}.bwg-lb .n{right:8px}.bwg-lb .x{top:10px;right:10px}
  .bwg-lb img{max-width:100vw;max-height:84vh;border-radius:0}
}