/**
 * @file Contains styling for the search page.
 */

.sv-facetedsearch-portlet {
    position: relative;
}

/*		Old		*/

.smhi-search__list {
    padding: 0;
}

.smhi-search__list-item {
    list-style: none;
    margin-bottom: 1rem;
    padding: 1rem;
}

/*		Sökruta	    */

.sv-facetedsearch-portlet button[type="submit"] {
    font-size: 1.125rem;
    padding: .75rem 1rem;
    transition: var(--bg-and-typocolor-animation);
}

/*		Sortering + filter	*/

.smhi-search__sort-and-filter .sv-search-facet-name {
    font-weight: 700;
    margin: 0 0 .5rem !important;
}

/*		Sortering	*/

.smhi-search__sort li {
    position: relative;
}

.smhi-search__sort a {
    padding: .75rem 1rem;
    margin-right: .5rem;
    border-radius: .125rem;
    border: 0.0625rem solid transparent;
    transition: var(--bg-and-typocolor-animation);
    display: flex;
    align-items: center;

    font-family: var(--font-family-text);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    color: var(--color-cloud-100) !important;
    text-decoration: none !important;
}

.smhi-search__sort li.sv-search-facet-item-selected a,
.smhi-search__sort a:hover {
    background-color: var(--color-sky-10);
    border: 0.0625rem solid var(--color-sky-60);
    transition: var(--bg-and-typocolor-animation);
    color: var(--color-cloud-100);
    text-decoration: none;
}

.smhi-search__sort a:focus-visible {
    transition: var(--bg-and-typocolor-animation);
    outline: var(--env-focus-size) solid var(--color-sky-60);
    outline-offset: var(--outline-offset-inside) !important;
    border-radius: 0;
}

.smhi-search__sort a:before {
    content: '';
    background-color: var(--env-form-input-background-color);
    border: .125rem solid var(--color-cloud-60);
    border-radius: 50%;
    display: inline-block;
    font: inherit;
    height: 1rem;
    margin: 0;
    padding: 0;
    width: 1rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smhi-search__sort li.sv-search-facet-item-selected a:before {
    background-color: var(--color-sky-60);
    border-color: var(--color-sky-60);
}

.smhi-search__sort li.sv-search-facet-item-selected a:after {
    border: .375rem solid var(--color-sky-60);
    box-shadow: inset .25rem .25rem var(--color-zenith);
    background-color: var(--color-zenith);
    border-radius: 50%;
    content: "";
    height: 1.25rem;
    width: 1.25rem;
    position: absolute;
    box-sizing: border-box;
}

.smhi-search__sort li.sv-search-facet-item-selected a:hover {
    background-color: var(--color-sky-20);
}

/*		Filter	    */

.smhi-search__filter-toggle svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem;
    display: none;
}

.smhi-search__filter-toggle:before {
    background-color: var(--color-sky-60);
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem;
    display: inline-block;
    -webkit-mask-image: url("/images/18.1e06e3b418b6c84bee331e/1706602845111/chevron-down-outline-24x24.svg");
    mask-image: url("/images/18.1e06e3b418b6c84bee331e/1706602845111/chevron-down-outline-24x24.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.smhi-search__filter-toggle--active,
.smhi-search__filter-toggle:active {
    transition: var(--bg-and-typocolor-animation);
    background: var(--color-sky-10) !important;
    color: var(--color-sky-60, #0C6BC4);
}

.smhi-search__filter-toggle--active:hover {
    background: var(--color-sky-20) !important;
}

.smhi-search__filter-toggle--active:before,
.smhi-search__filter-toggle--active svg {
    transform: rotate(-180deg);
}

.smhi-search__filter-dropdown {
    margin: 1rem 0;
}

.smhi-search__filter-container {
    padding: 1rem;
    gap: 1rem;
    background: var(--color-cloud-10);
}

.sv-search-facet .env-collapse-header {
    font-size: 1rem;
    border: 0.0625rem solid var(--color-cloud-30, #D0D6DB);
}

.sv-search-facet-items.env-collapse.env-collapse--show {
    margin: .5rem 0;
    border-radius: .125rem;
    background-color: var(--color-zenith);
    box-shadow: 0rem 0.25rem 0.75rem 0rem rgba(13, 25, 33, 0.08), 0rem 0.25rem 0.375rem 0rem rgba(13, 25, 33, 0.06);
}

.smhi-search__filter ul.env-collapse li,
.smhi-search__filter ul.env-collapse li:first-child {
    position: relative;
    color: var(--color-cloud-60);
    padding: 0 !important;
}

.smhi-search__filter ul.env-collapse li span,
.smhi-search__filter ul.env-collapse a {
    padding: .75rem 1rem;
    display: block;
    transition: var(--bg-and-typocolor-animation);
    text-decoration: none !important;
}

.smhi-search__filter ul.env-collapse a {
    color: var(--color-cloud-100) !important;
}

.smhi-search__filter ul.env-collapse a:hover {
    transition: var(--bg-and-typocolor-animation);
    background: var(--color-sky-10, #DEF1FF);
}

ul.env-collapse .sv-search-facet-item-selected a {
    transition: var(--bg-and-typocolor-animation);
    padding-left: .75rem;
    background: var(--color-sky-10, #DEF1FF);
    border-left: .25rem solid var(--color-sky-60, #0C6BC4);
}

ul.env-collapse .sv-search-facet-item-selected a:hover {
    background: var(--color-sky-20);
}

ul.env-collapse a:focus-visible {
    outline-offset: var(--outline-offset-inside) !important;
}

/*		Valda filter	*/

.smhi-search__chosen-filter {
    margin: 2rem 0;
    padding: 0;
    list-style: none;
    display: none;
}

.smhi-search__chosen-filter--visible {
    display: flex;
    flex-flow: wrap;
}

.smhi-search__chosen-item a {
    display: inline-block;
    margin-right: 1rem;
    padding: .5rem .5rem .5rem 1rem;
    border-radius: 6.25rem;
    border: 0.0625rem solid var(--color-cloud-30, #D0D6DB);
    line-height: 1.33;
    font-size: 1.125rem;
    text-decoration: none !important;
    color: var(--color-sky-60);
    transition: var(--bg-and-typocolor-animation);
}

.smhi-search__chosen-item svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    vertical-align: middle;
}

.smhi-search__chosen-item a:hover {
    background-color: var(--color-sky-10);
    border: 0.0625rem solid var(--color-sky-60);
    transition: var(--bg-and-typocolor-animation);
    color: var(--color-sky-60);
    text-decoration: none;
}

.smhi-search__chosen-item a:focus-visible {
    outline: .25rem solid var(--color-sky-60);
    outline-offset: 0;
}

/*	 Antal träffar	*/

.smhi-search__hit-count {
    color: var(--color-cloud-60);
}

/*		Resultat		*/

.smhi-search__list-item {
    position: relative;
    max-width: var(--max-text-content-width);
    box-sizing: border-box;
}

.smhi-search__hit-category {
    display: block;
    margin-bottom: 1rem;

    color: var(--color-cloud-100);
    font-family: var(--font-family-text);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.66;
}

.smhi-search__list-item a {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
}

.smhi-search__list-item a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.smhi-search__hit-summary {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    max-width: var(--max-text-content-width);
    margin-top: 0 !important;
    hyphens: auto;
    margin-bottom: 0!important;
}

.smhi-search__hit-meta {
    margin-top: .75rem;
}

.smhi-search__hit-meta p {
    color: var(--color-cloud-60);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    margin-top: 0;
}

/*		Paginering	*/
.pagination a,
.pagination span:not(env-assistive-text) {
    padding: .75rem 1rem;
    margin: 0;
    border: 0.0625rem solid var(--color-cloud-30, #D0D6DB);
    text-decoration: none !important;
    color: var(--color-sky-60, #0C6BC4);
    transition: var(--bg-and-typocolor-animation);
    border-left: 0.0625rem solid transparent;
    min-width: auto;
}

.pagination span.current:not(prev, next) {
    background: var(--color-sky-10, #B3DFFF);
    font-weight: 400;
    border: 0.0625rem solid var(--color-cloud-30, #D0D6DB);
    border-left: 0.0625rem solid transparent;
}

.pagination a:focus-visible {
    outline-offset: var(--outline-offset-inside);
}

.pagination a:hover,
.pagination span:not(env-assistive-text):hover {
    transition: var(--bg-and-typocolor-animation);
    background: var(--color-sky-10);
    color: var(--color-sky-60);
}

.pagination .prev {
    border-left: 0.0625rem solid var(--color-cloud-30);
    border-radius: .125rem 0 0 .125rem;
}

.pagination .next {
    border-right: 0.0625rem solid var(--color-cloud-30);
    border-radius: 0 .125rem .125rem 0;
}

.pagination span.current.prev,
.pagination span.current.next {
    border: 0.0625rem solid var(--color-cloud-30);
    color: var(--color-cloud-60);
}


/*      Specifikt för arkivsida     */

.sv-template-undersektionssida .smhi-search__sort-and-filter {
    margin-top: 2rem;
}

.sv-template-undersektionssida .smhi-search__sort-and-filter,
.sv-template-undersektionssida .smhi-search__sort {
    position: relative;
}

.sv-template-undersektionssida .smhi-search__sort {
    left: 0;
}

/*		desktop	*/
@media (min-width: 64.0625rem) {
    .smhi-search__sort {
        position: absolute;
        left: 26rem;
        top: 0;
    }

    .smhi-search__filter-container>* {
        min-width: calc((100%/4) - .75rem);
    }

    .sv-template-undersektionssida .smhi-search__filter-container>* {
        width: calc((100%/3) - .75rem);
    }

}

/*		tablet	*/
@media (min-width: 48rem) and (max-width: 64rem) {
    .smhi-search__sort-and-filter {
        position: relative;
        margin: 2rem 0;
    }

    .smhi-search__filter-container>* {
        min-width: calc((100%/2) - .5rem);
    }
}

/*		Desktop + tablet	*/
@media (min-width: 48rem) {
    .smhi-search__filter-toggle {
        position: absolute;
        top: 2rem;
        right: 0;
    }

    .smhi-search__filter-container {
        display: flex;
        align-items: flex-start;
        flex-flow: wrap;
    }

    .smhi-search__filter-container .env-checkbox {
        margin-top: 2rem;
    }

    .smhi-search__filter-container .env-checkbox .env-form-element__label {
        margin: 0;
    }

    .smhi-search__hit-count {
        margin-top: 2rem !important;
    }

    .pagination a,
    .pagination span:not(env-assistive-text) {
        font-size: 1.125rem;
    }

}

/*		Mobile*/

@media (max-width: 47.9375rem) {

    .sv-facetedsearch-portlet form .env-form-input-group {
        width: 100% !important;
    }

    .smhi-search__sort-and-filter {
        margin: 2rem 0;
    }

    .smhi-search__filter-container .sv-search-facet {
        margin-bottom: 1rem;
    }

    .smhi-search__filter-container .sv-search-facet:last-child {
        margin: 0;
    }

    .smhi-search__hit-count {
        margin-top: 1.5rem !important;
    }

    .smhi-search__hit-meta p {
        margin-top: .5rem;
    }
}