/* Partnerships view — search bar + result cards */
/* Search bar: see view-shared.css */
/* Pager: see view-shared.css */

/* ============================================================
   SEARCH BAR — partnerships-specific overrides
   ============================================================ */

/* Hide "Paraula" label — placeholder is enough */
.partnerships-search-bar .form-item-title label {
  display: none;
}

/* Title input: first row, full width */
.partnerships-search-bar .form-item-title {
  order: -2;
  grid-column: 1 / -1;
  position: relative;
}

/* Text input padding for search icon */
.partnerships-search-bar .form-item input[type="text"],
.partnerships-search-bar .form-item input[type="search"] {
  padding: 0.625rem 1rem 0.625rem 2.5rem;
}

/* Search icon */
.partnerships-search-bar .form-item-title::after {
  content: 'search';
  font-family: 'Material Icons';
  position: absolute;
  left: 0.75rem;
  bottom: 0.325rem;
  font-size: 20px;
  color: #90A1B9;
  pointer-events: none;
}

/* ============================================================
   RESPONSIVE GRID — partnerships-specific (category + button)
   ============================================================ */

/* Tablet: title full + category + button */
@media (min-width: 500px) {
  .partnerships-search-bar .form-item-title {
    grid-column: 1 / -1;
  }

  .partnerships-search-bar .form-actions {
    grid-column: 1 / -1;
  }
}

/* Desktop: title full row, category + button same row */
@media (min-width: 768px) {
  .partnerships-search-bar .views-exposed-form {
    grid-template-columns: 1fr auto;
  }

  .partnerships-search-bar .form-item-title {
    grid-column: 1 / -1;
  }

  .partnerships-search-bar .form-actions {
    grid-column: auto;
  }
}

/* ============================================================
   RESULT CARDS
   ============================================================ */

/* Hide original Drupal view rows — we render cards from preprocess */
.partnerships-results > .views-element-container,
.partnerships-results > .view-content {
  display: none;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 767px) {
  .partnerships-search-bar .views-exposed-form {
    grid-template-columns: 1fr;
  }

  .partnerships-search-bar .form-item-title {
    grid-column: 1;
  }

  .partnerships-search-bar {
    padding: 1rem;
  }
}