html{
  scroll-behavior: smooth;
  font-family: 'Montserrat Alternates', sans-serif!important;
  overflow-x: hidden;
}
html::-webkit-scrollbar {
  display: none;
  width: 100%;
}
body {
  scroll-behavior: smooth;
  overflow-x: hidden;
  width: 100%;
}
/*********** common *******************************************************/
.dugme {
  width: 20vw;
  padding: 10px;
  background-color: beige;
}
/************************* navbar *****************************************/
.logo{
  width: 20%!important;
  cursor: pointer;
  height: auto;
  padding: 10px;
}
.navbar {
  font-family: 'Montserrat Alternates', sans-serif!important;
}
.navbar-toggler {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  user-select: none;
}
.navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.container {
  font-family: 'Montserrat Alternates', sans-serif!important;
}
/*************** pocetna *****************************/
#pocetna {
  min-height: 200px!important;
  background-color: transparent!important;
}
/************* naslov *******************************************************/
#header{
  min-height: 100vh;
  margin: 0 auto;  
}
.heading-naslov {
  color: white;
}
#heading {
  font-size: 36px;
}
.parallax {
  background-image: url("../img/fica3.webp");
  min-height: 140vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  font-family: 'Montserrat Alternates', sans-serif!important;
}
.parallax::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.4); /* crni overlay sa 40% providnosti */
  z-index: 1;
}
.parallax > * {
  position: relative;
  z-index: 2; /* da tekst bude iznad overlay-a */
}
.card img {
  height: 200px;
  object-fit: cover;
}
.pozivi {
  display: none;
}
.img_social {
  width: 3.5em!important;
  transition: all 0.15s ease;
  /* border-radius: 50%; */
}
#phone_img {
  width: 3.6em!important;
}
#whatsapp_img{
  width:3.2em!important;
}
.img_social:active {
  transform: scale(0.92) translateY(3px);
  filter: brightness(0.85);
}
.kontakt_button {
  padding: 7px 35px 7px 35px!important;
  border: none;
  border-radius: 25px!important;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  background-color: #212529!important;
  color: #fff!important;
  box-shadow: 3px 4px rgb(0,0,0,.7);
  outline: none!important;
  user-select: none!important;
  cursor: pointer!important;
  
}
.kontakt_button:focus {
  outline: none!important;
  user-select: none!important;
  cursor: pointer!important;
}
.kontakt_button:active {
  transform: scale(0.95);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
}
/******* oblacic ********************/
.bubble {
  position: absolute;
  background: #212529;
  border: 2px solid #333;
  border-radius: 12px;
  padding: 10px;
  display: none;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  animation: fadeInUp 0.3s ease forwards;
  z-index: 1000;
  margin-top: -35%;
  margin-left: -15%;
}
.bubble button {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.bubble .call {
  background: #4d5456;
  color: #fff;
}

.bubble .msg {
  background: #4d5456;
  color: #fff;
}

/* Efekat pritisnutog dugmeta */
.bubble button:active {
  transform: scale(0.95);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
/***** otkup **********/
#otkup {
  background-color: #212529!important;
  min-height: 100vh;
  color: white!important;
}
#otkup_heading {
  margin-top: 100px!important;
}
.card, .card-body {
  height: 43vh;
}
/********* galerija *************/
#galerija {
  min-height: 100vh;
  background-color: #212529!important;
}
#galerija_heading {
  color: white!important;
  margin-top: 100px!important;
}
.galerija_img {
  width: 256px!important;
  height: 256px!important;
  object-fit: cover!important;
}
/******* kontakt ********************/
#kontakt{
  margin-top: 400px!important;
}
#kontakt_facebook {
  width: 60px!important;
  cursor: pointer;
}
.posalji_dugme {
  color: white!important;
  background-color:crimson;
  font-family:'Montserrat Alternates', sans-serif!important;
}
/********** footer ***************/
#footer {
  background-color: #212529!important;
  font-family:'Montserrat Alternates', sans-serif!important;
}
.dizajn {
  color: goldenrod;
}
#gera_footer{
  width: 100px;
}
/************************* MEDIA ******************************************/
@media only screen and (max-width: 991px){
  .logo {
    width: 65%!important;
  }
  #header {
    margin-top: -30%;
  }
  #kontakt_dugme {
    display: none;
  }
  #gera_footer{
    width: 70px;
  }
  .pozivi {
    display: block;
  }
}