/* Search UI used only on the /news-serial/ category page. */
.sl-news-category-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 0 18px !important;
}

.sl-news-category-heading .sl-news-category-intro {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sl-news-category-heading .sl-news-h1 {
    margin: 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

.sl-news-category-heading .sl-news-h1::before,
.sl-news-category-heading .sl-news-h1::after {
    content: none !important;
    display: none !important;
}

html body .sl-news-category-heading .sl-news-category-search {
    position: relative !important;
    flex: 0 0 290px !important;
    width: 290px !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 32px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 3px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #d7d9dc !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 18px rgba(20, 24, 28, .06) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

html body .sl-news-category-heading .sl-news-category-search:focus-within {
    border-color: rgba(92, 149, 54, .72) !important;
    box-shadow: 0 0 0 3px rgba(119, 194, 66, .12), 0 10px 26px rgba(20, 24, 28, .09) !important;
}

.sl-news-category-search__field {
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 7px 0 11px !important;
    cursor: text !important;
}

.sl-news-category-search__field > .fa {
    flex: 0 0 auto !important;
    color: #5b615b !important;
    font-size: 14px !important;
}

html body .sl-news-category-search__field input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #202220 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font: 600 14px/1.2 "Open Sans", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    appearance: none !important;
}

html body .sl-news-category-search__field input[type="search"]::placeholder {
    color: #7a807a !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

.sl-news-category-search__field input::-webkit-search-cancel-button {
    cursor: pointer;
    opacity: .56;
}

html body .sl-news-category-search__submit {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f4f6f2 !important;
    background: #292c29 !important;
    border: 0 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: color .2s ease, background-color .2s ease, transform .2s ease !important;
}

html body .sl-news-category-search__submit::before,
html body .sl-news-category-search__submit::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .sl-news-category-search__submit:hover,
html body .sl-news-category-search__submit:focus-visible {
    color: #14200e !important;
    background: #77c242 !important;
    outline: 0 !important;
}

.sl-news-category-search__submit .fa {
    font-size: 13px !important;
    transition: transform .2s ease !important;
}

.sl-news-category-search__submit:hover .fa {
    transform: translateX(2px) !important;
}

.sl-news-item[hidden],
.sl-news-search-empty[hidden],
.sl-news-search-results[hidden],
.sl-news-search-result[hidden] {
    display: none !important;
}

.sl-news-search-results {
    margin: 0 0 28px !important;
    padding: 4px 0 0 !important;
}

.sl-news-search-results__head {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 6px !important;
    padding: 0 10px 12px !important;
    color: #202220 !important;
    border-bottom: 1px solid #dfe1df !important;
}

.sl-news-search-results__head strong {
    font-size: 19px !important;
    line-height: 1.3 !important;
}

.sl-news-search-results__head span {
    color: #747a74 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.sl-news-search-results__list {
    display: block !important;
}

.sl-news-search-result {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    padding: 14px 10px !important;
    color: #222522 !important;
    background: transparent !important;
    border-bottom: 1px solid #e4e6e4 !important;
    text-decoration: none !important;
    transition: color .18s ease, background-color .18s ease, padding-left .18s ease !important;
}

.sl-news-search-result:hover,
.sl-news-search-result:focus-visible {
    padding-left: 14px !important;
    color: #315f2b !important;
    background: #f4f6f3 !important;
    outline: 0 !important;
}

.sl-news-search-result__title {
    min-width: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.sl-news-search-result__date {
    flex: 0 0 auto !important;
    color: #7d827d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.sl-news-search-empty {
    margin: 2px 12px 20px !important;
    padding: 16px 0 !important;
    color: #666c66 !important;
    border-bottom: 1px solid #e0e2e0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

html.sl-news-search-active .sl-news-hotrail,
html.sl-news-search-active .main > .sect,
html.sl-news-search-active .category-header--bottom,
html.sl-news-search-active .navigation {
    display: none !important;
}

html.sl-admin-dark body .sl-news-category-heading .sl-news-category-search {
    background: #242524 !important;
    border-color: #3c3e3c !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important;
}

html.sl-admin-dark body .sl-news-category-heading .sl-news-category-search:focus-within {
    border-color: rgba(119, 194, 66, .62) !important;
    box-shadow: 0 0 0 3px rgba(119, 194, 66, .1), 0 10px 28px rgba(0, 0, 0, .26) !important;
}

html.sl-admin-dark .sl-news-category-search__field > .fa {
    color: #a8ada7 !important;
}

html.sl-admin-dark body .sl-news-category-search__field input[type="search"] {
    color: #f0f2ee !important;
}

html.sl-admin-dark body .sl-news-category-search__field input[type="search"]::placeholder {
    color: #a8ada7 !important;
}

html.sl-admin-dark body .sl-news-category-search__submit {
    color: #f2f4ef !important;
    background: #3a3d3a !important;
}

html.sl-admin-dark body .sl-news-category-search__submit:hover,
html.sl-admin-dark body .sl-news-category-search__submit:focus-visible {
    color: #14200e !important;
    background: #77c242 !important;
}

/* News heading cleanup: keep only the green title accent, no inherited panels. */
html body .sl-news-category-heading .sl-news-category-intro,
html body .sl-news-category-heading .desc-text,
html.sl-admin-dark body .sl-news-category-heading .sl-news-category-intro,
html.sl-admin-dark body .sl-news-category-heading .desc-text {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

html body .sl-news-category-heading .sl-news-h1,
html.sl-admin-dark body .sl-news-category-heading .sl-news-h1 {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-left: 4px solid #79c142 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body .sl-news-category-heading .sl-news-h1::before,
html body .sl-news-category-heading .sl-news-h1::after,
html.sl-admin-dark body .sl-news-category-heading .sl-news-h1::before,
html.sl-admin-dark body .sl-news-category-heading .sl-news-h1::after {
    content: none !important;
    display: none !important;
}

html body .sl-news-category-search__submit,
html body .sl-news-category-search__submit:hover,
html body .sl-news-category-search__submit:focus-visible,
html.sl-admin-dark body .sl-news-category-search__submit,
html.sl-admin-dark body .sl-news-category-search__submit:hover,
html.sl-admin-dark body .sl-news-category-search__submit:focus-visible {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html.sl-admin-dark .sl-news-search-empty {
    color: #b7bbb5 !important;
    border-bottom-color: #343634 !important;
}

html.sl-admin-dark .sl-news-search-results__head {
    color: #eef1ec !important;
    border-bottom-color: #373937 !important;
}

html.sl-admin-dark .sl-news-search-results__head span,
html.sl-admin-dark .sl-news-search-result__date {
    color: #a7aca6 !important;
}

html.sl-admin-dark .sl-news-search-result {
    color: #e8ebe6 !important;
    background: transparent !important;
    border-bottom-color: #333533 !important;
}

html.sl-admin-dark .sl-news-search-result:hover,
html.sl-admin-dark .sl-news-search-result:focus-visible {
    color: #d8f0d0 !important;
    background: #242624 !important;
}

@media (max-width: 700px) {
    .sl-news-category-heading {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-bottom: 18px !important;
    }

    html body .sl-news-category-heading .sl-news-category-search {
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        width: 100% !important;
    }

    .sl-news-search-result {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 13px 8px !important;
    }

    .sl-news-search-result:hover,
    .sl-news-search-result:focus-visible {
        padding-left: 11px !important;
    }
}