/*
 * Theme Name: Hair & Beauty Child
 * Template:   hair-beauty
 */

/* ── Stylist cards ───────────────────────────────────────────────────── */
img.attachment-theme-normal-4,
img.size-theme-normal-4 {
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
}

/* ── Announcements thumbnails ─────────────────────────────────────────── */
img.attachment-theme-loop-4,
img.size-theme-loop-4 {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 232 / 178 !important;
    display: block !important;
}

/* ── Testimonial avatars ──────────────────────────────────────────────── */
.quote-thumbnail {
    width: 100px !important;
    height: 100px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.quote-thumbnail img {
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    display: block !important;
}

/* ── Testimonial avatar centering ─────────────────────────────────────── */
blockquote.clearfix {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.quote-thumbnail {
    width: 100px !important;
    height: 100px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    margin: 0 auto 15px auto !important;
    float: none !important;
}

.quote-thumbnail img {
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    display: block !important;
}

.quote-text {
    text-align: center !important;
}
/* ── Force cubeportfolio testimonial slider to show all items ─────────── */
.vamtam-testimonials-slider .cbp-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}