.logo-text {
  font-weight: bold;
  font-style: italic;
  color: #315274;
  margin-left: 10px;
  font-size: 1.7rem;
}

.img-card-200 {
  width: fit-content;
  max-height: 200px;
}

.img-card-400 {
  max-width: 100%;
  max-height: 400px;
  object-fit: contain;
}

.link-title {
  font-size: 1.1rem;  /* Or adjust to 0.95rem or 0.875rem */
  font-weight: 600; /* Optional: keeps it bold without being huge */
  margin-bottom: 0.25rem;
  color: #2C3E50;
}

.link-title:hover {
  color: #4A6D8C;
}

/* Active page link */
.pagination .page-item.active .page-link {
  background-color: #2C3E50;
  border-color: #2C3E50;
  color: #ffffff;
}

/* Regular page links */
.pagination .page-link {
  color: #2C3E50;
  border-color: #dee2e6;
}

/* Hover effects */
.pagination .page-link:hover {
  background-color: #f0f4f8;
  color: #2C3E50;
}

/* Disabled (ellipses, arrows when inactive) */
.pagination .page-item.disabled .page-link {
  color: #adb5bd;
  background-color: transparent;
  border-color: transparent;
}



/* Lists block styles (keep these) */
.movie-lists-block {
  background-color: transparent;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}

.movie-lists-title {
  background-color: #f8f9fa;
  color: #495057;
  font-weight: 600;
  font-size: .9rem;
  padding: .3rem .75rem;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.movie-lists-ul {
  list-style: none;
  margin: 0;
  padding: .6rem .75rem;
  font-size: .9rem;
}

.movie-lists-ul li { margin: .1rem 0; }

.movie-lists-ul a {
  color: #2563eb;
  text-decoration: none;
}

.movie-lists-ul a:hover {
  color: #495057;
  text-decoration: none;
}

.movie-meta-aside > * { width: 100%; }

.popularity-line {
  font-weight: 600;       /* Bold */
  font-size: 1rem;        /* Slightly bigger */
  color: #495057;         /* Dark gray like before */
  text-align: right;      /* Push text to the right */
  width: 100%;            /* Make sure it spans the full column */
  margin-bottom: 0.25rem; /* same as .mb-1 in Bootstrap */
}

.movie-summary {
  line-height: 1.4; /* tighter line spacing */
  font-size: 0.95rem; /* between default (1rem) and small (0.875rem) */
}

.movie-lists-ul .disabled-link {
  color: #6c757d;
  text-decoration: none;
  cursor: default;
  font-style: italic;
}
.movie-lists-ul .disabled-link:hover {
  text-decoration: none;
  color: #6c757d;
}

/* Custom h2 styling - smaller size and reduced bottom margin */
h2 {
  font-size: 1.5rem; /* Smaller than Bootstrap's default 2rem */
  font-weight: 600;  /* Slightly lighter than default bold */
  margin-bottom: 0.5rem; /* Reduced from Bootstrap's default 1.5rem */
  line-height: 1.3; /* Tighter line height */
}

/* Custom search button styling */
.btn-search-custom {
  background-color: #2C3E50;
  border-color: #2C3E50;
  color: white;
}

.btn-search-custom:hover {
  background-color: #6c757d; /* Bootstrap's default hover grey */
  border-color: #6c757d;
  color: white;
}

/* Custom clear button styling */
.btn-clear-custom {
  background-color: transparent;
  border-color: #dee2e6;
  color: #6c757d;
}

.btn-clear-custom:hover {
  background-color: #dee2e6;
  border-color: #dee2e6;
  color: #495057; /* Dark color for the X on hover */
}

/* Popularity badge styling - pill-like seal appearance */
.popularity-badge {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  border: 1px solid #adb5bd;
  border-radius: 20px;
  padding: 0 2px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #495057;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: inline-block;
  white-space: nowrap;
  width: 80px;
}

/* Inline popularity badge for small screens */
.popularity-badge-inline {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  border: 1px solid #adb5bd;
  border-radius: 20px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #495057;
  text-align: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: inline-block;
  white-space: nowrap;
  width: 110px;
}

.popularity-score-value {
  font-size: 0.95rem;
  font-weight: 600;
  margin-top: -3px;
}

/* Consistent link color for sidebar and list links */
.card-body a,
.list-unstyled a {
  color: #2563eb !important;
}

.card-body a:hover,
.list-unstyled a:hover {
  color: #1d4ed8 !important;
}

/* Custom radio button styling to match link colors */
.form-check-input:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

.form-check-input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25) !important;
}

/* Smaller font size for movie list details and filters content */
.movie-lists-title + div {
  font-size: 0.875rem;
}

/* Override p-3 padding to match movie-lists-title left padding */
.movie-lists-title + div {
  padding: 0.75rem !important;
}

/* Featured Movie Lists specific styling */
.featured-movie-lists .movie-lists-title {
  font-size: 1.25rem !important; /* h5 size */
  font-weight: 600;
}

.featured-movie-lists .movie-lists-title + div {
  font-size: 0.95rem !important; /* Custom size for content */
}

/* Modern list styling for movie list details */
.movie-lists-title + div ul {
  margin-top: 0;
}

.movie-lists-title + div ul li {
  margin-bottom: 0.15rem;
}

/* Remove bottom margins from form-check and featured lists */
.movie-lists-title + div .form-check {
  margin-bottom: 0;
}

.featured-movie-lists .movie-lists-title + div ul li {
  margin-bottom: 0;
}

/* Sort dropdown fixed width on small screens */
@media (max-width: 767.98px) {
  .sort-dropdown {
    width: 200px !important;
    flex: none !important;
  }
  
  .input-group .sort-dropdown {
    flex: none !important;
  }
}