/* AZRA Media Feed v58: progressive startup, touch seeking and press-and-hold controls. */
.azra-media-feed-layer .amf-media video.amf-video {
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.azra-media-feed-layer .amf-media video.amf-video::-webkit-media-controls-enclosure { display: none !important; }
.azra-media-feed-layer .amf-buffering {
  position: absolute; z-index: 4; left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: none; align-items: center; gap: 10px; max-width: calc(100% - 40px);
  padding: 10px 14px; border: 1px solid #ffffff24; border-radius: 999px;
  color: #fff; background: rgba(4,6,9,.66); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  font: 700 12px/1.2 var(--font-body, Manrope, sans-serif); pointer-events: none;
}
.azra-media-feed-layer .amf-buffer-spinner {
  width: 17px; height: 17px; flex: 0 0 17px; border-radius: 50%; border: 2px solid #ffffff45;
  border-top-color: #ffd500; animation: amfBufferSpin .72s linear infinite;
}
.azra-media-feed-layer .amf-stage.is-buffering .amf-buffering { display: flex; }
.azra-media-feed-layer .amf-stage[data-kind="image"] .amf-buffering { display: none !important; }
@keyframes amfBufferSpin { to { transform: rotate(360deg); } }
.azra-media-feed-layer .amf-seek-hud {
  position: absolute; z-index: 15; left: 50%; bottom: calc(24% + var(--amf-safe-bottom));
  transform: translateX(-50%); display: grid; grid-template-columns: auto auto; align-items: center; gap: 7px 12px;
  width: min(78vw, 420px); padding: 13px 15px 12px; border: 1px solid #ffffff33; border-radius: 17px;
  color: #fff; background: rgba(4,6,9,.72); box-shadow: 0 12px 36px #0005;
  backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); pointer-events: none;
  animation: amfHudIn .15s ease-out both;
}
.azra-media-feed-layer .amf-seek-hud[hidden] { display: none !important; }
.azra-media-feed-layer .amf-seek-hud strong { font: 800 17px/1 var(--font-body, Manrope, sans-serif); color: #ffd500; font-variant-numeric: tabular-nums; }
.azra-media-feed-layer .amf-seek-hud > span { justify-self: end; color: #ffffffc9; font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
.azra-media-feed-layer .amf-seek-track { grid-column: 1 / -1; width: 100%; height: 4px; overflow: hidden; border-radius: 999px; background: #ffffff3d; }
.azra-media-feed-layer .amf-seek-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: #ffd500; box-shadow: 0 0 12px #ffd50080; transition: width .04s linear; }
.azra-media-feed-layer .amf-speed-badge {
  position: absolute; z-index: 16; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(.82);
  padding: 10px 15px; border: 1px solid #ffd5009c; border-radius: 999px; color: #090909;
  background: #ffd500; box-shadow: 0 8px 34px #0007; font: 900 18px/1 var(--font-body, Manrope, sans-serif);
  opacity: 0; pointer-events: none; transition: opacity .16s ease, transform .18s cubic-bezier(.2,.8,.2,1);
}
.azra-media-feed-layer .amf-stage.is-speeding .amf-speed-badge { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.azra-media-feed-layer .amf-actions { isolation: isolate; }
.azra-media-feed-layer .amf-speed-zone {
  position: absolute; z-index: 12; top: -57px; left: -4px; width: 56px; height: 51px;
  display: block; border: 0; border-radius: 14px; background: transparent; color: transparent;
  opacity: .001; pointer-events: auto; touch-action: none; user-select: none; -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent; cursor: default;
}
.azra-media-feed-layer .amf-stage.is-speeding .amf-actions { transform: translateZ(0) scale(1.015); }
.azra-media-feed-layer .amf-stage.is-speeding .amf-actions::before {
  content: ""; position: absolute; top: -59px; left: 0; width: 48px; height: 52px; border-radius: 15px;
  background: #ffd50012; box-shadow: 0 0 0 1px #ffd50027 inset; pointer-events: none;
}
.azra-media-feed-layer .amf-stage.is-seeking .amf-play { opacity: 0 !important; pointer-events: none !important; }
.azra-media-feed-layer .amf-stage.amf-holding .amf-actions,
.azra-media-feed-layer .amf-stage.amf-holding .amf-top-actions,
.azra-media-feed-layer .amf-stage.amf-holding .amf-mute {
  filter: drop-shadow(0 4px 16px #0008); animation: amfControlsWake .22s ease-out both;
}
@keyframes amfHudIn { from { opacity: 0; transform: translate(-50%,5px) scale(.98); } to { opacity: 1; transform: translate(-50%,0) scale(1); } }
@keyframes amfControlsWake { from { opacity: .72; } to { opacity: 1; } }
@media (max-width: 520px) {
  .azra-media-feed-layer .amf-buffering { padding: 9px 12px; font-size: 11px; }
  .azra-media-feed-layer .amf-seek-hud { bottom: calc(23% + var(--amf-safe-bottom)); width: min(82vw, 370px); }
  .azra-media-feed-layer .amf-speed-zone { top: -56px; left: -5px; width: 58px; height: 50px; }
}
@media (prefers-reduced-motion: reduce) {
  .azra-media-feed-layer .amf-buffer-spinner { animation: none; border-top-color: #ffd500; }
  .azra-media-feed-layer .amf-seek-hud,
  .azra-media-feed-layer .amf-speed-badge,
  .azra-media-feed-layer .amf-stage.amf-holding .amf-actions,
  .azra-media-feed-layer .amf-stage.amf-holding .amf-top-actions,
  .azra-media-feed-layer .amf-stage.amf-holding .amf-mute { animation: none; transition: none; }
}
.azra-media-feed-layer .amf-buffering { display: none; grid-template-columns: 17px minmax(0,1fr); gap: 8px 10px; }
.azra-media-feed-layer .amf-stage.is-buffering .amf-buffering { display: grid; }
.azra-media-feed-layer .amf-buffer-bar { grid-column: 1 / -1; width: 100%; height: 3px; margin-top: 1px; overflow: hidden; border-radius: 99px; background: #ffffff32; }
.azra-media-feed-layer .amf-buffer-bar i { display: block; width: 0; height: 100%; border-radius: inherit; background: #ffd500; transition: width .12s linear; }


/* AZRA Media Feed v59 — minimal loading, clean long-press pause. */
.azra-media-feed-layer .amf-buffering {
  position: absolute !important;
  z-index: 14;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  align-items: center; justify-content: center;
  width: 42px; height: 42px; min-width: 42px;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 50%;
  color: transparent !important;
  background: rgba(0,0,0,.27) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.14);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
  pointer-events: none;
  animation: amfV59SpinnerIn .14s ease-out both;
}
.azra-media-feed-layer .amf-buffering > span:not(.amf-buffer-spinner),
.azra-media-feed-layer .amf-buffer-bar { display: none !important; }
.azra-media-feed-layer .amf-stage.is-buffering .amf-buffering { display: flex !important; }
.azra-media-feed-layer .amf-stage[data-kind="image"] .amf-buffering { display: none !important; }
.azra-media-feed-layer .amf-buffer-spinner {
  display: block; width: 25px; height: 25px; flex: 0 0 25px;
  padding: 0; margin: 0;
  border: 2.4px solid rgba(255,255,255,.31);
  border-top-color: #fff; border-right-color: rgba(255,255,255,.84);
  border-radius: 50%; background: transparent;
  animation: amfV59Spin .68s linear infinite;
}
@keyframes amfV59Spin { to { transform: rotate(360deg); } }
@keyframes amfV59SpinnerIn { from { opacity: 0; } to { opacity: 1; } }
/* During press-and-hold, pause quietly and hide every action overlay. */
.azra-media-feed-layer .amf-stage.amf-holding .amf-actions,
.azra-media-feed-layer .amf-stage.amf-holding .amf-top-actions,
.azra-media-feed-layer .amf-stage.amf-holding .amf-mute,
.azra-media-feed-layer .amf-stage.amf-holding .amf-close,
.azra-media-feed-layer .amf-stage.amf-holding .amf-mark,
.azra-media-feed-layer .amf-stage.amf-holding .amf-caption,
.azra-media-feed-layer .amf-stage.amf-holding .amf-quick-comment,
.azra-media-feed-layer .amf-stage.amf-holding .amf-play,
.azra-media-feed-layer .amf-stage.amf-holding .amf-buffering {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .13s ease, visibility .13s ease;
}
/* Tapping to pause still shows the play button; only the hold gesture suppresses it. */
.azra-media-feed-layer .amf-stage.is-paused:not(.amf-holding) .amf-play { visibility: visible; }
.azra-media-feed-layer .amf-play,
.azra-media-feed-layer .amf-actions,
.azra-media-feed-layer .amf-top-actions,
.azra-media-feed-layer .amf-mute,
.azra-media-feed-layer .amf-close,
.azra-media-feed-layer .amf-caption,
.azra-media-feed-layer .amf-quick-comment {
  transition: opacity .16s ease, visibility .16s ease;
}
@media (prefers-reduced-motion: reduce) {
  .azra-media-feed-layer .amf-buffer-spinner { animation: none; }
  .azra-media-feed-layer .amf-buffering,
  .azra-media-feed-layer .amf-play,
  .azra-media-feed-layer .amf-actions,
  .azra-media-feed-layer .amf-top-actions,
  .azra-media-feed-layer .amf-mute,
  .azra-media-feed-layer .amf-close,
  .azra-media-feed-layer .amf-caption,
  .azra-media-feed-layer .amf-quick-comment { transition: none !important; }
}