@import './apps/commudle-admin/src/assets/styles/variables';

a,
a:hover,
a:focus,
a:active {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

.user-profile-large {
  .avatar {
    @apply com-h-[48px] com-w-[48px] com-rounded-full com-object-cover com-object-center com-align-middle com-bg-tWhite;
  }

  .details {
    @apply com-ml-3 com-w-full;

    .name {
      @apply com-flex com-items-center;
      p {
        @apply com-font-medium com-text-sm com-text-Yankees-Blue com-line-clamp-1;
        word-break: break-word;
      }
    }

    .username {
      @apply com-text-xs com-font-normal com-text-gray-500 com-m-0 com-line-clamp-1 com-w-max com-mt-1;
      word-break: break-word;
    }

    .designation {
      @apply com-mt-1 com-text-xs com-font-normal com-text-gray-500;
      word-break: break-word;
    }

    .about {
      @apply com-mt-1 com-text-sm com-font-normal com-text-black;
      word-break: break-word;
    }

    .speaker-count {
      @apply com-h-full com-flex-shrink-0;
    }

    .social {
      a {
        nb-icon {
          font-size: $fs-h5;
        }
      }
    }
  }
}

.followers {
  @apply com-mt-4;
}

.align-right {
  @apply com-flex com-ml-auto com-m-0;
}

//TODO deprecate ASAP
app-badge {
  &::ng-deep {
    div {
      @apply com-bg-Bright-Gray-opacity-60;
    }
  }
}

.name-header {
  @apply com-flex com-flex-row com-justify-between com-items-center;
}

.align-right-speaker-count {
  @apply com-mr-3;
}

.desktop-speaker-count {
  @apply com-m-0;
}

.followers-count {
  @apply com-text-xs com-font-medium com-text-gray-500 com-m-0 com-mr-2 com-flex-shrink-0 com-mt-2;
  span {
    @apply com-text-Yankees-Blue;
  }
}

.leader {
  @apply com-text-orange-500 com-border-0 com-bg-orange-50 com-h-full #{!important};
}

.talks-leader {
  @apply com-flex com-flex-row com-items-center com-gap-2 com-mt-2;
}
