/* Gallery page (#175): responsive image grid + tab filtering.
   Loaded only on the gallery page (enqueued conditionally). */

.paras-gallery-grid{display:grid;gap:16px;margin:0;}
.paras-gallery-cols-4{grid-template-columns:repeat(4,1fr);}
.paras-gallery-cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:1024px){.paras-gallery-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){.paras-gallery-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.paras-gallery-grid{grid-template-columns:1fr;}}

.paras-gallery-item{display:block;overflow:hidden;border-radius:4px;position:relative;background:#eee;}
.paras-gallery-item img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .4s ease;}
.paras-gallery-item:hover img{transform:scale(1.05);}
.paras-gallery-empty{padding:40px 0;text-align:center;color:#666;font-size:16px;}

/* Tab filtering — only applied once gallery.js adds .paras-tabs-on, so if the
   script fails to run the panels stay visible (no worse than before). */
.paras-tabs-on .vc_tta-panel{display:none;}
.paras-tabs-on .vc_tta-panel.vc_active{display:block;}