/* =====================================================================
   pages/events.css — Events listing page.
   Reuses news-grid (incl. .three 3-col) + toolbar + pagination from common.css.
   Adds the section sub-heading style for "Upcoming events" / "Past events".
   ===================================================================== */

/* Sub-section heading used between toolbar and grid */
.events-subhead{
  font-size:24px;font-weight:800;
  color:var(--sp-secondary-d);
  letter-spacing:-.3px;
  margin-bottom:18px;
}

body.skin #block-pirt-main-content .views-element-container:has(#views-exposed-form-pirt-events-page-1){
  max-width:var(--container-max,1240px);
  margin:0 auto;
}

body.skin #views-exposed-form-pirt-events-page-1{
  margin:0 0 34px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  background:#fff;
  border:1px solid rgba(0,34,66,.08);
  border-radius:8px;
  box-shadow:0 12px 28px rgba(10,37,64,.06);
}

body.skin #views-exposed-form-pirt-events-page-1 .form-item{
  margin:0;
}

body.skin #views-exposed-form-pirt-events-page-1 .form-item-q.form-no-label{
  display:none;
}

body.skin #views-exposed-form-pirt-events-page-1 label{
  display:none;
}

body.skin #views-exposed-form-pirt-events-page-1 input,
body.skin #views-exposed-form-pirt-events-page-1 select{
  width:100%;
  min-height:46px;
  padding:0 16px;
  border:1px solid #d8e1ea;
  border-radius:8px;
  background:#fff;
  color:#062940;
  font:inherit;
}

body.skin #views-exposed-form-pirt-events-page-1 .form-actions{
  margin:0;
}

body.skin #views-exposed-form-pirt-events-page-1 .form-submit{
  min-height:46px;
  padding:0 20px;
  border:0;
  border-radius:8px;
  background:#008a8a;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

body.skin #block-pirt-main-content .events-list-actions{
  display:flex;
  justify-content:flex-end;
  margin:-12px 0 24px;
}

body.skin #block-pirt-main-content .events-section + .events-section{
  margin-top:52px;
}

@media (max-width:720px){
  body.skin #views-exposed-form-pirt-events-page-1{
    grid-template-columns:1fr;
    padding:16px;
  }

  body.skin #block-pirt-main-content .events-list-actions{
    justify-content:flex-start;
  }
}