/* =========================
   GALLERY SECTION BASE
========================= */
.dr1058galleryimage {
    padding: 80px 5%;

    /* refined premium gradient (less neon harshness) */
    background: linear-gradient(135deg, #0b1b24, #162c3a, #223f52);

    position: relative;
    overflow: hidden;
}

/* =========================
   GLOWING BACKGROUND EFFECT (SOFTENED)
========================= */
.dr1058galleryimage::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;

    /* softer teal-blue glow */
    background: radial-gradient(circle, rgba(0, 200, 200, 0.12), transparent 70%);

    top: -200px;
    left: -200px;
    filter: blur(90px);
}

.dr1058galleryimage::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;

    /* muted blue glow */
    background: radial-gradient(circle, rgba(0, 140, 255, 0.14), transparent 70%);

    bottom: -200px;
    right: -200px;
    filter: blur(90px);
}

/* =========================
   CARD (COLOR REFINEMENT ONLY)
========================= */
.dr1058galleryimage-card {
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 22px;
    overflow: hidden;

    /* slightly cooler glass tone */
    background: rgba(255, 255, 255, 0.06);

    border: 1px solid rgba(255, 255, 255, 0.10);

    backdrop-filter: blur(18px);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.35),
        inset 0 0 20px rgba(255,255,255,0.04);
}

/* =========================
   GLOW BORDER (SUBTLE BLUE SHIFT)
========================= */
.dr1058galleryimage-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 22px;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(0, 210, 255, 0.22),
        transparent
    );

    opacity: 0;
    transition: 0.5s;
}

/* =========================
   IMAGE (NO COLOR CHANGE - SAFE)
========================= */
.dr1058galleryimage-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

/* =========================
   HOVER SHADOW (SOFT BLUE TONE)
========================= */
.dr1058galleryimage-card:hover {
    box-shadow:
        0 25px 60px rgba(0,0,0,0.55),
        0 0 35px rgba(0, 180, 255, 0.18);
}

/* =========================
   OVERLAY (MORE LEGIBLE BLACK GRADIENT)
========================= */
.dr1058galleryimage-overlay {
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.88),
        rgba(0,0,0,0.35),
        transparent
    );
}

/* =========================
   TEXT (IMPROVED READABILITY ONLY)
========================= */
.dr1058galleryimage-overlay h3 {
    color: #f1f5f9;
}

.dr1058galleryimage-overlay p {
    color: rgba(226, 232, 240, 0.85);
}

/* =========================
   SCROLL STATE (NO CHANGE EXCEPT SMOOTHER COLOR INTEGRATION)
========================= */
.dr1058galleryimage-card.show {
    opacity: 1;
    transform: translateY(0);
}

/* =========================
   RESPONSIVE (UNCHANGED)
========================= */
@media (max-width: 768px) {
    .dr1058galleryimage {
        padding: 60px 20px;
    }

    .dr1058galleryimage-grid {
        gap: 20px;
    }
}