@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Full-screen container */
html, body {
  height: 100%;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1{
    font-weight: 600;
}

.text-rainbow-animation {
background-image: linear-gradient(to right, #005EC3, #F7CA3D, #F7CA3D, #005EC3); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  
background-size: 200% auto; /* Gradyanın hareketi için arka plan boyutunu artırıyoruz */
animation: rainbow-animation 20s linear infinite;
}

@keyframes rainbow-animation {
to {
background-position: 200% center; /* Arka planı sağa doğru kaydırıyoruz */
}
}


#map {
  height: 100%;
  width: 100%;
}



/* Sticky header */
.sticky-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #005EC3;
  padding: 10px 20px;
}

.sticky-header img {
  height: 40px;
}

/* Hamburger Menu */
.navbar-toggler {
  border: none;
}



.navbar-nav .nav-link {
  color: white !important;
  transition: color 0.3s ease-in-out;
}
/* Nav-link hover animasyonu */

.nav-link:hover {
color: #F7CA3D !important;
}


/* Map section */
.map-container {
  padding: 0;
  margin: 0;
  height: 100%;
}

/* Input icons */
.input-group-text {
  background-color: #4e73df;
  color: white;
}

/* Right align button */
.btn-next {
  float: right;
}

/* Cost info style */
#costCard {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#costCard.show {
  display: block;
  opacity: 1;
}


@media (max-width: 768px) {
h1 {
font-size: 24px; /* Daha küçük bir font boyutu */
margin-top: 10px; /* Yukarıdaki boşluğu azaltıyoruz */
}

h5 {
font-size: 16px; /* Daha küçük bir font boyutu */
margin-top: 5px; /* Yukarıdaki boşluğu azaltıyoruz */
}

.map-container {
display: none !important; /* Haritayı mobilde gizliyoruz */
}
}



@media (min-width: 768px) {
  /* Büyük ekranlarda haritanın tam boyutlu görünmesi için */
  .map-container {
    height: calc(100vh - 70px); /* Tam ekran yüksekliği, header hariç */
  }
}

.is-invalid {
    border-color: red; /* Hata olan input alanı kırmızı renkle belirtilecek */
}

.is-invalid::placeholder {
    color: red; /* Hata olan input alanındaki placeholder kırmızı olacak */
}