/* Просмотр вложений пункта (assets/awards-viewer.js). Кнопки сбрасывают стили темы —
   Astra красит button:hover в акцентный цвет, а здесь он нужен только полупрозрачный. */

.mwc-av-lock{ overflow:hidden }

.mwc-av{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; display:none;
  flex-direction:column; background:rgba(16,15,14,.95); color:#fff;
  overscroll-behavior:contain; -webkit-tap-highlight-color:transparent }
.mwc-av.is-open{ display:flex }

.mwc-av-stage{ position:relative; flex:1 1 auto; min-height:0; display:flex;
  align-items:center; justify-content:center; touch-action:pan-y pinch-zoom;
  padding:calc(64px + env(safe-area-inset-top,0px)) 10px 8px }
.mwc-av-img{ display:block; max-width:100%; max-height:100%; width:auto; height:auto;
  object-fit:contain; margin:0; border:0; border-radius:2px; box-shadow:0 20px 60px -20px rgba(0,0,0,.6);
  user-select:none; -webkit-user-drag:none; transition:opacity .2s ease }
.mwc-av.is-loading .mwc-av-img{ opacity:0 }

/* PDF целиком, всеми страницами, во встроенном просмотрщике браузера. Белый фон и почти
   вся сцена — родной вид PDF-плагина браузера, а не наш чёрный фон, снаружи не проглядывает. */
.mwc-av-frame{ width:100%; height:100%; max-width:900px; border:0; border-radius:2px;
  background:#fff; box-shadow:0 20px 60px -20px rgba(0,0,0,.6) }
.mwc-av.is-loading .mwc-av-stage::after{ content:""; position:absolute; top:50%; left:50%;
  width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:50%;
  border:2px solid rgba(255,255,255,.25); border-top-color:#fff; animation:mwc-av-spin .8s linear infinite }
@keyframes mwc-av-spin{ to{ transform:rotate(360deg) } }

.mwc-av .mwc-av-btn{ position:absolute; z-index:2; width:46px; height:46px; margin:0; padding:0;
  display:grid; place-items:center; border:0; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.14); color:#fff; box-shadow:none; text-shadow:none;
  transition:background .2s ease }
.mwc-av .mwc-av-btn:hover,
.mwc-av .mwc-av-btn:focus-visible{ background:rgba(255,255,255,.28); color:#fff }
.mwc-av .mwc-av-btn:focus-visible{ outline:2px solid #fff; outline-offset:2px }
.mwc-av .mwc-av-btn svg{ display:block; pointer-events:none }

.mwc-av-close{ top:calc(10px + env(safe-area-inset-top,0px)); right:calc(10px + env(safe-area-inset-right,0px)) }
.mwc-av-prev{ top:50%; left:calc(10px + env(safe-area-inset-left,0px)); margin-top:-23px }
.mwc-av-next{ top:50%; right:calc(10px + env(safe-area-inset-right,0px)); margin-top:-23px }
.mwc-av.is-single .mwc-av-prev,
.mwc-av.is-single .mwc-av-next{ display:none }

.mwc-av-count{ position:absolute; z-index:2; top:calc(10px + env(safe-area-inset-top,0px)); left:calc(16px + env(safe-area-inset-left,0px));
  height:46px; display:flex; align-items:center; font-size:14px; letter-spacing:.06em;
  font-variant-numeric:tabular-nums; color:rgba(255,255,255,.85) }

/* Подстраховка: часть браузеров внутри мобильных приложений (мессенджеры, соцсети) не
   встраивают свой просмотрщик PDF в iframe и показывают пустое место — эта ссылка
   всегда рядом на PDF-странице и открывает файл штатно, новой вкладкой. */
.mwc-av-open{ flex:0 0 auto; display:block; padding:8px 0 0; color:#fff; text-align:center;
  font-size:13px; text-decoration:underline; text-underline-offset:3px; opacity:.85 }
.mwc-av-open:hover,.mwc-av-open:focus-visible{ opacity:1 }
.mwc-av-open[hidden]{ display:none }

.mwc-av-cap{ flex:0 0 auto; margin:0; max-height:5.6em; overflow:auto; text-align:center;
  padding:10px 64px calc(16px + env(safe-area-inset-bottom,0px)); font-size:14px; line-height:1.45;
  color:rgba(255,255,255,.86) }
.mwc-av-cap[hidden]{ display:none }

/* На телефоне стрелки лишь мешают картинке — листает свайп, а кнопки остаются
   запасным путём и уходят в нижние углы, ближе к большому пальцу. */
@media (max-width:767px){
  .mwc-av-stage{ padding-left:0; padding-right:0 }
  .mwc-av-img{ border-radius:0 }
  .mwc-av-prev,.mwc-av-next{ top:auto; bottom:calc(10px + env(safe-area-inset-bottom,0px)); margin-top:0 }
  .mwc-av-prev{ left:10px }
  .mwc-av-next{ right:10px }
  .mwc-av-cap{ padding:10px 68px calc(18px + env(safe-area-inset-bottom,0px)); min-height:46px }
}

@media (prefers-reduced-motion:reduce){
  .mwc-av-img,.mwc-av .mwc-av-btn{ transition:none }
  .mwc-av.is-loading .mwc-av-stage::after{ animation:none }
}