/* Layout fixes for the MoleCatalog */

/* Grid items should have same height */
.molecatalog-grid {
    display: grid !important;
    grid-gap: 20px !important;
}

/* Make all items in the grid have the same height */
.molecatalog-grid .molecatalog-catalog-item {
    height: 100% !important;
}

/* Ensure content area takes up available space */
.molecatalog-item-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
}

/* Information section takes up available space */
.molecatalog-item-info {
    flex: 1 !important;
}

/* Button container ensures buttons are at the bottom */
.molecatalog-item-button-container {
    margin-top: auto !important;
    padding-top: 15px !important;
    width: 100% !important;
}

/* Make the entire beer card and all content show pointer cursor */
.molecatalog-catalog-item,
.molecatalog-catalog-item * {
    cursor: pointer !important;
}

/* Make sure images have pointer cursor */
.molecatalog-item-image,
.molecatalog-item-image img {
    cursor: pointer !important;
}

/* Ensure View Details buttons are aligned at the same height */
.molecatalog-view-details {
    width: auto !important;
    display: inline-block !important;
}