/* Team Members Container */
.rbrtm-team-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: center;
    padding: 10px 0;
}

@media (max-width: 900px) {
    .rbrtm-team-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .rbrtm-team-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.rbrtm-team-member {
    border: 1px solid <?php echo esc_attr($card_border_color); ?>;
    border-radius: <?php echo esc_attr($border_radius); ?>px;
    padding: 15px;
    background: <?php echo esc_attr($card_bg_color); ?>;
    box-shadow: 0 2px 8px <?php echo esc_attr($card_shadow_color); ?>;
    text-align: center;
    transition: box-shadow 0.3s ease;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    color: <?php echo esc_attr($card_text_color); ?>; /* Apply text color to card */
}
            .rbrtm-team-member:hover {
                box-shadow: 0 6px 16px <?php echo esc_attr($card_shadow_color); ?>;
            }
            .rbrtm-team-photo {
                border-radius: 5%;
                overflow: hidden;
                width: <?php echo intval($photo_width); ?>px;
                height: <?php echo intval($photo_height); ?>px;
                margin: 0 auto 15px;
                object-fit: cover;
            }
            .rbrtm-team-name {
                font-size: <?php echo esc_attr($team_name_size); ?>;
                font-weight: 600;
                margin: 0 0 5px;
                color: inherit; /* Inherit from card text color */
            }
            .rbrtm-team-position {
                font-size: <?php echo esc_attr($position_size); ?>;
                color: inherit; /* Inherit from card text color */
                font-style: italic;
                margin-bottom: 15px;
            }
            .rbrtm-team-bio {
                font-size: <?php echo esc_attr($bio_size); ?>;
                color: inherit; /* Inherit from card text color */
                line-height: 1.4;
                flex-grow: 1; /* Allow bio to take up available space for equal height */
                margin-bottom: 10px; /* Space before potential read more/etc. */
            }
            .rbrtm-bio-toggle {
                cursor: pointer;
                color: #0073aa; /* WordPress blue */
                font-weight: bold;
                margin-top: 5px;
                display: inline-block;
            }
            .rbrtm-social-links {
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px solid <?php echo esc_attr($card_border_color); ?>; /* Subtle separator */
                width: 100%; /* Take full width of card */
                display: flex;
                justify-content: center;
                gap: 10px; /* Space between icons */
            }
            .rbrtm-social-links a,
            .rbrtm-contact-info a {
                color: #555; /* Default icon color */
                text-decoration: none;
                transition: color 0.3s ease;
            }
            .rbrtm-social-links a:hover,
            .rbrtm-contact-info a:hover {
                color: #0073aa; /* WordPress blue on hover */
            }
            .rbrtm-social-links svg {
                width: 24px; /* Icon size */
                height: 24px;
                vertical-align: middle;
            }
            .rbrtm-contact-info {
                margin-top: 5px;
                font-size: 0.9em;
                color: inherit;
            }
            .rbrtm-contact-info a {
                display: block; /* Each contact detail on new line */
                margin-bottom: 3px;
                word-break: break-all; /* Prevent overflow for long emails/phones */
            }

            /* Responsive Columns */
            @media (max-width: 900px) {
                .rbrtm-team-container {
                    grid-template-columns: repeat(<?php echo esc_attr($tablet_cols); ?>, 1fr);
                }
            }
            @media (max-width: 600px) {
                .rbrtm-team-container {
                    grid-template-columns: repeat(<?php echo esc_attr($mobile_cols); ?>, 1fr);
                }
            }
        </style>