/* Additions to style.css for pages edited in Umbraco */

/* "Naslov sekcije" from the editor's style menu is an h3 without the inner .eb-title span */
h3.eb-news-h { color: #0f172a; font-size: 1.2rem; font-weight: 700; line-height: 1.3; }
html.dark h3.eb-news-h { color: #f8fafc; }

/* images added in the editor look like the imported ones (.eb-news-img) without needing the class */
.eb-news img:not(.eb-news-img) { border: 1px solid #e2e8f0; border-radius: .5rem; display: block; height: auto; margin: .85rem 0; max-width: 100%; }
html.dark .eb-news img:not(.eb-news-img) { border-color: #334155; }

/* site search: the box in the header (wide screens only; narrower ones get the icon link) and the results page */
.eb-search { align-items: center; display: flex; gap: .5rem; }
.eb-search input { background: #fff; border: 1px solid #cbd5e1; border-radius: .75rem; color: #0f172a; font-size: .875rem; line-height: 1.25rem; padding: .5rem .75rem; width: 100%; }
.eb-search input:focus { border-color: #399; box-shadow: 0 0 0 3px rgba(51,153,153,.2); outline: none; }
.eb-search-header { display: none; position: relative; }
.eb-search-header svg { color: #64748b; left: .7rem; pointer-events: none; position: absolute; }
.eb-search-header input { padding-left: 2.1rem; width: 13rem; }
@media (min-width: 1024px) { .eb-search-header { display: flex; } .eb-search-link { display: none; } }
.eb-search-page input { font-size: 1rem; padding: .7rem 1rem; }
.eb-search-results { list-style: none; margin: .75rem 0 0; padding: 0; }
.eb-search-results li { border-top: 1px solid #e2e8f0; padding: .9rem 0; }
.eb-search-title { color: #0f172a; font-size: 1.05rem; font-weight: 600; text-decoration: none; }
.eb-search-title:hover { color: #399; }
.eb-search-where { color: #64748b; font-size: .8rem; margin: .15rem 0 0; }
.eb-search-snippet { color: #475569; font-size: .9rem; line-height: 1.5; margin: .35rem 0 0; }
.eb-search-snippet mark { background: rgba(51,153,153,.18); border-radius: .2rem; color: inherit; padding: 0 .1em; }
html.dark .eb-search input { background: #1e293b; border-color: #334155; color: #f8fafc; }
html.dark .eb-search-results li { border-color: #334155; }
html.dark .eb-search-title { color: #f8fafc; }
html.dark .eb-search-where { color: #94a3b8; }
html.dark .eb-search-snippet { color: #cbd5e1; }
html.dark .eb-search-snippet mark { background: rgba(51,153,153,.35); }

/* news titles on the Novosti page link to the item's own page */
.eb-news-h a.eb-title { text-decoration: none; }
.eb-news-h a.eb-title:hover { color: #399; }