/* UrbanAI UI - Brand global */
.ua-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color: inherit;
}

.ua-mark{
  width:44px;height:44px;border-radius:18px;
  background: linear-gradient(135deg, #0ea5e9, #6366f1);
  box-shadow: 0 18px 45px rgba(14,165,233,.25);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}

.ua-mark::after{
  content:"";
  position:absolute;inset:-45%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: rotate(20deg);
  animation: uaShine 2.8s ease-in-out infinite;
}

.ua-icon{
  font-size:18px;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.25));
}

.ua-brand-text{display:flex;flex-direction:column;line-height:1}

.ua-title{
  font-size:20px;
  font-weight:900;
  text-transform:uppercase;
  font-style:italic;
  letter-spacing:.5px;
}

.ua-accent{color:#38bdf8}

.ua-subtitle{
  margin-top:2px;
  font-size:9px;
  color:#38bdf8;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2em;
}

@keyframes uaShine{
  0%{transform:translateX(-60%) rotate(20deg)}
  55%{transform:translateX(60%) rotate(20deg)}
  100%{transform:translateX(60%) rotate(20deg)}
}

/* Image logo mode */
.ua-mark.ua-image{
  background: rgba(255,255,255,.06);
  box-shadow:none;
}
.ua-mark.ua-image::after{display:none}
.ua-logo-img{
  width:28px;height:28px;
  object-fit:contain;
  border-radius:8px;
}
/* Optional: mică adaptare pentru pagini light */
body.ua-light .ua-title{color:#0b1220}
body.ua-light .ua-subtitle{color:#0ea5e9}
body.ua-light .ua-accent{color:#0ea5e9}