/* Custom styles for Haramain Store */

/* Job Application Exam - video title + counter layout in card header */
.card-header.d-flex.justify-content-between.align-items-center {
  white-space: nowrap; /* keep header content on one line */
}

.card-header #video-title {
  white-space: nowrap;         /* keep title on one line */
  overflow-x: auto;            /* horizontal scroll when too long */
  overflow-y: hidden;
  display: block;              /* make the title itself the scroll container */
  max-width: calc(100% - 70px); /* leave room for the counter */
}

.card-header #video-counter {
  white-space: nowrap;  /* prevent counter from wrapping */
  margin-left: 0.5rem;
}