/* riebrn custom Jitsi branding */

/* Watermark sizing */
.watermark.leftwatermark,
.watermark.rightwatermark {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 10px !important;
  width: 160px !important;
  height: 48px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  z-index: 1000 !important;
  pointer-events: auto !important;
}

.watermark.leftwatermark {
  left: 10px !important;
}

.watermark.rightwatermark {
  right: 10px !important;
}

/* Watermark image inside */
.watermark img {
  width: 160px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}

@media only screen and (max-width: 600px) {
  .watermark.leftwatermark,
  .watermark.rightwatermark {
    width: 100px !important;
    height: 32px !important;
  }

  .watermark img {
    width: 100px !important;
    height: 32px !important;
  }
}

/* "powered by jitsi.org" — the attribution we keep.
   Turned on by SHOW_POWERED_BY in custom-interface_config.js. The class Jitsi
   renders is `.poweredby` (the `.powered-by` this file used to hide never
   matched anything). Its stock rule is `left: 25; bottom: 7` — unitless values
   that no browser accepts — so the element has to be positioned here. */
.poweredby {
  position: absolute !important;
  left: 12px !important;
  bottom: 10px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255, 255, 255, 0.45) !important;
  text-decoration: none !important;
  z-index: 100 !important;
  transition: color 0.15s ease;
}

.poweredby:hover,
.poweredby:focus-visible {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Right watermark slot: unused, and its stock background is a Jitsi asset. */
.watermark.rightmark {
  display: none !important;
}

/* Hide Jitsi promotional/download content */
.mobile-app-promo,
.app-promo,
.promotional-close-page,
.promo-drawer,
[class*='promo'],
.chrome-extension-banner,
.deep-linking,
[class*='deep-linking'] {
  display: none !important;
}

/* Video container polish */
#largeVideoWrapper {
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
}