/* Send Feedback button hover effect */
#comment-form button.btn-primary:hover {
    background-color: #495057; /* Darker gray for highlight */
    border-color: #495057;
    color: white;
    cursor: pointer;
}

/* Make like icon clickable */
#likes {
    cursor: pointer;
}

/* Optional: add hover effect for like icon */
#likes:hover i#like-icon {
    color: #4dbeff; /* brighter red on hover */
}


/* Style for image title below the image */
.story img.card-image {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    border: none !important;
    max-width: 600px !important;
    max-height: 400px !important;
    width: 100% !important;
    height: auto !important;
}

.story .image-container {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}


/* Style for the image title text */
.story small.text-mute {
    display: block !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
    padding: 0.2rem 0.5rem !important;
    text-align: center !important;
    color: #6c757d !important;
    /*background-color: #f8f9fa !important;*/
    border-radius: 0.25rem !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Container for image and title for positioning overlay on all screens */
.story .image-container {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
}

/* Overlay style for image title on all screens */
.story .image-container small.text-mute {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    /*background: rgba(0, 0, 0, 0.5) !important;*/
    /*color: white !important;*/
    padding: 0.25rem 0 !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
}