/* Diaries/Agenda view — matching /ca/cerca (cerca-avancada) exactly */
/* Search bar: see view-shared.css */
/* Pager: see view-shared.css */

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

/* Override min-height for diaries inputs (36px vs shared 40px) */
.diaries-search-bar .form-item input[type="text"],
.diaries-search-bar .form-item input[type="search"],
.diaries-search-bar .form-item input[type="date"] {
  min-height: 36px;
}

.diaries-search-bar .form-item select {
  min-height: 36px;
}

.diaries-search-bar .form-actions input[type="submit"] {
  min-height: 36px;
}

/* ============================================================
   RESPONSIVE GRID — diaries-specific (3 cols: date + date + select)
   ============================================================ */

@media (min-width: 768px) {
  .diaries-search-bar .views-exposed-form {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .diaries-search-bar .form-actions {
    grid-column: auto;
    justify-self: start;
    align-self: end;
  }
}

/* ============================================================
   SIDEBAR FILTERS — matching cerca-avancada sidebar
   ============================================================ */

.diaries-sidebar input[type="radio"] {
  accent-color: var(--color-primary, #155DFC);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.diaries-sidebar label:hover {
  color: var(--color-primary, #155DFC);
}

/* Details/summary — collapsible on mobile, always open on desktop */
.diaries-sidebar__details {
  overflow: hidden;
}

/* Remove default marker/triangle */
.diaries-sidebar__summary::-webkit-details-marker,
.diaries-sidebar__summary::marker {
  display: none;
  content: '';
}

/* Arrow rotation when open */
.diaries-sidebar__details[open] .diaries-sidebar__arrow {
  transform: rotate(180deg);
}

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

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

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

/* Mobile: results first, sidebar below */
@media (max-width: 767px) {
  .diaries-search-bar {
    padding: 1rem;
  }

  .diaries-layout {
    display: flex;
    flex-direction: column;
  }

  .diaries-sidebar {
    order: 1;
  }

  .diaries-results {
    order: 2;
  }
}

/* Desktop: sidebar always open, hide toggle arrow */
@media (min-width: 768px) {
  .diaries-sidebar__content {
    display: block !important;
  }

  .diaries-sidebar__arrow {
    display: none;
  }

  .diaries-sidebar__summary {
    cursor: default;
  }
}