/* Modal fixes to ensure content fits without scrolling */

/* Modal container */
.molecatalog-modal {
    overflow: hidden !important;
}

/* Make modal content fit without scrolling */
.molecatalog-modal-content {
    overflow: auto !important;
    max-height: 80vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Better image display in modal */
.molecatalog-beer-image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.molecatalog-beer-image img {
    max-width: 100% !important;
    max-height: 300px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Improved beer details layout */
.molecatalog-beer-details {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    overflow: hidden !important;
}

/* Make description text wrap properly */
.molecatalog-beer-description {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

/* Make sure modal fits on smaller screens */
@media (max-width: 768px) {
    .molecatalog-modal-content {
        max-height: 90vh !important;
        width: 95% !important;
        margin: 10px auto !important;
        padding: 15px !important;
    }
    
    .molecatalog-beer-image img {
        max-height: 200px !important;
    }
}