/* ================= PHOTO NEWS (INTEGRATED) ================= */
.photo-news-section{
/* clears fixed navbar */
padding: 4rem 0;
background: transparent;
}
.photo-news-section .section-title{
margin-bottom: 3rem;
}
/* Grid */
.photo-news-grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
@media(max-width: 768px){
.photo-news-grid{
grid-template-columns: 1fr;
}
}
/* Card */
.photo-card{
position: relative;
background: var(--color-bg1);
border-radius: 1.5rem;
overflow: hidden;
cursor: pointer;
transition: var(--transition);
opacity: 0;
transform: translateY(30px);
}
.photo-card.show{
opacity: 1;
transform: translateY(0);
}
.photo-card img{
width: 100%;
height: 260px;
object-fit: cover;
transition: transform 0.6s ease;
}
.photo-card:hover img{
transform: scale(1.08);
}
.photo-card:hover{
box-shadow: 0 2rem 3rem rgba(0,0,0,0.5);
}
/* Overlay */
.photo-overlay{
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0,0,0,0.85),
rgba(0,0,0,0.35),
transparent
);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.5rem;
}
.photo-overlay h3{
font-size: 1.2rem;
margin-bottom: 0.4rem;
}
.photo-overlay p{
font-size: 0.9rem;
color: #ddd;
}
/* ================= LIGHTBOX ================= */
.photo-lightbox{
position: fixed;
inset: 0;
background: rgba(0,0,0,0.9);
display: none;
justify-content: center;
align-items: center;
z-index: 3000; /* ABOVE NAVBAR */
}
.photo-lightbox.active{
display: flex;
}
.photo-lightbox-content{
max-width: 90%;
text-align: center;
}
.photo-lightbox-content img{
max-width: 100%;
max-height: 65vh;
border-radius: 1rem;
}
.photo-lightbox-content h3{
margin-top: 1rem;
}
.photo-lightbox-content p{
color: #ccc;
}
/* Controls */
.photo-close,
.photo-prev,
.photo-next{
position: absolute;
font-size: 2.5rem;
color: #fff;
cursor: pointer;
}
.photo-close{ top: 20px; right: 30px; }
.photo-prev{ left: 30px; }
.photo-next{ right: 30px; }
/* Mobile menu fix */
@media (max-width: 991px){
  .navbar-collapse{background:#5f61ff;}
  .navbar-nav{padding:10px 0;}
  .navbar-nav .nav-link{color:#fff!important;padding:14px 20px;}
  .navbar-toggler{border:0;}
}