/* -----------------------------------
   Osnovne nastavitve
----------------------------------- */
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff; /* header ostane bel */
}

main {
  flex: 1;
  /* gradient samo v vsebinskem delu */
  background: linear-gradient(
    to bottom,
    rgba(4, 132, 123, 0.5) 0%,   /* #04847b z 50 % */
    rgba(255, 255, 255, 1) 100%
  );
}

/* -----------------------------------
   Navigacija (header)
----------------------------------- */
.navbar-brand,
.navbar-nav .nav-link {
  color: #048a81 !important; /* turkizna barva */
}

.navbar-nav .nav-link:hover {
  color: #036d66 !important; /* temnejša turkizna pri hoverju */
}

/* -----------------------------------
   Gumbi
----------------------------------- */
.btn-orange {
  background-color: #f57c00;
  color: #fff;
}

.btn-orange:hover {
  background-color: #e46e00;
  color: #fff;
}

/* -----------------------------------
   Definicijska sekcija (črte)
----------------------------------- */
.section-divider-top {
  border-top: 2px solid #000;
  width: 50%;
  margin: 0 auto 1rem;
}

.section-divider-bottom {
  border-bottom: 2px solid #000;
  width: 50%;
  margin: 1rem auto 0;
}

.section-definition {
  font-style: italic;
}

/* -----------------------------------
   Kontakt stran
----------------------------------- */
.contact-name {
  font-weight: bold;
  margin-bottom: 1.5rem; /* večji razmik pod imenom */
}

.contact-item {
  margin-bottom: 0.25rem; /* majhen razmik */
}

.contact-item-last {
  margin-bottom: 1.5rem; /* večji razmik */
}

/* -----------------------------------
   Cenik stran
----------------------------------- */
.display-price {
  font-size: 2rem;
  font-weight: bold;
  color: #048a81;
}

/* -----------------------------------
   Footer
----------------------------------- */
footer {
  background-color: #048a81;
  color: #fff;
}

/* Ozki odstavki (npr. definicije, uvodni odstavki) */
.content-narrow {
  max-width: 800px;
}

/* Turizkna povezava (npr. kontakt) */
.link-accent {
  color: #048a81;
  text-decoration: none;
}
.link-accent:hover {
  color: #036d66;
  text-decoration: underline;
}

.naslov1 {
  font-size: clamp(1.5rem, 5vw, 3rem);
  color: #000;
}

.naslov2 {
  font-size: clamp(1rem, 3vw, 1.5rem);
  color: #000;
}
/* Naj bo vsebina vedno 100% širine naprave */
html, body {
  width: 100%;
  overflow-x: hidden; /* prepreči vodoravni scroll */
}

/* Glavni blok na strani naj se razteza */
main, section, .container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Naslov – naj se prilagaja zaslonu */
h1 {
  font-size: clamp(1.5rem, 5vw, 3rem); /* samodejno prilagajanje velikosti */
  line-height: 1.2;
  text-align: center;
  white-space: normal; /* naj se lahko prelomi, če je treba */
}
/* ---- Omeji širino vsebine na večjih zaslonih ---- */
/* ---- Omeji širino vsebine na večjih zaslonih ---- */
@media (min-width: 992px) {
  .container {
    max-width: 1100px;  /* prilagodi številko po želji */
    margin-left: auto;
    margin-right: auto;
  }
}