/**
 * APD 724 — canonical premium account-verification medallion.
 * The same transparent 3D asset is used at every scale and only in verified states.
 */
:root {
  --apd724-verified-medallion: url("../images/apd724/verified-account-medallion-3d.webp");
}

.apd724-verified-badge {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.apd724-verified-badge > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 10px rgba(98, 37, 39, .20)) !important;
}

/* Perfil del viajero: portada, detalle y tarjeta reversible. */
.apd466-main-profile-badge,
.apd466-profile-verified-badge {
  position: absolute !important;
  z-index: 8 !important;
  right: -18px !important;
  bottom: -8px !important;
  width: 76px !important;
  height: 76px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.apd466-main-profile-badge > img,
.apd466-profile-verified-badge > img { width: 100% !important; height: 100% !important; }

.apd466-profile-verified-badge {
  right: -23px !important;
  bottom: -13px !important;
  width: 104px !important;
  height: 104px !important;
}

.apd466-mini-shield {
  position: absolute !important;
  z-index: 8 !important;
  right: -20px !important;
  bottom: -12px !important;
  width: 74px !important;
  height: 74px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.apd466-identity-row-icon {
  display: block !important;
  width: 62px !important;
  height: 62px !important;
  flex: 0 0 62px !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.apd466-identity-row-icon > .apd724-verified-badge { width: 62px !important; height: 62px !important; }

/* Perfiles públicos y tarjetas del anfitrión. */
.apd16-profile-avatar > .apd724-verified-badge,
.apd16-host-avatar-wrap > .apd724-verified-badge {
  position: absolute !important;
  z-index: 8 !important;
  right: -17px !important;
  bottom: -12px !important;
  width: 72px !important;
  height: 72px !important;
}

.apd16-host-avatar-wrap > .apd724-verified-badge {
  right: -23px !important;
  bottom: -18px !important;
  width: 88px !important;
  height: 88px !important;
}

.apd27-verified-link > .apd724-verified-badge {
  display: inline-block !important;
  width: 62px !important;
  height: 62px !important;
  flex: 0 0 62px !important;
  margin: -12px 4px -12px -10px !important;
}

/* Miniaturas de anfitrión dentro de publicaciones. */
body.single-listing .apd52-host-avatar-link,
body.single-listing .apd19-host-strip-avatar { overflow: visible !important; }

body.single-listing .apd52-host-avatar-link > .apd724-verified-badge,
body.single-listing .apd19-host-strip-avatar > .apd724-verified-badge {
  position: absolute !important;
  z-index: 9 !important;
  right: -13px !important;
  bottom: -11px !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.single-listing .apd19-host-strip-avatar > .apd724-verified-badge {
  right: -15px !important;
  bottom: -13px !important;
  width: 50px !important;
  height: 50px !important;
}

/* Compatibilidad para módulos históricos que comparten la clase del avatar. */
.apd16-verified-badge {
  width: 88px !important;
  height: 88px !important;
  right: -23px !important;
  bottom: -18px !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  background: transparent var(--apd724-verified-medallion) center / contain no-repeat !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.apd16-verified-badge.apd724-verified-badge { background: transparent !important; }

/* Defeat old compact inline rules without changing the avatar or card layout. */
html body.apd724-unified-verification.single-listing .apd16-host-avatar-wrap > .apd724-verified-badge.apd16-verified-badge {
  right: -23px !important;
  bottom: -18px !important;
  width: 88px !important;
  height: 88px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.apd724-unified-verification .apd27-profile-card .apd16-profile-avatar > .apd724-verified-badge {
  right: -18px !important;
  bottom: -13px !important;
  width: 72px !important;
  height: 72px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Configuración del anfitrión: sólo la tarjeta que ya está verificada. */
[data-apd68-identity-card].is-verified :is(.apd22-identity-badge,.apd36-identity-icon) {
  width: 68px !important;
  height: 68px !important;
  flex: 0 0 68px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  background: transparent var(--apd724-verified-medallion) center / contain no-repeat !important;
  box-shadow: none !important;
}

[data-apd68-identity-card].is-verified :is(.apd22-identity-badge,.apd36-identity-icon) > * { display: none !important; }

/* Cuenta oficial del asistente: mismo símbolo maestro a escala compacta. */
.apd452-verified-badge {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  margin-left: 4px !important;
  border: 0 !important;
  background: transparent var(--apd724-verified-medallion) center / contain no-repeat !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .apd466-main-profile-badge { right: -15px !important; bottom: -9px !important; width: 68px !important; height: 68px !important; }
  .apd466-profile-verified-badge { right: -20px !important; bottom: -13px !important; width: 96px !important; height: 96px !important; }
  .apd16-profile-avatar > .apd724-verified-badge { right: -15px !important; bottom: -12px !important; width: 68px !important; height: 68px !important; }
  .apd27-verified-link > .apd724-verified-badge { width: 56px !important; height: 56px !important; flex-basis: 56px !important; }
}

@media (prefers-reduced-motion: no-preference) {
  .apd724-verified-badge > img { animation: apd724-verified-arrive .58s cubic-bezier(.2,.85,.3,1.18) both; }
}

@keyframes apd724-verified-arrive {
  from { opacity: 0; transform: translateY(5px) scale(.88) rotate(-4deg); }
  to { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
}
