/* clone-overrides.css
   Small overrides to better match the provided UI template and to
   fill in missing assets (e.g., avatar frame image) with CSS. */

/* Decorative ring/frame for avatar (replacement for missing overlay image) */
.header-user .image { position: relative; }
.header-user .image .dragon-overlay{
  position:absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border-radius: 50%;
  background: conic-gradient(from 180deg, #667eea, #764ba2, #f093fb, #667eea);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
  opacity: .95;
  pointer-events:none;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.22));
}

/* Search fallback image block (used when data-image missing) */
.search-fallback-img{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(102,126,234,.15);
  box-shadow: inset 0 0 0 1px rgba(102,126,234,.20);
}

/* Make the top menu active state visible */
#top-menu-right a.menu-item.active{
  background: rgba(102,126,234,.14);
  border-color: rgba(102,126,234,.30);
}