/**
 * @file
 * NEW badge + homepage notification list alignment.
 * Kept out of style.css / main.css.
 */

.notifications-wrapper .notification-content .view,
.notification-content .view-content {
  margin: 0;
}

.notifications-wrapper .notification-content .views-row {
  margin: 0;
  padding: 0;
}

.notifications-wrapper .notification-content .tenders-vertical__track {
  padding: 0;
}

/*
 * Administrative display (block_4) had a legacy rule:
 *   .view-display-id-block_4 .field-content span { display: block; }
 * That turned the NEW badge into a full-width gold bar and clipped the title.
 */
.notifications-wrapper .view-display-id-block_4 .views-field.views-field-nothing .field-content .notification-item a span {
  display: inline;
  color: inherit;
}

.notifications-wrapper .view-display-id-block_4 .views-field.views-field-nothing .field-content span.notification-date {
  display: block;
  color: #999;
}

.notifications-wrapper .notification-item a {
  overflow: visible;
  -webkit-line-clamp: unset;
  display: inline;
}

.notification-item .nclt-new-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  padding: 1px 5px;
  max-height: 16px;
  border-radius: 2px;
  background: #c4a040;
  color: #fff !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.3;
  white-space: nowrap;
  vertical-align: middle;
  animation: nclt-new-blink 1.1s ease-in-out infinite;
}

@keyframes nclt-new-blink {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    transform: scale(0.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .notification-item .nclt-new-badge {
    animation: none;
  }
}