/* =================================================================
   TEAM DETAILS PAGE — page-specific styles
   (reuses ht-circle-progressbar, form-one, quote-form, theme-title,
    ht-heading, ht-first-letter, team-share/social from style.css)
================================================================= */

.team-single__grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 50px;
    align-items: start;
}

/* Sticky profile sidebar */
.team-single__aside {
    position: sticky;
    top: 30px;
}

.team-single-box {
    position: relative;
    padding: 0;
    background: var(--white-color);
    border-radius: var(--radius-corner);
    overflow: hidden;
}

.team-single-box .post-thumbnail {
    padding: 0;
}

.team-single-box .post-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
}

.team-contact {
    position: relative;
    padding: 30px 20px;
}

.team-meta li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.team-meta li:last-child {
    margin-bottom: 0;
}

.team-meta li i {
    margin-right: 15px;
    font-size: 26px;
    line-height: 1;
    color: var(--primary-color);
}

.team-meta li span {
    margin-right: 10px;
    font-weight: 500;
    color: var(--text-color);
}

.team-meta li a:hover {
    color: var(--primary-color);
}

/* Share button reveals the social column (reuses team-* from style.css) */
.team-single-box .team-share-icon {
    top: 20px;
    right: 20px;
}

.team-single-box .team-social-icon {
    top: 40px;
    right: 28px;
}

.team-single-box.is-open .team-social-icon {
    transform: translateX(-80px);
    opacity: 1;
}

/* ---------- Main content --------------------------------------- */
.team-single__content .ht-heading {
    margin-bottom: 20px;
}

.team-single__mt {
    margin-top: 40px;
}

/* Skills — 2×2 circle progress */
.team-skills {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 30px 0 50px;
}

.team-skills .ht-circle-progressbar h4 {
    color: var(--text-color);
}

/* Contact form block */
.team-single__form {
    margin-top: 10px;
}