/**
 * Elementor Container Link — Frontend Styles
 */

/* ── Overlay anchor ──────────────────────────────────────────────── */
.ecl-linked {
    position: relative; /* fallback; also set via JS */
}

.ecl-link-overlay {
    display  : block;
    position : absolute;
    inset    : 0;          /* top:0 right:0 bottom:0 left:0 */
    z-index  : 1;
    text-decoration : none;
    color           : inherit;

    /* Ensure overlay doesn't block text selection / form interactions
       by only catching pointer events on the background */
    pointer-events  : auto;
}

/* Allow interactive children (buttons, inputs, links) to sit above overlay */
.ecl-linked > *:not(.ecl-link-overlay) {
    position : relative;
    z-index  : 2;
}

/* ── Hover Effects ───────────────────────────────────────────────── */

/* Darken */
.ecl-linked.ecl-hover-darken:hover {
    filter: brightness(0.88);
}

/* Brighten */
.ecl-linked.ecl-hover-brighten:hover {
    filter: brightness(1.12);
}

/* Scale Up */
.ecl-linked.ecl-hover-scale-up:hover {
    transform: scale(1.03);
}

/* Scale Down */
.ecl-linked.ecl-hover-scale-down:hover {
    transform: scale(0.97);
}

/* Border Glow */
.ecl-linked.ecl-hover-border-glow:hover {
    box-shadow: 0 0 0 3px currentColor, 0 0 20px 4px rgba(0, 0, 0, 0.15);
}

/* Lift Shadow */
.ecl-linked.ecl-hover-lift-shadow:hover {
    transform  : translateY(-4px);
    box-shadow : 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ── Accessibility: focus ring on overlay ────────────────────────── */
.ecl-link-overlay:focus-visible {
    outline        : 3px solid Highlight;       /* system focus colour  */
    outline        : 3px solid -webkit-focus-ring-color;
    outline-offset : -3px;
    border-radius  : inherit;
}