/* Standardized profile photo styles for frontend */
.profile-photo {
    width: 100%;
    /*max-width: 200px;*/
    height: auto;
    /*max-height: 250px;*/
    /*object-fit: cover;*/
    /*object-position: center;*/
    border-radius: 0;
    display: block;
    margin: 0 auto;
}

.profile-photo-small {
    width: 100px;
    height: 125px;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}

.profile-photo-wrap {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 0;
    text-align: center;
}

/* Unified size settings for all img-responsive elements */
.img-responsive.radius,
.img-responsive.profile-photo {
    width: 100%;
    /*max-width: 200px;*/
    height: auto;
    /*max-height: 250px;*/
    /*object-fit: cover;*/
    /*object-position: center;*/
    border-radius: 0;
    display: block;
    margin: 0 auto;
}

/* Unified size for photos in cards */
.card .img-responsive,
.card-profile-overview img.profile-photo,
.modal-profile-details img.profile-photo {
    width: 100%;
    /*max-width: 200px;*/
    height: 250px;
    /*object-fit: cover;*/
    /*object-position: center;*/
    border-radius: 0;
    display: block;
    margin: 0 auto;
}

/* Unified size for lightbox gallery images */
a[data-lightbox] .img-responsive,
a[data-modal] .img-responsive {
    width: 100%;
    /*max-width: 200px;*/
    height: 250px;
    /*object-fit: cover;*/
    /*object-position: center;*/
    border-radius: 0;
    margin: 0 auto;
}

/* Card header alignment */
.card.profile-overview .card-header,
.card-profile-overview .card-header {
    /*text-align: center;*/
    /*padding: 0.75rem;*/
}

/* Matchmaker card styles */
.matchmaker-card-wrap .card-header {
    padding: 0.75rem;
    text-align: center;
}

/* Matchmaker modal styles */
#modal-mm-details .profile-photo,
#modal-mm-contact .profile-photo {
    width: 100%;
    /*max-width: 200px;*/
    height: auto;
    /*object-fit: cover;*/
}

/* Override circular shape and other rounded elements */
.img-circle.profile-photo {
    border-radius: 0 !important;
}

/* Drag handle icon positioning */
.file-drag-handle {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
    opacity: 0.6;
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 10;
}

.file-drag-handle:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.kv-file-content {
    cursor: move;
    position: relative;
}

.file-preview-frame {
    position: relative;
}

/* Position download and delete buttons in the bottom right corner */
.kv-file-remove, .kv-file-download {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
}
.kv-file-download {
    right: 35px; /* To prevent overlap with other buttons */
}

/* Enhanced styles for lightbox gallery */
.lb-prev, .lb-next {
    opacity: 0.6 !important;
}

.lb-prev:hover, .lb-next:hover {
    opacity: 1 !important;
}

.lb-data .lb-caption {
    font-size: 16px;
    font-weight: bold;
}

.lb-data .lb-number {
    padding-top: 8px;
}

.lb-container {
    padding: 0;
}

/* Hover effect for profile photos */
.card-header a img.profile-photo {
    transition: all 0.3s ease;
}

.card-header a:hover img.profile-photo {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Cursor setting to indicate clickable images */
a[data-lightbox] {
    cursor: zoom-in;
}