/**
 * T+ — هوية العلامة · أخضر + ذهبي + لمعان
 */
@keyframes tplusSheen {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.brand-wordmark {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
  font-family: Cairo, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
  vertical-align: baseline;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    112deg,
    #15803d 0%,
    #16a34a 16%,
    #22c55e 30%,
    #86efac 42%,
    #fef08a 54%,
    #fde047 64%,
    #eab308 78%,
    #ca8a04 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  filter:
    drop-shadow(0 1px 0 rgba(15, 23, 42, 0.06))
    drop-shadow(0 8px 16px rgba(34, 197, 94, 0.14));
  animation: tplusSheen 5.5s ease-in-out infinite;
}

.brand-wordmark .brand-plus {
  display: inline;
  font-size: 0.76em;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  vertical-align: baseline;
}

/* Nashwan — نص محايد بجانب T+ */
.brand-lockup {
  display: inline-flex;
  align-items: baseline;
  gap: 0.38em;
  direction: ltr;
  unicode-bidi: isolate;
}

.brand-nashwan {
  font-family: Cairo, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #94a3b8;
  background: none;
  -webkit-text-fill-color: currentColor;
  filter: none;
  animation: none;
}

.brand-wordmark--sm {
  font-size: 15px;
}

.brand-lockup--login {
  justify-content: center;
  margin: 4px 0 2px;
}

.brand-lockup--login .brand-nashwan {
  font-size: 22px;
}

.brand-lockup--login .brand-wordmark {
  font-size: 26px;
}

[data-theme="dark"] .brand-nashwan {
  color: #9ca3af;
}

@media (prefers-reduced-motion: reduce) {
  .brand-wordmark {
    animation: none;
    background-size: 100% 100%;
  }
}

/* حبة الشعار — مشتركة (اختيار المركبة · لوحة الكابتن) */
.tplus-brand-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  flex-shrink: 0;
  background: linear-gradient(180deg, #f8fbf9 0%, #f1f5f2 100%);
  border: 1px solid rgba(25, 169, 116, 0.14);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.tplus-brand-type {
  display: block;
  font-family: Cairo, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 1;
  color: #19a974;
}

.tplus-brand-plus {
  display: inline;
  font-size: 0.78em;
  font-weight: 900;
  color: #ca8a04;
  vertical-align: baseline;
}