/**
 * Custom Blocks Styles
 */

/* Team Member Block */

.ies-team-member-inner {
    display: flex;
    flex-direction: column;
    background-color: #f6f6f6;
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .ies-team-member-inner {
        flex-direction: row;
    }
}

.ies-team-member-image {
    flex: 0 0 auto;
    width: 100%;
    height: 250px;
    background-color: #e5e5e5;
}

@media (min-width: 768px) {
    .ies-team-member-image {
        width: 200px;
        height: 100%;
    }
}

.ies-team-member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ies-team-member-image.placeholder {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
}

.ies-team-member-content {
    padding: 1.5rem;
    flex: 1;
}

.ies-team-member-name {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: var(--wp--preset--color--ies-navy, #315E63);
}

.ies-team-member-position {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--wp--preset--color--ies-dark-gray, #666666);
    font-style: italic;
}

.ies-team-member-bio {
    margin-bottom: 1rem;
}

.ies-team-member-links {
    display: flex;
    gap: 1rem;
}

.ies-team-member-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--wp--preset--color--ies-blue, #2A70B8);
    color: white;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.ies-team-member-links a:hover {
    background-color: var(--wp--preset--color--ies-navy, #315E63);
}

/* 
 * Group Block Custom Styles - These styles are now added inline
 * by the block rendering filter based on the attributes selected
 * in the block editor.
 */