/* =============================================================================
   Indexed search
   ========================================================================== */

/* The plugin's text is scaled like every other content block on the page:
   80% of the global font size matches Live's 17.6px */
.frame-type-indexedsearch_pi2 {
  font-size: 80%;
  color: rgb(var(--c-neutral-darker));
}

.tx-indexedsearch-searchbox {
  margin-bottom: 2rem;
}

/* Live: legend + form fields shrink-wrapped on the left, "Advanced search"
   floats up next to the legend */
.tx-indexedsearch-searchbox fieldset {
  float: left;
  border: none;
  padding: 0;
  margin: 0;
}

.tx-indexedsearch-searchbox legend {
  padding: 0;
  font-weight: var(--f-weight-n);
}

.tx-indexedsearch-searchbox form > p {
  margin: 0;
  padding: 3px 0 0 1rem;
  overflow: hidden;
}

.tx-indexedsearch-searchbox form::after {
  content: '';
  display: block;
  clear: both;
}

.tx-indexedsearch-rules {
  display: none;
}

.tx-indexedsearch-form {
  margin-bottom: 0.5rem;
}

.tx-indexedsearch-form label {
  display: block;
  margin-bottom: 0.2rem;
}

.tx-indexedsearch-searchbox-sword {
  box-sizing: border-box;
  width: 12.2em;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.25;
  color: rgb(var(--c-neutral-darker));
  border: 1px solid rgb(var(--c-neutral-light));
}

.tx-indexedsearch-search-submit {
  margin-top: 0.5rem;
}

.tx-indexedsearch-search-submit .tx-indexedsearch-searchbox-button {
  text-transform: none;
  border: none;
  cursor: pointer;
  margin-top: 10px;
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
  padding: 5px 10px;
  font-size: 100%;
  font-family: var(--f-family);
  font-weight: var(--f-weight-n);
  line-height: 1.25;
}

@media (hover: hover) {
  .tx-indexedsearch-search-submit .tx-indexedsearch-searchbox-button:hover {
    background: rgb(var(--c-primary-dark));
  }
}

/* Subsection: result list */

.tx-indexedsearch-icon,
.tx-indexedsearch-percent,
.tx-indexedsearch-text-item-size,
.tx-indexedsearch-text-item-crdate,
.tx-indexedsearch-text-item-mtime {
  display: none;
}

.tx-indexedsearch-res {
  border-bottom: 1px solid rgb(var(--c-neutral-light));
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.tx-indexedsearch-res h3 {
  margin: 0;
  font-size: 100%;
  font-family: var(--f-family-2);
  font-weight: var(--f-weight-b);
  line-height: 1.2;
  text-transform: uppercase;
  color: rgb(var(--c-neutral-darker));
}

.tx-indexedsearch-title a {
  color: rgb(var(--c-neutral));
}

.tx-indexedsearch-description {
  padding-bottom: 1rem;
}

.tx-indexedsearch-redMarkup {
  color: inherit;
  font-weight: var(--f-weight-b);
}

.tx-indexedsearch-info {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  margin-bottom: 0;
}

/* Subsection: pagination */

.tx-indexedsearch-info-sword {
  clear: both;
  margin: 1em 0;
}

div.tx-indexedsearch-browsebox {
  margin: 1em 0;
}

ul.tx-indexedsearch-browsebox {
  padding: 0;
  margin: 1em 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  list-style: none;
}

.tx-indexedsearch-browsebox li {
  list-style-type: none;
  color: rgb(var(--c-neutral-lightest));
  padding: 5px 10px;
  margin: 0 5px 0.3rem 0;
  background: rgb(var(--c-primary));
}

.tx-indexedsearch-browsebox li a {
  color: rgb(var(--c-neutral-lightest));
}

.tx-indexedsearch-browselist-next a::after {
  content: ' >';
}

/* Live keeps every page pill blue (its #page rule outranks the current/hover
   colors); the current page is only bold */