/*
=========================================================
WAYZAWAY REGRESSION FIXES R1
=========================================================
*/


/* Gallery X:
   same CR12 control, moved to centre of top grey bar. */

html body .wz-cr12-gallery-close {
  top:
    max(
      4px,
      env(safe-area-inset-top)
    ) !important;

  left:
    50% !important;

  right:
    auto !important;

  bottom:
    auto !important;

  transform:
    translateX(-50%) !important;
}


/* Remove the original account icon underneath the
   real profile photo. */

html.wz-header-avatar-has-image
  .wz-account-trigger
  .mdi-account-circle,
html
  .wz-account-trigger-avatar.wz-has-account-image
  .mdi-account-circle {
  display:
    none !important;

  visibility:
    hidden !important;

  opacity:
    0 !important;
}


/* Wrong media type blocker. */

body.wz-file-type-blocked {
  overflow:
    hidden !important;
}

.wz-file-type-blocker {
  position:
    fixed;

  inset:
    0;

  z-index:
    2147483500;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    20px;

  background:
    rgba(24, 27, 32, 0.48);

  backdrop-filter:
    blur(3px);
}

.wz-file-type-dialog {
  width:
    min(100%, 390px);

  padding:
    22px;

  border-radius:
    18px;

  background:
    #fff;

  box-shadow:
    0 18px 54px
    rgba(0, 0, 0, 0.24);

  text-align:
    center;
}

.wz-file-type-dialog h2 {
  margin:
    0 0 8px;

  font-size:
    1.2rem;
}

.wz-file-type-dialog p {
  margin:
    0 0 18px;

  line-height:
    1.5;
}

.wz-file-type-ok {
  min-width:
    100px;

  min-height:
    42px;

  border:
    0;

  border-radius:
    10px;

  background:
    #ec0052;

  color:
    #fff;

  font:
    inherit;

  font-weight:
    700;

  cursor:
    pointer;
}


/* Tablet Wall/Browse:
   disable desktop side-rail/sticky behaviour. */

@media
  (min-width: 641px)
  and
  (max-width: 1024px) {

  body.wz-member-wall
    .featured-event,
  body.wz-member-wall
    .v-col-lg-3,
  body.wz-member-wall
    .v-col-lg-3 > div,
  body.wz-member-browse
    .v-col-lg-3,
  body.wz-member-browse
    .v-col-lg-3 > div {
    position:
      static !important;

    top:
      auto !important;

    right:
      auto !important;

    bottom:
      auto !important;

    left:
      auto !important;

    transform:
      none !important;

    max-height:
      none !important;
  }

  body.wz-member-wall
    .featured-event {
    width:
      100% !important;

    max-width:
      760px !important;

    margin-inline:
      auto !important;
  }

  body.wz-member-wall
    .featured-event
    .v-img {
    max-height:
      420px !important;
  }

  body.wz-member-wall
    .v-col-lg-3,
  body.wz-member-browse
    .v-col-lg-3 {
    width:
      100% !important;

    max-width:
      100% !important;

    flex:
      0 0 100% !important;
  }

  body.wz-member-wall
    .wz-upcoming-modern-card,
  body.wz-member-browse
    .wz-upcoming-modern-card {
    display:
      grid !important;

    grid-template-columns:
      112px minmax(0, 1fr)
      !important;

    align-items:
      center !important;

    gap:
      13px !important;

    width:
      100% !important;

    min-height:
      88px !important;
  }

  body.wz-member-wall
    .wz-upcoming-modern-image,
  body.wz-member-browse
    .wz-upcoming-modern-image {
    width:
      112px !important;

    min-width:
      112px !important;

    height:
      84px !important;

    max-height:
      84px !important;
  }
}