/* Looka blog: zajednička osnova za izglede s vlastitim stilom (mojblog, cool). Samo raspored i ponašanje; boje, slova i oblici su u <izgled>.css. Savjetnica koristi looka.css. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
.skok { position: absolute; left: -999px; }
.ikona { flex: none; vertical-align: -.15em; }
.wp-site-blocks { padding: 0; }
[hidden] { display: none !important; }
h1, h2, h3 { text-wrap: balance; }
.zaglavlje nav { min-width: 0; max-width: 100%; }
.izbornik { display: flex; overflow-x: auto; margin: 0; padding: 0; list-style: none; scrollbar-width: none; }
.izbornik::-webkit-scrollbar, .cipovi::-webkit-scrollbar, .prigode ul::-webkit-scrollbar { display: none; }
.izbornik a, .cipovi a { white-space: nowrap; }
.mrvice ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.mrvice li:not(:last-child)::after { content: "›"; margin-left: .35rem; opacity: .7; }
.stavke, .cipovi, .slova, .kartice, .popis-objava, .sastojci, .koraci, .indeks-popis, .prigode ul, .prilike ul, .popularno ol, .podnozje ul { list-style: none; padding: 0; margin: 0; }
.stavke { counter-reset: s; }
.stavka { counter-increment: s; position: relative; }
.stavka blockquote { margin: 0; }
.stavka__gumbi { display: flex; flex-wrap: wrap; gap: .5rem; }
.koraci { counter-reset: k; }
.koraci li { counter-increment: k; position: relative; }
.indeks-popis { columns: 2 9rem; column-gap: 1.5rem; }
.indeks-popis li { break-inside: avoid; padding: .18rem 0; }
.indeks-slovo, .recept, .stavka { scroll-margin-top: 6rem; }
.sastojci label { display: flex; gap: .65rem; align-items: flex-start; cursor: pointer; }
.sastojci input { width: 1.25rem; height: 1.25rem; margin-top: .3rem; flex: none; }
.sastojci input:checked + span { text-decoration: line-through; opacity: .6; }
summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.hero__trazi { display: flex; align-items: center; gap: .5rem; }
.hero__trazi input { flex: 1; min-width: 0; border: 0; font: inherit; background: transparent; outline: none; color: inherit; }
.hero__trazi button, .gumb { cursor: pointer; min-height: 44px; }
.gumb { display: inline-flex; align-items: center; gap: .4rem; text-decoration: none; }
.oglas { min-height: 280px; display: grid; place-items: center; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.dijeli { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.dijeli a { text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.autor { display: flex; gap: 1rem; align-items: center; }
.autor__slika { flex: none; display: grid; place-items: center; }
.popis-objava__tema a { text-decoration: none; }
.wp-block-query-pagination { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1.5rem; }
@media print {
  .zaglavlje, .podnozje, .oglas, .gumb, .izbornik, .mrvice, .srodno, .autor, .dijeli, .savjet, .traka { display: none !important; }
  body { background: #fff !important; color: #000 !important; font-size: 12pt; }
  .pojas { background: none !important; color: #000 !important; }
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
