/* ==========================================================================
   QUORIT — Resources Stylesheet (resources.css)
   Clean, Minimal PDF / Document Resource Library
   Palette:
     Primary Red:       #D3171D
     Deep Red:          #A91F24
     Primary Orange:    #F78545
     Scientific Blue:   #292D76
     Scientific Green:  #10974A
     Soft Orange:       #FDE5D5
     Soft Red:          #FBE4E5
     Warm Off White:    #FCFAF8
     White:             #FFFFFF
     Primary Text:      #252525
     Secondary Text:    #667085
     Border:            #E8E1DC
   ========================================================================== */

#resources-page {
  min-height: 60vh;
}

/* Custom Micro-interactions & Visual Tokens */
.custom-border {
  border: 1px solid #E8E1DC;
}

.elevation-soft {
  box-shadow: 0 4px 20px -4px rgba(37, 37, 37, 0.04), 0 2px 6px -1px rgba(37, 37, 37, 0.02);
}

/* PDF Resource Card Styling */
.pdf-resource-card {
  background: #ffffff;
  border: 1px solid #E8E1DC;
  border-radius: 16px;
  box-shadow: 0 2px 8px -2px rgba(37, 37, 37, 0.03);
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.28s ease;
}

.pdf-resource-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -8px rgba(37, 37, 37, 0.08), 0 4px 12px -2px rgba(37, 37, 37, 0.03);
  border-color: rgba(211, 23, 29, 0.4);
}

.pdf-thumbnail-img {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.pdf-resource-card:hover .pdf-thumbnail-img {
  transform: scale(1.02);
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* PDF Resource Action Buttons (Open & Download) */
.resource-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 42px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 8px;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

/* Primary Button: OPEN PDF */
.open-pdf-btn,
.resource-open {
  background-color: #D3171D !important;
  color: #ffffff !important;
  border: 1.5px solid #D3171D !important;
}

.open-pdf-btn:hover,
.resource-open:hover {
  background-color: #A91F24 !important;
  border-color: #A91F24 !important;
  color: #ffffff !important;
  transform: translateY(-1.5px);
  box-shadow: 0 4px 12px rgba(211, 23, 29, 0.25);
}

.open-pdf-btn:active,
.resource-open:active {
  transform: translateY(0);
}

/* Secondary Outlined Button: DOWNLOAD PDF */
.download-pdf-btn,
.resource-download {
  background-color: #ffffff !important;
  color: #D3171D !important;
  border: 1.5px solid #D3171D !important;
}

.download-pdf-btn:hover,
.resource-download:hover {
  background-color: #FBE4E5 !important;
  color: #A91F24 !important;
  border-color: #A91F24 !important;
  transform: translateY(-1.5px);
  box-shadow: 0 4px 12px rgba(211, 23, 29, 0.12);
}

.download-pdf-btn:active,
.resource-download:active {
  transform: translateY(0);
}

/* Filter button pill styling */
.resource-filter-btn {
  padding: 8px 18px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid #E8E1DC;
  background-color: #ffffff;
  color: #667085;
  cursor: pointer;
  white-space: nowrap;
}

.resource-filter-btn:hover {
  background-color: #FDE5D5;
  border-color: #F78545;
  color: #252525;
}

.resource-filter-btn.active {
  background-color: #292D76;
  border-color: #292D76;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(41, 45, 118, 0.2);
}