/*
 * Footer team section styles.
 * Deliberately minimal: name/role/border colors, spacing, and hover states
 * are already inherited from the theme's own footer widget rules
 * (.widget-title, ul.menu > li, footer.site-footer a color: #fff, etc).
 * This file only adds the layout grid and the phone-link accent color.
 */

.aft-footer-team-widget .aft-footer-team-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0 20px;
}

.aft-footer-team-widget .aft-footer-team-label{
    display:block;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:700;
    color:#C1121F;
    margin-bottom:10px;
}

/* Reuses the theme's existing ul.menu>li border/spacing — only overrides display + gap between the 3 lines per person */
.aft-footer-team-widget .aft-footer-team-col ul.menu > li{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.aft-footer-team-widget .aft-footer-team-role{
    font-size:12px;
    font-weight:400;
    opacity:0.65;
    text-transform:none;
}

.aft-footer-team-widget .aft-footer-team-name{
    font-size:14px;
}

.aft-footer-team-widget .aft-footer-team-phone{
    font-size:12px;
    color:#0047AB;
    text-decoration:none;
    font-weight:600;
}

.aft-footer-team-widget .aft-footer-team-phone:hover{
    color:#C1121F;
}

/* dark footer already sets link color:#fff via theme rules — this keeps the phone link on-brand instead of plain white */
footer.site-footer .aft-footer-team-widget .aft-footer-team-phone{
    color:#5b9bd5;
}
footer.site-footer .aft-footer-team-widget .aft-footer-team-phone:hover{
    color:#ffffff;
}

@media screen and (max-width: 768px){
    .aft-footer-team-widget .aft-footer-team-grid{
        grid-template-columns:1fr;
        gap:24px;
    }
}