/*
 *
 * City University of Hong Kong
 * ----------------------------
 * Site Specific CSS
 *
 */
/* ============================ Place your custom CSS here */
/* 3+1+X  PDF ȫʾ */
#brochure-pdf {
  display: block;

  /* أȡģκ max-width  */
  width: 100% !important;
  max-width: none !important;

  /* ߶أͬȡ max-height  */
  height: 900px !important;     /* ҪԼ */
  max-height: none !important;

  border: none;
  margin: 0;
  padding: 0;
}

/* Filter Button Styles */
.qri-filter-btn {
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  color: #999;
  transition: all 0.2s ease-in-out;
}

.qri-filter-btn:hover {
  background-color: #e2e6ea;
  border-color: #adb5bd;
  color: #495057; /* Darken slightly on hover for better visibility */
}

.qri-filter-btn:focus, 
.qri-filter-btn.show,
.qri-filter-btn.active {
  background-color: #fff;
  border-color: #b61f24; /* CityU Red */
  box-shadow: 0 0 0 0.25rem rgba(182, 31, 36, 0.25);
  color: #b61f24;
}

.qri-filter-btn.active i,
.qri-filter-btn.show i {
    color: #b61f24;
}

/* Dropdown item active state */
.dropdown-item.active, .dropdown-item:active {
    background-color: #b61f24;
}

/* Hide default dropdown arrow if customized with icon */
.qri-filter-btn::after {
    display: none;
}

/* Reset Button Styles */
.qri-filter-reset {
  color: #999;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.qri-filter-reset:hover {
  color: #b61f24;
}

.qri-filter-reset i {
  transition: transform 0.5s ease;
}

.qri-filter-reset:hover i {
  transform: rotate(180deg);
}

/* Pagination Active State */
.page-item.active .page-link {
    background-color: #cc103c !important;
    border-color: #cc103c !important;
    color: #fff !important;
}

.page-link {
    color: #cc103c;
}

.page-link:hover {
    color: #a80d32;
}

.cityu-news-img-placeholder {
  width: 100%;
  height: 100%;
  background-color: #f1f3f5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  font-size: 0.875rem;
}