=====================================================
   AYUSH KUMAR - ARTIST DIRECTORY
   ===================================================== */

/* ---------- Smooth Animations ---------- */

.artist-directory img,
.artist-directory .elementor-image-caption,
.artist-directory .elementor-column,
.artist-directory figure.wp-caption:before,
.artist-directory figure.wp-caption:after {
    transition: all 0.3s ease;
}

/* ---------- Tile Behaviour ---------- */

.artist-directory .elementor-column {
    cursor: pointer;
}

.artist-directory .elementor-column:hover {
    transform: translateY(-4px);
}

/* ---------- Image Behaviour ---------- */

.artist-directory figure.wp-caption {
    position: relative;
    overflow: hidden;
}

.artist-directory img {
    transform-origin: center center;
}

.artist-directory .elementor-column:hover img {
    transform: scale(1.05);
}

/* ---------- Artist Name Styling ---------- */

.artist-directory .elementor-image-caption {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.artist-directory .elementor-column:hover figcaption,
.artist-directory .elementor-column:hover .wp-caption-text,
.artist-directory .elementor-column:hover .elementor-image-caption {
    color: #00ff66 !important;
}

/* ---------- Dark Overlay ---------- */

.artist-directory figure.wp-caption:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    z-index: 2;
    pointer-events: none;
}

.artist-directory .elementor-column:hover figure.wp-caption:before {
    background: rgba(0,0,0,0.75);
}

/* ---------- VIEW ARTIST Overlay ---------- */

.artist-directory figure.wp-caption:after {
    content: "VIEW ARTIST →";
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    color: #ffffff;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;

    text-transform: uppercase;
    white-space: nowrap;

    opacity: 0;

    z-index: 3;
    pointer-events: none;
}

.artist-directory .elementor-column:hover figure.wp-caption:after {
    opacity: 1;
}

/* ---------- Mobile Optimisation ---------- */

@media (max-width: 767px) {

    .artist-directory figure.wp-caption:after {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .artist-directory .elementor-column:hover {
        transform: translateY(-2px);
    }

}
/* Disable image dragging */
img{
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
    -webkit-user-select: none;
}

#akpCopyrightToast{

position:fixed;

left:30px;

bottom:30px;

background:#111;

color:#fff;

padding:16px 20px;

font-size:14px;

line-height:1.45;

border-left:4px solid #00ff66;

box-shadow:0 10px 30px rgba(0,0,0,.35);

z-index:999999;

opacity:0;

transform:translateY(15px);

transition:all .3s ease;

pointer-events:none;

max-width:320px;

}

#akpCopyrightToast small{

display:block;

margin-top:6px;

color:rgba(255,255,255,.75);

font-size:12px;

}

#akpCopyrightToast.show{

opacity:1;

transform:translateY(0);

}

@media(max-width:767px){

#akpCopyrightToast{

left:16px;

right:16px;

bottom:16px;

max-width:none;

font-size:13px;

}

}