/* Documents library page. */

.highlighted .filter-bar{
  display:grid;
  gap:14px;
  margin:22px 0 0;
  padding:18px;
  background:#fff;
  border:1px solid var(--sp-line);
  border-radius:14px;
  box-shadow:var(--sp-shadow);
}

.highlighted .filter-bar .search-bar{
  margin:0;
  box-shadow:none;
}

.highlighted .filter-bar .filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pirt-documents-filter{
  display:grid;
  gap:14px;
  margin:30px 0 0;
  padding:18px;
  background:#fff;
  border:1px solid var(--sp-line);
  border-radius:8px;
  box-shadow:var(--sp-shadow);
}

.pirt-documents-filter .search-bar{
  margin:0;
  box-shadow:none;
}

.pirt-documents-filter .filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pirt-documents-filter .results-meta{
  margin:0;
}

.pirt-documents-group{
  padding:42px 0;
}

body.skin #block-pirt-main-content .views-element-container > [class*="js-view-dom-id-"]:has(.pirt-documents-group){
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
  margin-top:0 !important;
}

.pirt-documents-sections{
  display:block;
}

body.skin .view-id-pirt-documents .view-content,
body.skin .view-pirt-documents .view-content{
  display:block !important;
}

.pirt-documents-group + .pirt-documents-group{
  border-top:1px solid var(--sp-line);
}

.pirt-documents-group .section-head{
  margin-bottom:22px;
}

.pirt-documents-group .section-title{
  color:var(--sp-secondary-d);
}

.pirt-documents-group .section-desc{
  max-width:760px;
  color:var(--sp-muted);
  font-size:15px;
  line-height:1.6;
}

.doc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.doc{
  display:flex;
  flex-direction:column;
  min-height:100%;
  background:#fff;
  border:1px solid var(--sp-line);
  border-radius:10px;
  padding:22px;
  box-shadow:var(--sp-shadow);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}

.doc:hover{
  transform:translateY(-3px);
  box-shadow:var(--sp-shadow-md);
  border-color:rgba(0,145,194,.45);
}

.doc-icon{
  position:relative;
  width:52px;
  height:62px;
  border-radius:8px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:10px;
  margin-bottom:16px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}

.doc-icon::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  border-style:solid;
  border-width:0 16px 16px 0;
  border-color:transparent #fff transparent transparent;
}

.doc-icon.pdf{
  background:linear-gradient(135deg,#ce3836,#9f2928);
}

.document-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
}

.document-card__title{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.4;
}

.document-card__title a{
  color:var(--sp-secondary-d);
  text-decoration:none;
}

.document-card__title a:hover{
  color:var(--sp-primary);
}

.document-card__excerpt{
  flex:1;
  margin:0 0 14px;
  color:var(--sp-muted);
  font-size:13px;
  line-height:1.6;
}

.doc-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding-top:14px;
  border-top:1px solid var(--sp-line);
  color:var(--sp-muted);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.document-card__download{
  margin-top:12px;
}

.doc-cta-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  padding:24px 28px;
  background:linear-gradient(135deg,var(--sp-peach-soft,#fdeede),#fff);
  border:1px solid var(--sp-peach,#eeb092);
  border-radius:10px;
}

.doc-cta-panel strong{
  display:block;
  color:var(--sp-secondary-d);
  font-size:18px;
  line-height:1.35;
}

.doc-cta-panel p{
  margin:5px 0 0;
  color:var(--sp-secondary-d);
  font-size:14px;
  line-height:1.55;
}

.doc-cta-panel .btn{
  white-space:nowrap;
}

.doc-help-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:12px 0 22px;
  padding:28px;
  background:#fff;
  border:1px solid var(--sp-line);
  border-radius:8px;
  box-shadow:var(--sp-shadow);
}

.doc-help-band h2{
  margin:6px 0 8px;
  color:var(--sp-secondary-d);
  font-size:24px;
  line-height:1.35;
}

.doc-help-band p{
  max-width:760px;
  margin:0;
  color:var(--sp-muted);
  line-height:1.6;
}

.doc-next-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:42px;
}

.doc-action{
  display:flex;
  min-height:132px;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  padding:20px;
  background:#fff;
  border:1px solid var(--sp-line);
  border-radius:8px;
  color:var(--sp-secondary-d);
  text-decoration:none;
  box-shadow:var(--sp-shadow);
  transition:border-color .2s,box-shadow .2s,transform .2s;
}

.doc-action:hover{
  transform:translateY(-2px);
  border-color:rgba(1,128,129,.4);
  box-shadow:var(--sp-shadow-md);
}

.doc-action strong{
  font-size:16px;
  line-height:1.35;
}

.doc-action span{
  color:var(--sp-muted);
  font-size:13.5px;
  line-height:1.55;
}

@media (max-width:1024px){
  .doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  .highlighted .filter-bar{padding:14px}
  .doc-grid{grid-template-columns:1fr}
  .doc-cta-panel{align-items:flex-start}
  .doc-cta-panel .btn{width:100%;text-align:center}
  .doc-help-band{align-items:flex-start;flex-direction:column;padding:22px}
  .doc-help-band .btn{width:100%;text-align:center}
  .doc-next-actions{grid-template-columns:1fr}
}