/*
 * PanganDesa v25.4.5 — canonical logo rendering
 * Loaded after app.css and php-overrides.css so every public, authentication,
 * workspace, document, and mobile surface uses the transparent brand assets.
 */

img[src*="/assets/images/pangandesa-logo.png"],
img[src*="/assets/images/pangandesa-logo-white.png"],
img[src*="/assets/images/pangandesa-emblem.png"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  object-fit: contain !important;
}

.php-site-header .brand,
.staging-footer .footer-brand,
.auth-intro-panel .auth-brand,
.php-sidebar .side-brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.php-site-header .brand {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}

.php-site-header .brand img {
  display: block;
  height: 68px;
  max-height: none;
  width: 68px;
}

.staging-footer .footer-brand img,
.public-footer img {
  display: block;
  /* Aset footer sudah putih dengan latar transparan; jangan beri filter lagi. */
  filter: none !important;
  height: 150px;
  width: 150px;
}

.auth-intro-panel .auth-brand {
  margin: 0;
}

.auth-intro-panel .auth-brand img {
  display: block;
  height: 148px;
  width: 148px;
}

.php-sidebar .side-brand {
  align-items: center;
  display: flex;
  justify-content: center;
}

.php-sidebar .side-brand img {
  display: block;
  height: 128px;
  width: 128px;
}

.welcome img {
  background: transparent !important;
  filter: none !important;
  height: 155px;
  opacity: 1;
  width: 155px;
}

.document > header img,
.document header img {
  background: transparent !important;
  filter: none !important;
  height: 135px;
  width: 135px;
}

.admin-workspace .workspace-brand > span:not(.pd-brand) {
  background-color: transparent !important;
}

@media (max-width: 1000px) {
  .php-site-header .brand img {
    height: 60px;
    width: 60px;
  }

  .auth-intro-panel .auth-brand img {
    height: 108px;
    width: 108px;
  }

  .php-sidebar .side-brand img {
    height: 104px;
    width: 104px;
  }
}

@media (max-width: 700px) {
  .php-site-header .brand img {
    height: 56px;
    width: 56px;
  }

  .staging-footer .footer-brand img,
  .public-footer img {
    height: 116px;
    width: 116px;
  }

  .auth-intro-panel .auth-brand img {
    height: 92px;
    width: 92px;
  }

  .document > header img,
  .document header img {
    height: 110px;
    width: 110px;
  }
}

@media print {
  .document > header img,
  .document header img {
    background: transparent !important;
    filter: none !important;
  }
}