/* EXTREME AESTHETIC FRAMES V5 - BAROQUE GOLD */

/* Base Frame Container */
.extreme-frame {
    position: relative;
    padding: 0 !important;
    /* background: #1a1a1a !important; REMOVED to prevent black box if image fails */
    background: transparent !important;

    /* Dark backing */

    /* Frame Geometry - Sharp & Heavy */
    border-radius: 2px !important;

    /* The Gold Frame Construction (Layered Borders) */
    /* 1. Inner Bezel */
    border: 4px solid #4a3c1b;

    /* 2. Complex Molding via Box Shadows */
    box-shadow:
        /* Inner Depth Shadow - REMOVED to ensure visibility */
        /* inset 0 0 20px rgba(0, 0, 0, 0.8), */

        /* Layer 1: Inner Gold Lip */
        0 0 0 2px #b38728,

        /* Layer 2: Dark Groove */
        0 0 0 4px #2a2a2a,

        /* Layer 3: Main Gold Body (Thick) */
        0 0 0 12px #bf953f,

        /* Layer 4: Highlight Edge */
        0 0 0 14px #fcf6ba,

        /* Layer 5: Outer Dark Rim */
        0 0 0 16px #5a4a1b,

        /* Layer 6: Final Gold Edge */
        0 0 0 20px #b38728,

        /* Layer 7: Realistic Wall Shadow (Levitation) */
        0 25px 50px rgba(0, 0, 0, 0.6) !important;

    /* Spacing for the outer shadows */
    margin: 25px !important;

    z-index: 10;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-sizing: border-box !important;
    display: block !important;
    overflow: visible !important;
}

/* Remove old Neon Effects */
.extreme-frame::before,
.extreme-frame::after {
    display: none !important;
}

/* Image Treatment */
.extreme-frame img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: relative;
    /* Ensure it sits on top */
    z-index: 5;
    /* Force above background/shadows */

    /* Inner Matte Border */
    border: 1px solid rgba(0, 0, 0, 0.5);

    /* NO FILTERS - PURE IMAGE */
    filter: none !important;
    opacity: 1 !important;
}

/* Hover State: Dignified Lift */
/* Hover State: Dignified Glow Only (Movement handled by parent card) */
.extreme-frame:hover {
    /* transform and z-index removed to prevent disappearing issues */

    /* Enhanced Shadow on Hover */
    box-shadow:
        /* inset 0 0 20px rgba(0, 0, 0, 0.8), REMOVED */
        0 0 0 2px #d4a035,
        /* Brighter Gold */
        0 0 0 4px #2a2a2a,
        0 0 0 12px #e6b35c,
        /* Brighter Main Body */
        0 0 0 14px #fff,
        /* Sharp Highlight */
        0 0 0 16px #5a4a1b,
        0 0 0 20px #d4a035,
        0 35px 70px rgba(0, 0, 0, 0.7) !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .extreme-frame {
        /* Slightly thinner frame on mobile */
        box-shadow:
            /* inset 0 0 10px rgba(0, 0, 0, 0.8), */
            0 0 0 1px #b38728,
            0 0 0 2px #2a2a2a,
            0 0 0 6px #bf953f,
            0 0 0 7px #fcf6ba,
            0 0 0 8px #5a4a1b,
            0 0 0 10px #b38728,
            0 15px 30px rgba(0, 0, 0, 0.5) !important;
        margin: 15px !important;
    }
}

/* NUCLEAR STABILITY OVERRIDE - FORCE VISIBILITY */
/* This block guarantees that NO element can disappear or hide on hover */
.gallery-item,
.extreme-frame,
.gallery-image,
.extreme-frame img,
.gallery-item:hover,
.extreme-frame:hover,
.gallery-image:hover,
.extreme-frame img:hover {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    /* transform: none !important;  Disable movement if it causes clipping */
    /* z-index: 9999 !important; Ensure top visibility */
    background-color: transparent !important;
    filter: none !important;
    transition: none !important;
    /* Eliminate any fading animations */
}

/* Force container to never clip the frame */
.gallery-item {
    overflow: visible !important;
    transform: none !important;
    /* Disable parent transform to prevent stacking context weirdness */

}

/* REMOVE ALL CAPTIONS UNDERNEATH FRAMES */
.gallery-caption {
    display: none !important;
}