/**
 * TurboJet - Estilos para Player de YouTube
 */
.tj-youtube-player-wrapper {
    position: relative;
    width: 100%; /* O max-width é definido inline pelo shortcode */
    margin-left: auto; /* Centralizar se a largura for menor que 100% do container pai */
    margin-right: auto;
}

.tj-youtube-aspect-ratio-setter {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Padrão para aspect ratio 16:9 (9 / 16 * 100) */
    /* Se a altura for definida explicitamente no shortcode, este padding-top pode não ser necessário,
       ou pode ser ajustado por classes se quisermos diferentes aspect ratios.
       Se a altura do iframe for definida inline, este elemento pode não precisar de padding-top.
    */
}

.tj-youtube-player-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Se uma altura explícita for dada ao iframe, resetar o posicionamento absoluto */
/* Isso é um pouco complicado de fazer apenas com CSS sem saber se a altura foi definida.
   O PHP tenta lidar com isso. Se o iframe tiver uma altura inline, o aspect-ratio-setter
   não precisa de padding-top. Se não tiver, o padding-top no setter define a altura.
   Para simplificar, vamos assumir que se o usuário NÃO definir altura, usamos aspect ratio.
   Se o usuário definir altura, o iframe a terá e o aspect-ratio-setter pode não ser necessário
   ou o iframe não precisa ser position:absolute.
*/

/* Ajuste: Se o iframe tiver altura inline, o wrapper não precisa de padding-top e o iframe não precisa ser absoluto */
.tj-youtube-player-wrapper iframe[style*="height"] {
    position: relative; /* Ou static, dependendo do contexto */
    /* A altura é definida inline */
}
.tj-youtube-player-wrapper iframe[style*="height"] ~ .tj-youtube-aspect-ratio-setter, /* Se o iframe tiver altura, o setter não precisa de padding */
.tj-youtube-player-wrapper .tj-youtube-aspect-ratio-setter:has(iframe[style*="height"]) { /* CSS :has() é moderno */
    padding-top: 0 !important;
}
/* Solução mais simples sem :has() no PHP: não adicionar padding-top se altura for definida.
   O PHP já tenta não aplicar altura ao iframe se for para usar aspect ratio.
   O CSS acima é uma tentativa de generalizar, mas o PHP é mais direto.
   A lógica no PHP é: se altura for 'auto' ou não um valor CSS válido, o iframe não recebe altura inline,
   e o aspect-ratio-setter com padding-top faz o trabalho.
   Se altura for um valor CSS válido, o iframe recebe altura inline.
   O CSS atual com iframe position:absolute dentro do aspect-ratio-setter é o mais comum para responsividade.
*/