/* Fix for category links not being clickable */
.modern-category-block {
    position: relative;
}

.ps-block__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: auto !important;
    display: block;
}

.modern-overlay {
    pointer-events: none !important;
    z-index: 1;
}

.modern-image-wrapper {
    position: relative;
    z-index: 2;
}

.modern-content {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

/* Ensure the entire category block is clickable */
.modern-category-col .ps-block--category {
    cursor: pointer;
}

/* Make sure images don't block clicks */
.modern-category-block img {
    pointer-events: none;
}

/* Additional fixes for common issues */
.modern-category-block * {
    pointer-events: none;
}

.modern-category-block .ps-block__overlay {
    pointer-events: auto !important;
}

/* Force proper stacking */
.modern-category-block {
    isolation: isolate;
}

/* Ensure links are above everything */
.ps-block__overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999 !important;
    pointer-events: auto !important;
    display: block !important;
    background: transparent;
}

/* Debug styles - remove after testing */

.ps-block__overlay:hover {
    background: #82bbc640 !important;
    background-image: initial !important;
    background-position-x: initial !important;
    background-position-y: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    background-color: rgba(130, 187, 198, 0.25) !important;
}