/* assessment_list.css - Redesigned assessment list page aligned with start page */
:root {
  --as-list-max: 1200px;
}
.assessment-list {max-width: var(--as-list-max); margin:0 auto; padding: var(--pf-t--global--spacer--2xl) var(--pf-t--global--spacer--lg);}
.assessment-list__hero {text-align:center; margin-bottom: var(--pf-t--global--spacer--2xl);} 
.assessment-list__logo {margin:0 auto var(--pf-t--global--spacer--lg); height:72px; display:flex; align-items:center; justify-content:center;}
.assessment-list__logo .logo-svg {height:100%; width:auto; max-width:420px;}
.assessment-list__subtitle {max-width: 820px; margin: var(--pf-t--global--spacer--md) auto 0; font-size:1.05rem; color: var(--pf-t--global--text--color--subtle);} 

/* Filters */
.assessment-list__filters {display:flex; flex-wrap:wrap; gap: var(--pf-t--global--spacer--md); align-items:center; justify-content:space-between; margin-bottom: var(--pf-t--global--spacer--xl);} 
.assessment-list__search {flex:1 1 0px; position:relative;} 
.assessment-list__search input {width:100%; padding: .65rem .9rem; border:1px solid var(--pf-t--global--border-color--default); background: var(--pf-t--global--background-color--primary); border-radius: var(--pf-t--global--border-radius--default); font-size:.9rem;} 
.assessment-list__search input:focus {outline:2px solid var(--pf-t--global--color--brand--default); outline-offset:2px;}
.assessment-list__tags {display:flex; gap:.5rem; flex-wrap:wrap;}
.assessment-tag {background: var(--pf-t--global--background-color--secondary); border:1px solid var(--pf-t--global--border-color--default); border-radius:20px; padding:.25rem .75rem; font-size:.7rem; letter-spacing:.5px; text-transform:uppercase; cursor:pointer; transition: all .2s ease; color: var(--pf-t--global--text--color--subtle);} 
.assessment-tag:hover, .assessment-tag.active {border-color: var(--pf-t--global--color--brand--default); color: var(--pf-t--global--text--color--regular); background: var(--pf-t--global--background-color--primary);} 

/* Grid */
.assessment-list__grid {display:grid; gap: var(--pf-t--global--spacer--lg); grid-template-columns: repeat(auto-fill,minmax(280px,1fr));}
.assessment-card {background: var(--pf-t--global--background-color--primary); border:1px solid var(--pf-t--global--border-color--default); border-radius: var(--pf-t--global--border-radius--default); padding: var(--pf-t--global--spacer--lg); display:flex; flex-direction:column; gap: var(--pf-t--global--spacer--md); position:relative; transition: background .25s,border-color .25s,transform .25s, box-shadow .25s;}
.assessment-card__media {position:relative; aspect-ratio:16/9; width:100%; border-radius: var(--pf-t--global--border-radius--default); overflow:hidden; background: linear-gradient(135deg, rgba(250,190,48,0.15), rgba(250,190,48,0)); display:flex; align-items:center; justify-content:center;}
.assessment-card__media picture, .assessment-card__media img {width:100%; height:100%; object-fit:cover; display:block;}
.assessment-card__media--fallback {font-size:.65rem; letter-spacing:.5px; text-transform:uppercase; color: var(--pf-t--global--text--color--subtle); display:flex; flex-direction:column; gap:.25rem; align-items:center; justify-content:center; background: repeating-linear-gradient(45deg, rgba(250,190,48,.12) 0 10px, transparent 10px 20px), linear-gradient(135deg, var(--pf-t--global--background-color--secondary), var(--pf-t--global--background-color--primary));}
.pf-v6-theme-dark .assessment-card__media {background: linear-gradient(135deg, rgba(250,190,48,0.22), rgba(250,190,48,0));}
.assessment-card:hover {border-color: var(--pf-t--global--color--brand--default); transform: translateY(-3px); box-shadow:0 0 0 2px rgba(250,190,48,.18),0 2px 6px rgba(0,0,0,.20);}
.assessment-card__icon {display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:50%; background: rgba(250,190,48,.12); box-shadow: inset 0 0 0 1px rgba(250,190,48,.35); color: var(--pf-t--global--color--brand--default); font-size:1.4rem;}
.assessment-card h3 {margin:0; font-size:1rem;}
.assessment-card p {margin:0; font-size:.75rem; line-height:1.3; color: var(--pf-t--global--text--color--subtle);} 
.assessment-card__meta {display:flex; gap: .75rem; flex-wrap:wrap; font-size:.65rem; text-transform:uppercase; letter-spacing:.5px; color: var(--pf-t--global--text--color--subtle);} 
.assessment-card__meta span {display:flex; align-items:center; gap:.25rem;}
.assessment-card__actions {margin-top:auto; display:flex; gap:.5rem;}
.assessment-card__actions a {flex:1;}

/* Empty state — hidden by default; JS reveals it via style.display='block' when no results match */
.assessment-list__empty {display:none; text-align:center; padding: var(--pf-t--global--spacer--2xl) var(--pf-t--global--spacer--lg); color: var(--pf-t--global--text--color--subtle); font-size:.9rem;}

/* Dark theme tweaks */
.pf-v6-theme-dark .assessment-card {background: var(--pf-t--global--background-color--primary);} 
.pf-v6-theme-dark .assessment-tag {background: var(--pf-t--global--background-color--secondary);} 
.pf-v6-theme-dark .assessment-list__search input {background: var(--pf-t--global--background-color--primary);}

@media (max-width: 640px){
  .assessment-list {padding: var(--pf-t--global--spacer--xl) var(--pf-t--global--spacer--md);} 
  .assessment-list__filters {flex-direction:column; align-items:stretch;} 
  .assessment-list__tags {justify-content:flex-start;} 
}