@charset "UTF-8";

/* 1. Nastavitve za celotno stran in gladko besedilo */
body {
  margin: 0;
  padding: 0;
  min-height: 100dvh; /* Uporaba dinamične višine zasliona */
  line-height: 1.5;   /* Boljša čitljivost */
  -webkit-font-smoothing: antialiased; /* Lepši izris pisave */
}

/* 2. Prilagodljivi medijski elementi brez praznega prostora pod njimi */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 3. Preprečevanje prelivanja dolgih besedil in URL naslovov */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 4. Napredno prelamljanje vrstic za lepši izgled naslovov in odstavkov */
h1, h2, h3, h4 {
  text-wrap: balance; /* Porazdeli besedilo v enako dolge vrstice */
}
p {
  text-wrap: pretty;  /* Preprečuje osamljene besede v zadnji vrstici */
}

/* 5. Omogočanje naprednih CSS animacij ključnih besed (npr. auto višine) */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}