/**
 * HighMarket Academy LLP - Gallery Stylesheet
 * Used on gallery.php
 * Styling: Professional Square Architecture
 */

.pure-gallery-card {
   position: relative;
   border-radius: 0;
   overflow: hidden;
   height: 225px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
   border: 2px solid #e2e8f0;
   transition: all 0.35s ease;
   background: #000;
}
.pure-gallery-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 16px 36px rgba(182, 117, 95, 0.2);
   border-color: #eecbc0;
}
.pure-gallery-card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 0;
   transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
   display: block;
}
.pure-gallery-card:hover img {
   transform: scale(1.06);
   opacity: 0.9;
}
.pure-gallery-card .gallery-zoom-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 0;
   background: linear-gradient(to top, rgba(11, 20, 48, 0.7) 0%, rgba(11, 20, 48, 0.1) 60%);
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: opacity 0.3s ease;
}
.pure-gallery-card:hover .gallery-zoom-overlay {
   opacity: 1;
}
.gallery-zoom-btn {
   width: 50px;
   height: 50px;
   border-radius: 0;
   background: linear-gradient(135deg, #c4856f, #b6755f);
   color: #182232;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   box-shadow: 0 4px 15px rgba(182, 117, 95, 0.4);
   transition: transform 0.3s ease;
}
.pure-gallery-card:hover .gallery-zoom-btn {
   transform: scale(1.08);
}