// Search page styles

.search-page
  max-width 720px
  margin 0 auto
  padding $margin-l-0 $margin-m-1

.search-input-container
  margin-bottom $margin-l-0

.search-input
  width 100%
  padding $margin-m-1 $margin-m-2
  font-size $font-size-body
  border $line-third solid $color-border
  border-radius $margin-s-2
  background $color-background
  font-family $font-family
  font-weight 400

  &:focus
    outline none
    border-color $color-accent

.search-result-container
  min-height 200px

.search-result-message
  color $color-text-secondary
  padding $margin-l-0 0
  text-align center

.search-result-list
  list-style none
  padding 0
  margin 0

.search-result-item
  padding $margin-m-1 0
  border-bottom $line-third solid $color-border

  &:last-child
    border-bottom none

  // LocalSearch generates HTML with these classes
  .search-result-title
    margin-bottom $margin-s-2
    font-size $font-size-heading-h4

    a
      color $color-accent
      text-decoration none

      &:hover
        text-decoration underline

  .search-result
    text-style(body-default)
    color $color-text-primary
    margin-top $margin-s-2
    margin-bottom 0

  mark
    color $color-text-primary
    background-color $color-search-marker