/* custom.css */

/* Hero slike */
.hero img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .hero img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* Header prilagoditve */
header .container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 2rem 1rem;
}
header hr {
  width: 10%;
  border: 1px solid white;
  margin: 1rem auto;
}

/* Tipografija */
.fw-bold { text-transform: uppercase; }
.podnaslov { text-transform: capitalize; font-variant: small-caps; }
.napis { font-size: 1.25rem; font-weight: 500; }
.podnapis { font-size: 0.75rem; }

/* Gradient ozadja */
.gradient-background {
  background: linear-gradient(180deg, #00bbf1, #00a2df);
  color: #fff;
  padding: 50px 20px;
  text-align: center;
}

/* Kartice */
.card { background-color: rgba(255,255,255,0) !important; border: none; }
.card-body { background-color: transparent !important; color: #fff; }

/* Citati */
.quote, .quote-ni { font-size: 24px; color: black; }
.quote { font-style: italic; }
.quote-section { border-top:2px solid black; border-bottom:2px solid black; }

.text-justify { text-align: justify; }

/* CTA sekcije */
.cta {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  color: white;
  background-color: rgba(6,184,238,0.5);
}

/* Opisi, galerija, video... */
.opis { font-size: 18px; }
.gallery-img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.iframe-container { display: flex; justify-content: center; align-items: center; }
iframe { border: none; }
strong { font-weight: 700; }
.video-container {
  position: relative; width:100%; max-width:900px; margin:2rem auto;
  padding-bottom:56.25%; height:0; overflow:hidden;
}
.video-container iframe {
  position:absolute; top:0; left:0; width:100%; height:100%; border:none;
}

/* Lightbox prilagoditve */
.lightboxOverlay {
  position:fixed!important; top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.8)!important; overflow:hidden!important; z-index:9999!important;
}
.lightbox {
  position:fixed!important; top:50%!important; left:50%!important;
  transform:translate(-50%,-50%)!important;
  max-width:90vw!important; max-height:90vh!important; overflow:visible!important; z-index:10000!important;
}
.lightbox .lb-close {
  position:absolute!important; top:10px!important; right:10px!important;
  font-size:1.5rem!important; color:#fff!important; z-index:10001!important;
}
.lightbox .lb-nav { display:block!important; }
.lightbox .lb-prev, .lightbox .lb-next {
  display:block!important; position:absolute!important; top:50%!important;
  transform:translateY(-50%)!important; width:34px!important; height:34px!important;
  background-size:34px 34px!important; z-index:10001!important;
}
.lightbox .lb-prev { left:10px!important; }
.lightbox .lb-next { right:10px!important; }

/* ---------- PRLALEX + PRVA-SEKCIJA ---------- */
.prva-sekcija {
  position: relative;
  overflow: hidden;
  min-height: 600px;

  /* slika kot ozadje z parallax učinkom */
  background: url("img/IMG_2735.jpg") center center/cover no-repeat;
  background-attachment: fixed;
}

/* Overlay-plast */
.prva-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 187, 241, 0.9);
  z-index: 0;
}

/* Vsebina nad overlay-jem */
.prva-sekcija__vsebina {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-weight: bolder !important;
}

.prva-sekcija__vsebina hr {
  display: block;
  margin: 2rem auto;     /* navpična margina 2rem, levo/desno auto */
  width: 30%;            /* prilagodite širino črte pod besedilom */
  border: none;
  border-top: 2px solid #fff; /* bela črta debeline 2px */
}

/* Mobilni fallback: ne uporablja fixed, ker večina telefonov tega ne podpira */
@media (max-width: 768px) {
  .prva-sekcija {
    background-attachment: scroll;
  }
  .prva-sekcija__vsebina {
    padding: 2rem 1rem;
  }
}
/* ---------- PARALLAX + DRUGA-SEKCIJA ---------- */
.druga-sekcija {
  position: relative;
  overflow: hidden;
  min-height: 600px;

  /* slika kot ozadje z parallax učinkom */
  background: url("img/IMG_7466.jpg") center center/cover no-repeat;
  background-attachment: fixed;
}

/* Overlay-plast */
.druga-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 0;
}

/* Vsebina nad overlay-jem */
.druga-sekcija__vsebina {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #00bbf1 !important;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-weight: bolder !important;
}

.druga-sekcija__vsebina hr {
  display: block;
  margin: 2rem auto;     /* navpična margina 2rem, levo/desno auto */
  width: 30%;            /* prilagodite širino črte pod besedilom */
  border: none;
  border-top: 2px solid #fff; /* bela črta debeline 2px */
}

/* Mobilni fallback: ne uporablja fixed, ker večina telefonov tega ne podpira */
@media (max-width: 768px) {
  .druga-sekcija {
    background-attachment: scroll;
  }
  .druga-sekcija__vsebina {
    padding: 2rem 1rem;
  }
}
/* ---------- PARALLAX + peta-SEKCIJA ---------- */
.tretja-sekcija {
  position: relative;
  overflow: hidden;
  min-height: 600px;

  /* slika kot ozadje z parallax učinkom */
  background: url("img/IMG_2743.jpg") center center/cover no-repeat;
  background-attachment: fixed;
}

/* Overlay-plast */
.tretja-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 187, 241, 0.9);
  z-index: 0;
}

/* Vsebina nad overlay-jem */
.tretja-sekcija__vsebina {
  position: relative;
  z-index: 1;
  text-align: center;
  color: white !important;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-weight: bolder !important;
}

.tretja-sekcija__vsebina hr {
  display: block;
  margin: 2rem auto;     /* navpična margina 2rem, levo/desno auto */
  width: 30%;            /* prilagodite širino črte pod besedilom */
  border: none;
  border-top: 2px solid #fff; /* bela črta debeline 2px */
}

/* Mobilni fallback: ne uporablja fixed, ker večina telefonov tega ne podpira */
@media (max-width: 768px) {
  .tretja-sekcija {
    background-attachment: scroll;
  }
  .tretja-sekcija__vsebina {
    padding: 2rem 1rem;
  }
}

/* ---------- PARALLAX + cetrta-SEKCIJA ---------- */
.cetrta-sekcija {
  position: relative;
  overflow: hidden;
  min-height: 1000px;

  /* slika kot ozadje z parallax učinkom */
  background-image: url("img/cut3.png");
  background-position: right center;  /* desni rob + vertikalno centrirano */
            /* pokrije celotno sekcijo */
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Overlay-plast */
.cetrta-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 0;
}

/* Vsebina nad overlay-jem */
.cetrta-sekcija__vsebina {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #00bbf1 !important;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-weight: bolder !important;
}
//005d92
.cetrta-sekcija__vsebina hr {
  display: block;
  margin: 2rem auto;     /* navpična margina 2rem, levo/desno auto */
  width: 30%;            /* prilagodite širino črte pod besedilom */
  border: none;
  border-top: 2px solid #fff; /* bela črta debeline 2px */
}

/* Mobilni fallback: ne uporablja fixed, ker večina telefonov tega ne podpira */
@media (max-width: 768px) {
  .cetrta-sekcija {
    background-attachment: scroll;
  }
  .cetrta-sekcija__vsebina {
    padding: 2rem 1rem;
  }
}
/* ---------- PARALLAX + peta-SEKCIJA ---------- */
.peta-sekcija {
  position: relative;
  overflow: hidden;
  //min-height: 600px;
}

/* Overlay-plast */
.peta-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 187, 241, 1);
  z-index: 0;
}

/* Vsebina nad overlay-jem */
.peta-sekcija__vsebina {
  position: relative;
  z-index: 1;
  text-align: center;
  color: white !important;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-weight: bolder !important;
}
.peta-sekcija img {
    z-index:-110;
}
.peta-sekcija__vsebina hr {
  display: block;
  margin: 2rem auto;     /* navpična margina 2rem, levo/desno auto */
  width: 30%;            /* prilagodite širino črte pod besedilom */
  border: none;
  border-top: 2px solid #fff; /* bela črta debeline 2px */
}

/* Mobilni fallback: ne uporablja fixed, ker večina telefonov tega ne podpira */
@media (max-width: 768px) {
  .peta-sekcija {
    background-attachment: scroll;
  }
  .peta-sekcija__vsebina {
    padding: 2rem 1rem;
  }
}
* ---------- PARALLAX + sesta-SEKCIJA ---------- */
.sesta-sekcija {
  position: absolute;
  overflow: hidden;
  /* slika kot ozadje z parallax učinkom */
  background-image: url("img/cut3.png");
  background-position: right center;  /* desni rob + vertikalno centrirano */
            /* pokrije celotno sekcijo */
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Overlay-plast */
.sesta-sekcija::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 1);
  z-index: 0;
}

/* Vsebina nad overlay-jem */
.sesta-sekcija__vsebina {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #00bbf1 !important;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-weight: bolder !important;
}

.sesta-sekcija__vsebina hr {
  display: block;
  margin: 2rem auto;     /* navpična margina 2rem, levo/desno auto */
  width: 30%;            /* prilagodite širino črte pod besedilom */
  border: none;
  border-top: 2px solid #fff; /* bela črta debeline 2px */
}

/* Mobilni fallback: ne uporablja fixed, ker večina telefonov tega ne podpira */
@media (max-width: 768px) {
  .sesta-sekcija {
    background-attachment: scroll;
  }
  .sesta-sekcija__vsebina {
    padding: 2rem 1rem;
  }
}
/* Reset splošnih margini in paddingov */
html, body {
  margin: 0;
  padding: 0;
}

/* Če .quote-section ali .video-container vlečeta dodaten prostor */
.quote-section {
  padding-bottom: 0;      /* odstrani spodnji padding sekcije */
  margin-bottom: 0;       /* odstrani spodnjo margino */
}

.video-container {
  margin-top: 0;          /* odstrani zgornjo margino */
  padding-top: 0;         /* odstrani zgornji padding */
}

/* Če ima .container znotraj .quote-section še padding */
.quote-section .container {
  padding-top: 0;
  padding-bottom: 0;
}