/* Compact the action rail for both portrait and contained landscape playback. */
.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 54px) !important;
  gap: 4px !important;
}

.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions button,
.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  gap: 2px !important;
  padding: 4px 3px !important;
}

.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions .social-icon,
.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat .social-icon {
  width: 21px !important;
  height: 21px !important;
}

.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions strong,
.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat strong {
  min-height: 10px !important;
  font-size: 10px !important;
}

.video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-controls {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 2px) !important;
}

/* Keep Android 9 explicitly gated even though all mobile editions are in scope. */
html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions,
body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 54px) !important;
  gap: 4px !important;
}

html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions button,
html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat,
body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions button,
body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  gap: 2px !important;
  padding: 4px 3px !important;
}

html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-controls,
body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-controls {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 2px) !important;
}

/* Short 720px-class screens need a smaller rail to clear both media and controls. */
@media (max-height: 760px) {
  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions {
    gap: 3px !important;
  }

  html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions,
  body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions {
    gap: 3px !important;
  }

  html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions button,
  html.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat,
  body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions button,
  body.mahua-apk-webview.mahua-apk-android9 .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    gap: 1px !important;
    padding: 3px 2px !important;
  }

  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions button,
  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    gap: 1px !important;
    padding: 3px 2px !important;
  }

  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions .social-icon,
  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat .social-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-actions strong,
  .video-fullscreen-overlay:not(.fullscreen-16x9-mode) .fullscreen-stat strong {
    min-height: 9px !important;
    font-size: 9px !important;
  }
}
