/* Ultimate fix for consistent consultant image sizing - AGGRESSIVE VERSION */

/* Force container to exact height */
.consultant-image,
.consultant-card .consultant-image,
.consultants-grid .consultant-image {
    position: relative !important;
    overflow: hidden !important;
    height: 222px !important;
    min-height: 222px !important;
    max-height: 222px !important;
    width: 100% !important;
    background-color: #f0f0f0 !important;
    display: block !important;
}

/* Force ALL images to fill container completely */
.consultant-image img,
.consultant-card .consultant-image img,
.consultants-grid .consultant-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    display: block !important;
    transform: none !important;
    transition: transform 0.3s ease !important;
}

/* Override any width/height attributes */
.consultant-image img[width],
.consultant-image img[height] {
    width: 100% !important;
    height: 100% !important;
}

/* Specific fix for UI avatars */
.consultant-image img[src*="ui-avatars"] {
    object-fit: cover !important;
    transform: scale(1) !important;
}

/* Hover effect */
.consultant-card:hover .consultant-image img {
    transform: scale(1.05) !important;
}

/* Border radius for consultant images - all corners rounded */
.consultant-card .consultant-image {
    border-radius: 12px !important;
}

.consultant-card .consultant-image img {
    border-radius: 12px !important;
}

.randevu-al .consultant-card .consultant-image {
    border-radius: 20px !important;
}

.randevu-al .consultant-card .consultant-image img {
    border-radius: 20px !important;
}

/* Ensure no margin/padding interferes */
.consultant-image * {
    margin: 0 !important;
    padding: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .consultant-image,
    .consultant-card .consultant-image,
    .consultants-grid .consultant-image {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }
}