/* Cursor Fix CSS - This file ensures pointer cursors work correctly and fixes button alignment */

/* Force pointer cursor on modal close button */
#molecatalog-modal .molecatalog-modal-close {
    cursor: pointer !important;
}

/* Force pointer cursor on catalog items and all their contents */
.molecatalog-catalog .molecatalog-catalog-item,
.molecatalog-catalog .molecatalog-catalog-item *,
.molecatalog-catalog .molecatalog-catalog-item .molecatalog-item-image,
.molecatalog-catalog .molecatalog-catalog-item .molecatalog-item-image img,
.molecatalog-catalog .molecatalog-catalog-item .molecatalog-item-content,
.molecatalog-catalog .molecatalog-catalog-item h3,
.molecatalog-catalog .molecatalog-catalog-item p {
    cursor: pointer !important;
}

/* Add hover effects for better UX feedback */
#molecatalog-modal .molecatalog-modal-close:hover {
    color: #333 !important;
}

/* Ensure no other elements override these cursor settings */
body .molecatalog-modal-close,
body span.molecatalog-modal-close,
body .molecatalog-catalog .molecatalog-catalog-item,
body .molecatalog-catalog .molecatalog-item-image,
body .molecatalog-catalog .molecatalog-item-image img {
    cursor: pointer !important;
}

/* Fix for the View Details buttons to be at the same height */
.molecatalog-catalog-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.molecatalog-item-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    position: relative !important;
    height: 100% !important;
}

.molecatalog-view-details {
    margin-top: auto !important;
    align-self: flex-start !important;
    position: relative !important;
    bottom: 0 !important;
}