/* =============================================================
   HGT — UI fixes (file riêng, không đụng vào CSS gốc của theme)
   Nạp sau cùng trong parts/layout/top-layout.php
   ============================================================= */

/* -------------------------------------------------------------
   Avatar chữ dùng khi khách hàng chưa có ảnh
   ------------------------------------------------------------- */
.hgt-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .80);
    background: linear-gradient(270deg, #5CB0E9 0%, #3D72FC 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
}

.hgt-initials--2 { background: linear-gradient(270deg, #7BC8F0 0%, #4A8DF6 100%); }
.hgt-initials--3 { background: linear-gradient(270deg, #5FD0D8 0%, #3D8BFC 100%); }
.hgt-initials--4 { background: linear-gradient(270deg, #8AA6F5 0%, #3D5EFC 100%); }
.hgt-initials--5 { background: linear-gradient(270deg, #4FC3E8 0%, #5B4BFB 100%); }

/* -------------------------------------------------------------
   Testimonial — khoá kích thước khung avatar 64x64
   (CSS gốc chỉ set width nên ảnh/chữ làm vỡ khung tròn)
   ------------------------------------------------------------- */
.testimonial-two__client-img {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
}

.testimonial-two__client-img img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.testimonial-two__client-img .hgt-initials {
    font-size: 22px;
}

/* Chưa có ảnh lẫn tên thì ẩn hẳn khung cho gọn */
.testimonial-two__client-img:empty,
.testimonial-two__client-img:not(:has(img, .hgt-initials)) {
    display: none;
}

/* Tên dài không bị đẩy vỡ layout card */
.testimonial-two__client-content {
    min-width: 0;
}

.testimonial-two__client-name {
    overflow-wrap: break-word;
}

/* -------------------------------------------------------------
   Why choose — cùng cách xử lý, khung 46x46
   ------------------------------------------------------------- */
.why-choose-one__client-img {
    width: 46px;
    height: 46px;
    max-width: 46px;
    flex: 0 0 46px;
}

.why-choose-one__client-img img {
    display: block;
    width: 46px;
    height: 46px;
    object-fit: cover;
}

.why-choose-one__client-img .hgt-initials {
    font-size: 16px;
    border-color: var(--techguru-white);
}

.why-choose-one__client-img:empty,
.why-choose-one__client-img:not(:has(img, .hgt-initials)) {
    display: none;
}

/* -------------------------------------------------------------
   Card bai viet / du an — avatar tac gia bi bop thanh bau duc
   (CSS goc set width:32px nhung khong set height, anh 40px cao
    nen ra 32x40). Khoa lai 32x32 cho tron dung.
   ------------------------------------------------------------- */
.blog-one__user-img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
}

.blog-one__user-img img {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: cover;
}