/* Hide mobile combined carousel on desktop */
.tlg-team-carousel--mobile-combined {
    display: none;
}

/* Show mobile combined carousel and hide desktop layouts on mobile */
@media (max-width: 767px) {
    .tlg-management-team,
    .tlg-team-carousel:not(.tlg-team-carousel--mobile-combined) {
        display: none;
    }
    .tlg-team-carousel--mobile-combined {
        display: block;
    }
}

/* Management Team Section (Desktop Only) */
.tlg-management-team {
    width: 100%;
    margin-bottom: 64px;
}

.tlg-management-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    max-width: 100%;
}

@media (min-width: 768px) {
    .tlg-management-grid {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    }
}

@media (min-width: 1024px) {
    .tlg-management-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.tlg-management-card {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.tlg-management-img {
    height: 432px;
    margin-bottom: 16px;
}

.tlg-management-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}

.tlg-management-info {
    border-top: 1px solid var(--Colour-Brand-Pale-Green, #CCCDAF);
    color: var(--Text-Text-primary, #060809);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.tlg-management-name {
    color: var(--Text-Text-primary, #060809) !important;
    font-family: "DM Sans" !important;
    font-size: var(--Typography-Size-H4, 24px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.96px !important;
    margin-bottom: 4px !important;
}

.tlg-management-role {
    color: var(--Text-Text-primary, #060809) !important;
    font-family: "DM Sans" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    margin-bottom: 0 !important;
}

.tlg-management-linkedin {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.32324C4.89543 4.32324 4 5.21867 4 6.32324V26.3232C4 27.4278 4.89543 28.3232 6 28.3232H26C27.1045 28.3232 28 27.4278 28 26.3232V6.32324C28 5.21867 27.1045 4.32324 26 4.32324H6ZM11.361 9.6602C11.3685 10.9352 10.4141 11.7208 9.28164 11.7152C8.21476 11.7096 7.28476 10.8602 7.29039 9.66208C7.29601 8.5352 8.18664 7.62958 9.34352 7.65583C10.5173 7.68208 11.3685 8.54271 11.361 9.6602ZM16.3729 13.3389H13.0129H13.0111V24.752H16.5623V24.4858C16.5623 23.9792 16.5619 23.4726 16.5615 22.9658C16.5604 21.614 16.5592 20.2608 16.5661 18.9095C16.568 18.5814 16.5829 18.2402 16.6673 17.927C16.9841 16.757 18.0361 16.0014 19.2099 16.1871C19.9636 16.3051 20.4623 16.742 20.6723 17.4527C20.8017 17.897 20.8599 18.3751 20.8655 18.8383C20.8807 20.2351 20.8785 21.6319 20.8764 23.0288C20.8756 23.5219 20.8748 24.0152 20.8748 24.5083V24.7502H24.4373V24.4764C24.4373 23.8738 24.4371 23.2712 24.4367 22.6687C24.436 21.1627 24.4352 19.6567 24.4392 18.1502C24.4411 17.4695 24.368 16.7983 24.2011 16.1402C23.9517 15.1614 23.4361 14.3514 22.598 13.7664C22.0036 13.3502 21.3511 13.082 20.6217 13.052C20.5387 13.0486 20.4549 13.0441 20.3708 13.0395C19.9979 13.0194 19.6188 12.9989 19.2623 13.0708C18.2423 13.2752 17.3461 13.742 16.6692 14.5651C16.5905 14.6595 16.5136 14.7554 16.3988 14.8984L16.3729 14.9308V13.3389ZM7.57552 24.7558H11.1099V13.3463H7.57552V24.7558Z" fill="%23060809"/></svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.tlg-management-linkedin:hover {
    opacity: .7;
}

/* Regular Team Carousel */
.tlg-team-carousel {
    width: 100%;
    position: relative;
}

.tlg-team-card {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f7f7f5;
    cursor: grab;
    cursor: -webkit-grab;
}

.tlg-team-img {
    height: 395px;
}

.tlg-team-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.tlg-team-info {
    background: #033600;
    color: #fff;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    z-index: 9999;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
}

.tlg-team-name {
    color: var(--Text-Text-inverted-primary, #FFFEFC) !important;
    font-family: "DM Sans" !important;
    font-size: var(--Typography-Size-H4, 24px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.96px !important;
    margin-bottom: 8px !important;
}

.tlg-team-role {
    color: var(--Text-Text-inverted-secondary, #FFFAF0) !important;
    font-family: "DM Sans";
    font-size: var(--Typography-Size-Text-L, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0 !important;
}

.tlg-team-linkedin {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.32324C4.89543 4.32324 4 5.21867 4 6.32324V26.3232C4 27.4278 4.89543 28.3232 6 28.3232H26C27.1045 28.3232 28 27.4278 28 26.3232V6.32324C28 5.21867 27.1045 4.32324 26 4.32324H6ZM11.361 9.6602C11.3685 10.9352 10.4141 11.7208 9.28164 11.7152C8.21476 11.7096 7.28476 10.8602 7.29039 9.66208C7.29601 8.5352 8.18664 7.62958 9.34352 7.65583C10.5173 7.68208 11.3685 8.54271 11.361 9.6602ZM16.3729 13.3389H13.0129H13.0111V24.752H16.5623V24.4858C16.5623 23.9792 16.5619 23.4726 16.5615 22.9658C16.5604 21.614 16.5592 20.2608 16.5661 18.9095C16.568 18.5814 16.5829 18.2402 16.6673 17.927C16.9841 16.757 18.0361 16.0014 19.2099 16.1871C19.9636 16.3051 20.4623 16.742 20.6723 17.4527C20.8017 17.897 20.8599 18.3751 20.8655 18.8383C20.8807 20.2351 20.8785 21.6319 20.8764 23.0288C20.8756 23.5219 20.8748 24.0152 20.8748 24.5083V24.7502H24.4373V24.4764C24.4373 23.8738 24.4371 23.2712 24.4367 22.6687C24.436 21.1627 24.4352 19.6567 24.4392 18.1502C24.4411 17.4695 24.368 16.7983 24.2011 16.1402C23.9517 15.1614 23.4361 14.3514 22.598 13.7664C22.0036 13.3502 21.3511 13.082 20.6217 13.052C20.5387 13.0486 20.4549 13.0441 20.3708 13.0395C19.9979 13.0194 19.6188 12.9989 19.2623 13.0708C18.2423 13.2752 17.3461 13.742 16.6692 14.5651C16.5905 14.6595 16.5136 14.7554 16.3988 14.8984L16.3729 14.9308V13.3389ZM7.57552 24.7558H11.1099V13.3463H7.57552V24.7558Z" fill="%23FFFAF0"/></svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.tlg-team-linkedin:hover {
    opacity: .7;
}

/* Pagination */
.tlg-team-carousel .swiper-pagination {
    position: static;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 60px;
}

.tlg-team-carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: #CCCDAF;
    opacity: 1;
    margin: 0;
    transform: none;
    transition: width .25s ease, background .25s ease, border-radius .25s ease;
}

.tlg-team-carousel .swiper-pagination-bullet-active {
    width: 37px;
    height: 8px;
    border-radius: 200px;
    background: #3C6A3A;
}

@media screen and (max-width: 1400px) and (min-width: 768px) {
    .tlg-team-name {
        font-size: var(--Typography-Size-H5, 20px) !important;
    }
    .tlg-team-linkedin {
        width: 26px;
        height: 26px;
        top: 66%;
    }
}

.tlg-team-name {

}

@media screen and (max-width: 767px) {
    /* Allow cards to overflow top and bottom */
    .tlg-team-carousel--mobile-combined {
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: -30px;
        margin-bottom: -30px;
    }
    
    .tlg-team-carousel--mobile-combined .swiper-wrapper {
        overflow: visible;
    }

    .tlg-management-img {
        height: 375px;
    }
}