/* Fix para controles do Vimeo em fullscreen no Android */

/* Garantir que o documento respeite as safe areas do dispositivo */
:root {
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
}

/* Estilos gerais para iframes do Vimeo */
iframe[src*="vimeo.com"] {
  box-sizing: border-box !important;
}

/* Quando o iframe do Vimeo está marcado como fullscreen */
iframe[data-fullscreen="true"] {
  /* Move todo o conteúdo para cima para evitar sobreposição com botões do Android */
  transform: translateY(-70px) !important;
  height: calc(100% + 70px) !important;
  transition: transform 0.3s ease, height 0.3s ease;
}

/* Quando o iframe do Vimeo NÃO está em fullscreen */
iframe[data-fullscreen="false"],
iframe:not([data-fullscreen]) {
  transform: translateY(0) !important;
  height: 100% !important;
  transition: transform 0.3s ease, height 0.3s ease;
}

/* Para dispositivos mobile específicos (incluindo Android) */
@media (max-width: 768px) {
  iframe[data-fullscreen="true"] {
    /* Movimento maior em dispositivos mobile */
    transform: translateY(-90px) !important;
    height: calc(100% + 90px) !important;
  }
}

/* Safe-area específica para Android com notch/botões de navegação */
@supports (padding: max(0px)) {
  iframe[data-fullscreen="true"] {
    transform: translateY(calc(-70px - env(safe-area-inset-bottom, 0px))) !important;
    height: calc(100% + 70px + env(safe-area-inset-bottom, 0px)) !important;
  }
  
  @media (max-width: 768px) {
    iframe[data-fullscreen="true"] {
      transform: translateY(calc(-90px - env(safe-area-inset-bottom, 0px))) !important;
      height: calc(100% + 90px + env(safe-area-inset-bottom, 0px)) !important;
    }
  }
}