/* Tipografija telesa prispevka. Velja SAMO znotraj .ge-prispevek (single.php),
   da se ne dotakne Elementorjevih strani. Besedilo DM Sans, naslovi Mandioca –
   iste velikosti in razmiki kot drugod na strani.

   Datoteka se naloži za tw.css, zato Tailwind utilityji (important: true) še vedno
   zmagajo tam, kjer so izrecno napisani v predlogi (npr. max-w-[72ch] na korenu).
   Znotraj telesa utilityjev ni – vsebina pride iz the_content(). */

/* Širino kolone določa razred max-w-[72ch] v single.php. Enota "ch" je širina znaka "0"
   v pisavi TEGA elementa – pri DM Sans je to ~0,69 em. Zato je font-size korena merilo
   za širino kolone: 15 px da 72ch ≈ 740 px, kar je udobna dolžina vrstice.
   Bralna velikost besedila (17 px, na velikih zaslonih 18 px) je zato nastavljena
   otrokom, ne korenu. Neenotna line-height (brez enote) se pri vsakem otroku
   preračuna na njegovo velikost pisave, zato razmiki ostanejo pravilni. */
.ge-prispevek {
  font-family: var(--ge-font-sans);
  font-size: 15px;
  line-height: 1.75;
  color: var(--ge-color-foreground);
  overflow-wrap: break-word; /* dolge povezave ne razširijo kolone */
}

/* Bralna velikost dobijo vsi neposredni otroci; pravila spodaj (naslovi, navedek,
   podnapis, tabela) imajo isto specifičnost in pridejo kasneje, zato jo povozijo. */
.ge-prispevek > * { font-size: 1.0625rem; }

@media (min-width: 1024px) {
  .ge-prispevek > * { font-size: 1.125rem; }
}

/* Odstavki */
.ge-prispevek p { margin: 0 0 1.35em; }
.ge-prispevek > :first-child { margin-top: 0; }
.ge-prispevek > :last-child { margin-bottom: 0; }

/* Naslovi */
.ge-prispevek h2,
.ge-prispevek h3,
.ge-prispevek h4,
.ge-prispevek h5,
.ge-prispevek h6 {
  font-family: var(--ge-font-display);
  font-weight: 500;
  color: var(--ge-color-foreground);
  line-height: 1.2;
  text-wrap: balance;
}
.ge-prispevek h2 { font-size: 1.75rem; margin: 2.25em 0 0.6em; }
.ge-prispevek h3 { font-size: 1.3125rem; margin: 2em 0 0.5em; }
.ge-prispevek h4,
.ge-prispevek h5,
.ge-prispevek h6 { font-size: 1.125rem; margin: 1.8em 0 0.5em; }
@media (min-width: 1024px) {
  .ge-prispevek h2 { font-size: 2rem; }
  .ge-prispevek h3 { font-size: 1.5rem; }
}

/* Poudarki */
.ge-prispevek strong,
.ge-prispevek b { font-weight: 600; color: var(--ge-color-foreground); }
.ge-prispevek em,
.ge-prispevek i { font-style: italic; }

/* Seznami */
.ge-prispevek ul,
.ge-prispevek ol { margin: 0 0 1.35em; padding-left: 1.4em; }
.ge-prispevek ul { list-style: disc; }
.ge-prispevek ol { list-style: decimal; }
.ge-prispevek li { margin-bottom: 0.5em; padding-left: 0.2em; }
.ge-prispevek li::marker { color: var(--ge-color-accent); }
.ge-prispevek li > ul,
.ge-prispevek li > ol { margin: 0.5em 0 0; }

/* Povezave: bronaste, podčrtaj se nariše ob prehodu miške. */
.ge-prispevek a {
  color: var(--ge-color-accent);
  text-decoration: none;
  border-bottom: 1px solid hsl(var(--ge-accent) / 0.35);
  transition: color .2s ease, border-color .2s ease;
}
.ge-prispevek a:hover,
.ge-prispevek a:focus-visible {
  color: hsl(var(--ge-accent) / 0.8);
  border-bottom-color: currentColor;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Slike: nikoli širše od kolone, zaobljeni robovi, razmerje se ohrani.
   !important, ker ima Elementorjev frontend.css pravilo ".elementor img { height:auto }"
   in ker uvožene slike nosijo lastne width/height atribute iz starega spletišča. */
.ge-prispevek img {
  display: block;
  max-width: 100% !important;
  width: auto;
  height: auto !important;
  margin-inline: auto;
  border-radius: 0.75rem;
}

.ge-prispevek figure {
  margin: 2em 0;
}
.ge-prispevek figure img { width: 100%; }
.ge-prispevek figcaption {
  margin-top: 0.75em;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--ge-color-muted-foreground);
  text-align: center;
}

/* Navedek */
.ge-prispevek blockquote {
  margin: 2em 0;
  padding: 0.25em 0 0.25em 1.5em;
  border-left: 3px solid var(--ge-color-accent);
  font-family: var(--ge-font-display);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--ge-color-foreground);
}
.ge-prispevek blockquote p { margin-bottom: 0.6em; }
.ge-prispevek blockquote cite {
  display: block;
  font-family: var(--ge-font-sans);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  color: var(--ge-color-muted-foreground);
}

/* Ostalo, kar se lahko znajde v uvoženi vsebini */
.ge-prispevek hr { margin: 2.5em 0; border: 0; border-top: 1px solid var(--ge-color-border); }
.ge-prispevek iframe,
.ge-prispevek video { display: block; max-width: 100%; margin: 2em auto; border-radius: 0.75rem; }
.ge-prispevek table { margin: 2em 0; font-size: 0.9375rem; }
.ge-prispevek th,
.ge-prispevek td { padding: 0.6em 0.8em; border-bottom: 1px solid var(--ge-color-border); text-align: left; }
.ge-prispevek th { font-weight: 600; }

/* Strani večdelnega prispevka (wp_link_pages) */
.ge-prispevek__strani { margin-top: 2em; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ge-prispevek__strani a,
.ge-prispevek__strani > span {
  padding: 0.35em 0.8em;
  border: 1px solid var(--ge-color-border);
  border-radius: 999px;
  font-size: 0.875rem;
  color: var(--ge-color-foreground);
}

/* Zadnji element besedila nima spodnjega roba: sicer se odstavkov 1,5 em prišteje razmiku sekcij. */
.ge-prispevek > :last-child { margin-bottom: 0; }

/* Uvoženi prispevki imajo v alinejah odstavke; brez tega je med točkami 40 px. */
.ge-prispevek li > p { margin: 0; }