/* CC WOI frontend (optional)
   Light touch styling for the "current issue" shortcode card.
   Theme templates can override as needed. */

.woi-current .woi-card{
  display:block;
}

.woi-current .woi-thumb{
  margin-bottom:0.5rem;
}

.woi-archive-search{
  margin: 0 0 1.5rem;
}

.woi-search-form{
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 1rem;
  background: rgba(0,0,0,.02);
}

.woi-search-form__row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 10rem 10rem;
  gap: 1rem;
  align-items: end;
}

.woi-search-form__field label{
  display: block;
  margin-bottom: .35rem;
}

.woi-search-form input[type="search"],
.woi-search-form select{
  width: 100%;
}

.woi-search-form__actions{
  display: flex;
  gap: .75rem;
  align-items: center;
  flex-wrap: wrap;
}

.woi-search-form__reset{
  text-decoration: none;
}

.woi-archive-search__summary{
  margin: 0 0 1rem;
}

.woi-card__excerpt{
  margin-top: .5rem;
  font-size: .95em;
}

.woi-search-results__snippet{
  display: inline-block;
  margin-top: .25rem;
}








.woi-btn,
.woi-search-form button[type="submit"].woi-search-form__submit,
.woi-search-form a.woi-search-form__reset{
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 7rem;
  padding: .72rem 1rem;
  border-radius: .7rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .06s ease;
}

.woi-btn:hover,
.woi-search-form button[type="submit"].woi-search-form__submit:hover,
.woi-search-form a.woi-search-form__reset:hover{
  text-decoration: none;
  transform: translateY(-1px);
}

.woi-btn:active,
.woi-search-form button[type="submit"].woi-search-form__submit:active,
.woi-search-form a.woi-search-form__reset:active{
  transform: translateY(0);
}

.woi-btn--primary,
.woi-search-form button[type="submit"].woi-search-form__submit{
  background: #5b2bbf;
  color: #fff;
  border-color: #5b2bbf;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.woi-btn--primary:hover,
.woi-search-form button[type="submit"].woi-search-form__submit:hover{
  background: #4c23a0;
  border-color: #4c23a0;
  color: #fff;
}

.woi-btn--secondary,
.woi-search-form a.woi-search-form__reset{
  background: #fff;
  color: #2b2b2b;
  border-color: rgba(0,0,0,.14);
}

.woi-btn--secondary:hover,
.woi-search-form a.woi-search-form__reset:hover{
  background: rgba(0,0,0,.03);
  color: #111;
  border-color: rgba(0,0,0,.22);
}








@media (max-width: 782px){
  .woi-search-form{
    padding: .95rem;
  }

  .woi-search-form__row{
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    align-items: end;
  }

  .woi-search-form__field--query{
    grid-column: 1 / -1;
  }

  .woi-search-form__actions{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
    align-items: stretch;
    justify-content: stretch;
    order: 2;
  }

  .woi-search-form__actions .woi-btn,
  .woi-search-form__actions .woi-search-form__submit,
  .woi-search-form__actions .woi-search-form__reset{
    width: 100%;
    min-width: 0;
    padding: .68rem .8rem;
    min-height: 42px;
    font-size: .95rem;
  }

  .woi-search-form__field{
    width: 100%;
    min-width: 0;
  }

  .woi-search-form__field label{
    display: block;
    margin-bottom: .35rem;
  }

  .woi-search-form__field input,
  .woi-search-form__field select{
    width: 100%;
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
  }

  .woi-search-form__field--order{
    order: 3;
    grid-column: 1 / 2;
  }

  .woi-search-form__field--year{
    order: 4;
    grid-column: 2 / 3;
  }

  .woi-search-form__reset{
    margin-left: 0;
  }
}

@media (max-width: 480px){
  .woi-search-form{
    padding: .85rem;
  }

  .woi-search-form__row{
    gap: .65rem;
  }

  .woi-search-form__actions .woi-btn,
  .woi-search-form__actions .woi-search-form__submit,
  .woi-search-form__actions .woi-search-form__reset{
    font-size: .92rem;
    padding: .64rem .75rem;
  }
}