/* uwpt-gallery.css — grid + masonry */
.uwpt-gal{ --uwpt-gap:12px; --uwpt-col-m:2; --uwpt-col-t:3; --uwpt-col-d:4; --uwpt-ratio:auto; }

/* GRID layout */
.uwpt-gal--grid{ display:grid; gap:var(--uwpt-gap); grid-template-columns:repeat(var(--uwpt-col-m),minmax(0,1fr)); }
@media (min-width:768px){ .uwpt-gal--grid{ grid-template-columns:repeat(var(--uwpt-col-t),minmax(0,1fr)); } }
@media (min-width:1024px){ .uwpt-gal--grid{ grid-template-columns:repeat(var(--uwpt-col-d),minmax(0,1fr)); } }
.uwpt-gal--grid .uwpt-gal__item{ position:relative; overflow:hidden; border-radius:12px; }
.uwpt-gal--grid .uwpt-gal__item img{ width:100%; height:auto; display:block; }
.uwpt-gal--grid[style*="--uwpt-ratio:"] .uwpt-gal__item::before{ content:''; display:block; padding-top:calc(var(--uwpt-ratio) * 100%); }
.uwpt-gal--grid[style*="--uwpt-ratio:"] .uwpt-gal__item > a, .uwpt-gal--grid[style*="--uwpt-ratio:"] .uwpt-gal__item > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* MASONRY layout (CSS multi-columns) */
.uwpt-gal--masonry{ column-gap:var(--uwpt-gap); column-width:var(--uwpt-colw, auto); }
.uwpt-gal--masonry{ column-count:var(--uwpt-col-m); }
@media (min-width:768px){ .uwpt-gal--masonry{ column-count:var(--uwpt-col-t); } }
@media (min-width:1024px){ .uwpt-gal--masonry{ column-count:var(--uwpt-col-d); } }
.uwpt-gal--masonry .uwpt-gal__item{ display:inline-block; width:100%; margin:0 0 var(--uwpt-gap); break-inside:avoid; break-inside:avoid-column; -webkit-column-break-inside:avoid; border-radius:12px; overflow:hidden; }
.uwpt-gal--masonry .uwpt-gal__item img{ width:100%; height:auto; display:block; }
.uwpt-gal__cap{ margin-top:6px; font-size:12px; opacity:.8; }

/* Ads inside gallery */
.uwpt-gal__ad{ display:block; margin:var(--uwpt-gap) 0; }
.uwpt-gal--grid .uwpt-gal__ad{ grid-column:1 / -1; }
.uwpt-gal--masonry .uwpt-gal__ad{ width:100%; break-inside:avoid; break-inside:avoid-column; -webkit-column-break-inside:avoid; column-span:all; }

.aligncenter .uwpt-gal{ margin-left:auto; margin-right:auto; }

/* Lightbox minimal styles */
.uwpt-glb{position:fixed;inset:0;z-index:9999}
.uwpt-glb__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85)}
.uwpt-glb__wrap{position:absolute;inset:5%;display:flex;align-items:center;justify-content:center}
.uwpt-glb__img{max-width:100%;max-height:100%;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.uwpt-glb__close{position:absolute;top:12px;right:12px;font-size:28px;line-height:1;padding:6px 10px;border:0;background:#fff;border-radius:8px;cursor:pointer}


/* GRID MASONRY layout (CSS Grid with JS-calculated row spans) */
.uwpt-gal--gmasonry{ display:grid; gap:var(--uwpt-gap); grid-template-columns:repeat(var(--uwpt-col-m),minmax(0,1fr)); grid-auto-rows:var(--uwpt-row,8px); }
@media (min-width:768px){ .uwpt-gal--gmasonry{ grid-template-columns:repeat(var(--uwpt-col-t),minmax(0,1fr)); } }
@media (min-width:1024px){ .uwpt-gal--gmasonry{ grid-template-columns:repeat(var(--uwpt-col-d),minmax(0,1fr)); } }
.uwpt-gal--gmasonry .uwpt-gal__item{ margin:0; border-radius:12px; overflow:hidden; }
.uwpt-gal--gmasonry .uwpt-gal__item img{ width:100%; height:auto; display:block; }
.uwpt-gal--gmasonry .uwpt-gal__ad{ grid-column:1 / -1; }