/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* === iEducação – Grid de autoras / revisoras === */
.iedu-author-wrapper {
    background-color: #FFF;
    padding: 40px 20px;
    margin: 30px 0 50px;
    border-right: 2px solid rgba(0, 0, 0, 0.07);
    border-bottom: 2px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

.iedu-author-grid.gb-grid-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important; /* SEMPRE UMA COLUNA */
    gap: 0 !important;
    margin: 1rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid #ececec;
}

.gb-grid-column.iedu-author-card {
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    gap: 20px;
    text-align: left;
    padding: 15px;
}

.gb-grid-column.iedu-author-card img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 4px solid #ff7701;
    flex-shrink: 0;
    object-fit: cover;
}

.iedu-author-content-wrapper {
    display: flex;
    flex-direction: column; /* .iedu-author-meta-inline e .iedu-author-bio serão os filhos diretos */
    flex-grow: 1;
    justify-content: center; /* Centraliza verticalmente o bloco de meta-inline e bio */
}

/* Novo wrapper para Nome, Função, Data */
.iedu-author-meta-inline {
    /* No mobile, os filhos (h4, p, p) serão display: block por padrão,
       ficando um abaixo do outro. */
}

/* Estilos BASE para os textos (comportamento mobile como padrão) */
.iedu-author-meta-inline .iedu-author-name,
.iedu-author-meta-inline .iedu-author-role,
.iedu-author-meta-inline .iedu-author-date {
    display: block; /* Padrão para mobile: um abaixo do outro */
    margin-bottom: 0;
    margin-top: 0;
}
.iedu-author-meta-inline .iedu-author-date {
    margin-bottom: 0; /* Último item no grupo não precisa de margem no mobile */
}

/* Estilos de fonte (aplicam-se a ambas visualizações) */
.iedu-author-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: #333;
}
.iedu-author-name::after {
    content: none; /* Sem vírgula por padrão (mobile) */
}

.iedu-author-role {
    font-size: 0.9rem;
    color: #555;
}
.iedu-author-role::after {
    content: none; /* Sem espaço extra por padrão (mobile) */
}

.iedu-author-date {
    font-size: 0.8rem;
    color: #777;
}

.iedu-author-bio {
    margin: 0; /* Reset da margem, será ajustada abaixo */
    font-size: 0.85rem;
    line-height: 1.5;
    color: #444;
}

.iedu-author-heading {
    margin: 0 0 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

/* --- Estilos para DESKTOP (min-width: 769px) --- */
@media (min-width: 769px) {
    .iedu-author-meta-inline {
        margin-bottom: 0;
    }

    .iedu-author-meta-inline .iedu-author-name,
    .iedu-author-meta-inline .iedu-author-role,
    .iedu-author-meta-inline .iedu-author-date {
        display: inline;  /* Coloca Nome, Função e Data na mesma linha DENTRO do .iedu-author-meta-inline */
        margin-bottom: 0; /* Remove margem inferior quando inline */
    }

    .iedu-author-meta-inline .iedu-author-name::after {
        content: ", "; /* Adiciona vírgula e espaço APÓS o nome */
    }

    .iedu-author-meta-inline .iedu-author-role::after {
        content: " "; /* Adiciona um espaço APÓS a função (antes da data que já tem "em") */
    }

    /* A bio fica abaixo devido ao .iedu-author-meta-inline ter margin-bottom.
       Se não houver bio, a margem não prejudica. */
}

/* --- Estilos Responsivos para MOBILE (max-width: 768px) --- */
@media (max-width: 768px) {
    .iedu-author-wrapper{
        padding: 40px 0;
    }
    .iedu-author-grid.gb-grid-wrapper {
        gap: 0 !important; /* Espaçamento entre os cards no mobile */
    }

    .iedu-author-meta-inline {
        margin-bottom: 0; /* Espaço entre o bloco nome/função/data e a bio no mobile */
    }

    .iedu-author-name{font-size: 1rem;}
    .iedu-author-role, .iedu-author-bio{font-size: 13px;}
}




/* --- Tornar Vídeos Incorporados do YouTube Responsivos --- */

/* Garante que o container do bloco de embed não exceda a largura disponível */
.wp-block-embed,
figure.wp-block-embed {
    max-width: 100%;
    margin-left: auto;  /* Centraliza o bloco se o container pai for mais largo */
    margin-right: auto;
    margin-bottom: 1.5em; /* Espaçamento padrão abaixo do bloco */
}

/* O wrapper direto do iframe, que mantém a proporção */
.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper {
    position: relative; /* Essencial para o posicionamento absoluto do iframe abaixo */
    height: 0;          /* Altura é controlada pelo padding-bottom para manter a proporção */
    overflow: hidden;   /* Esconde qualquer conteúdo que exceda as dimensões */
}

/* Proporção 16:9 (mais comum para vídeos do YouTube) */
/* (9 / 16) * 100% = 56.25% */
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    padding-bottom: 56.25%;
}

/* Proporção 4:3 */
/* (3 / 4) * 100% = 75% */
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
    padding-bottom: 75%;
}

/* Proporção 1:1 (Quadrado) */
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper {
    padding-bottom: 100%;
}

/* Proporção 21:9 (Ultrawide) */
/* (9 / 21) * 100% = 42.8571428571% */
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
    padding-bottom: 42.8571428571%;
}

/* Estilos para o iframe em si */
.wp-block-embed.wp-has-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Remove qualquer borda padrão do iframe */
    margin: 0;
    padding: 0;
}