/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Version: 1.0.1
*/

/* Container de Vídeo: Máximo 900px, Centralizado e com Respiros */
.tt5-video-wrapper {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
  margin-bottom: 36px;
  /* Respiro nas laterais para nunca colar na tela */
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Proporção 16:9 limpa */
.tt5-video-wrapper .video-responsive {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 */
  background-color: #000000;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* Sutil relevo elegante */
}

.tt5-video-wrapper .video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Respiro adicional em telas maiores de desktop */
@media (min-width: 1024px) {
  .tt5-video-wrapper {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 36px;
    margin-bottom: 48px;
  }
}