:root {
  --gin-color-focus: #0033a0;
  --gin-color-primary: #204ca5;
  --unpublished: #ffc5c5;
  --unpublished-hover: #ffdcdc;
}

.draggable--unpublished {
  background-color: var(--unpublished);
}

.draggable--unpublished:hover,
.draggable--unpublished:focus {
  background-color: var(--unpublished-hover);
}

.gin-secondary-toolbar--frontend {
  backdrop-filter: none;
  background: var(--gin-bg-layer);
}

.toolbar-fixed {
  transition-property: none;
}

.chosen-container {
  min-width: 200px;
}

.webform-component-select {
  min-width: 200px;
  width: unset;
}

.view-filters .views-exposed-form .form--inline {
  display: grid !important;
  grid-template-columns: 50% 50%;
}

.view-filters .views-exposed-form .form--inline #edit-actions {
  grid-column-end: 2;
  grid-column-start: 1;
}

/* ============================================================
   admin/content exposed filter layout
   ============================================================ */

.content-admin-filters {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 1.5rem;
  align-items: end;
}

/* Prevent grid blowout from long content */
.content-admin-filters > * {
  min-width: 0;
}

/* Row 1: Title (wide), Published Status, Content Type */
.content-admin-filters .js-form-item-title {
  order: 1;
  grid-column: span 2;
}
.content-admin-filters .js-form-item-status {
  order: 2;
}
.content-admin-filters .js-form-item-type {
  order: 3;
}

/* Row 2: Date Created, Date Updated */
.content-admin-filters #edit-created-wrapper {
  order: 4;
  grid-column: span 2;
}
.content-admin-filters #edit-changed-wrapper {
  order: 5;
  grid-column: span 2;
}

/* Row 3: Service Line, Team, Hospital Based Clinic, Subsite Parent */
.content-admin-filters .js-form-item-field-service-line-target-id {
  order: 6;
}
.content-admin-filters .js-form-item-field-team-target-id {
  order: 7;
}
.content-admin-filters .js-form-item-field-hospital-based-clinic-target-id {
  order: 8;
}
.content-admin-filters .js-form-item-title-1 {
  order: 9;
}

/* Row 4: Blog Category, EP Category, Featured Post, Tags */
.content-admin-filters .js-form-item-field-blog-category-value {
  order: 10;
}
.content-admin-filters .js-form-item-field-ep-category-value {
  order: 11;
}
.content-admin-filters .js-form-item-field-featured-post-value {
  order: 12;
}
.content-admin-filters .js-form-item-field-tags-target-id {
  order: 13;
}

/* Actions — push to end, align to last column */
.content-admin-filters .form-actions {
  order: 99;
  grid-column: 4;
}

/* Chosen dropdowns: fill their grid cell instead of using a JS-set pixel width */
.content-admin-filters .chosen-container {
  width: 100% !important;
  min-width: 0 !important;
}

/* Date fieldset: lay min/max inputs side by side */
.content-admin-filters .fieldset__wrapper {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.content-admin-filters .fieldset__wrapper .form-item {
  flex: 1;
  min-width: 0;
}

/* Hide the fieldset description to keep the date rows compact */
.content-admin-filters .fieldset__description {
  display: none;
}

/* ============================================================ */

.ukhc-progress #updateprogress {
  background-color: unset;
  border-radius: unset;
  display: unset;
  font-size: unset;
  height: unset;
  line-height: unset;
  overflow: unset;
}

.page-container:has(.page .main-content .ukhc-progress) {
  padding: 1.5rem;
}