.og-gallery .og-cover{
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}
.og-gallery .og-cover--empty{
  aspect-ratio: 4 / 3;
  background: rgba(0,0,0,.05);
  width: 100%;
}
.og-gallery .og-title{
  font-weight: 600;
}
.og-gallery .og-thumb{
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  border-radius: .25rem;
}
/* Dark skin for Old Ghost */
.og-gallery{
  background: rgba(0,0,0,.65);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .5rem;
  padding: 1rem;
}

/* Album cards */
.og-gallery .og-album{
  background: rgba(20,20,20,.85);
  border: 1px solid rgba(255,255,255,.08);
  color: #eee;
}

.og-gallery .og-album:hover{
  border-color: rgba(255,255,255,.18);
  transform: translateY(-1px);
}

.og-gallery .og-title{
  color: #f2f2f2;
}

/* Empty cover placeholder */
.og-gallery .og-cover--empty{
  color: #ddd;
}

/* Album view heading + back button */
.og-gallery.og-album-view h2{
  color: #f2f2f2;
}

.og-gallery.og-album-view .btn{
  color: #f2f2f2;
  border-color: rgba(255,255,255,.35);
  background: rgba(0,0,0,.35);
}
.og-gallery.og-album-view .btn:hover{
  background: rgba(255,255,255,.08);
}

/* Make sure links inside stay readable */
.og-gallery a{ color: inherit; }
/* ===== Old-Ghost Skin ===== */
.og-gallery{
  background: rgba(0,0,0,.60);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}

/* Album cards */
.og-gallery .og-album{
  background: rgba(10,10,10,.70);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.og-gallery .og-album:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

.og-gallery .og-title{
  color: #f2f2f2;
  font-weight: 700;
  letter-spacing: .2px;
  text-shadow: 0 1px 0 rgba(0,0,0,.6);
}

/* Cover + thumbs */
.og-gallery .og-cover,
.og-gallery .og-thumb{
  border-radius: 10px;
}

/* Make the cover image a bit punchier on dark */
.og-gallery img{
  filter: contrast(1.02) saturate(1.05);
}

/* Back button */
.og-gallery.og-album-view .btn{
  color: #f2f2f2;
  border-color: rgba(255,255,255,.35);
  background: rgba(0,0,0,.35);
  border-radius: 10px;
}
.og-gallery.og-album-view .btn:hover{
  background: rgba(255,255,255,.10);
}
/* ===== FIX: make cards fully dark + titles readable ===== */

/* remove the light card background and borders */
.og-gallery .card,
.og-gallery .card-body{
  background: transparent !important;
  border: 0 !important;
}

/* ensure our album card is dark everywhere */
.og-gallery a.og-album{
  background: rgba(10,10,10,.75) !important;
  border: 0 !important;            /* kills the light border */
  box-shadow: none;
}

/* make the title definitely visible */
.og-gallery .card-title,
.og-gallery .og-title{
  color: #f2f2f2 !important;
}

/* optional: make the grey “frame” around the whole gallery darker */
.og-gallery{
  border: 0 !important;            /* remove bright outer border */
}

/* optional: soften the image edge without light frame */
.og-gallery .og-cover,
.og-gallery .og-thumb{
  display: block;
}
/* Remove Cassiopeia light container only on Galerie page */
body.itemid-123 .container,
body.itemid-123 .container-lg,
body.itemid-123 .container-md{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}