/* Activity report frontend styles (simple and responsive) */

.oii-ar-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 120px 0 60px;
}
.oii-ar-hero .oii-ar-hero-overlay {
  background: rgba(0,0,0,0.35);
  padding: 60px 0;
}
.oii-ar-type {
  font-size: 0.9rem;
  text-transform:uppercase;
  color: #D95A00;
  margin: 0 0 6px;
}
.oii-ar-title {
  font-size: 2rem;
  margin: 0;
}

.oii-ar-locations {
  font-size: 0.95rem;
  margin-top: 8px;
}

/* Body area */
.oii-ar-body {
  padding: 40px 0 80px;
  color: #00273f;
}
.oii-ar-body h4 {
  margin-bottom: 8px;
}

/* Gallery mosaic */
.oii-ar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}
.oii-ar-grid a {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.oii-ar-grid img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.oii-ar-grid a:hover img { transform: scale(1.04); }

/* Lightbox basic overlay */
.oii-ar-lightbox-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
.oii-ar-lightbox-overlay img {
  max-width: 92%;
  max-height: 92%;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}

/* Responsive */
@media (max-width: 768px) {
  .oii-ar-hero { padding: 80px 0 40px; }
  .oii-ar-grid img { height: 110px; }
}