:root{
  --bs-body-font-family: "Carrois Gothic", system-ui, -apple-system, "Segoe UI",
                         Roboto, "Helvetica Neue", Arial, "Noto Sans",
                         "Liberation Sans", "Apple Color Emoji",
                         "Segoe UI Emoji", "Segoe UI Symbol";
  
  --bs-font-sans-serif: var(--bs-body-font-family);
}
/*Navbar i Footer*/

.navbar-custom{
    background-color: transparent !important;
    transition: background-color 0.25s ease-in-out;
}
.navbar-custom.scrolled{
    background-color: 	#505050 !important;
    
}
.nav-link{
    color:white !important;
    transition: background 0.1s !important;
}




/* MOBILE (<992px): tło w navbara na telefonach*/
@media (max-width: 991.98px) {
  .navbar-custom { 
    background-color: #505050 !important; 
  }
  .navbar-custom .navbar-collapse {
    background-color: #505050;   
  }
  .navbar-custom .nav-link { 
    color: #fff !important; 
  }
  .navbar-custom .navbar-toggler {
    border-color: rgba(255,255,255,.25);
  }
}

/* Podswietlenie na kolor linkow w navbar i footer*/
.navbar-custom .nav-link:hover,
#footer .nav-link:hover {
  background-color: black;
  color: #fff !important;
  border-radius: 10px;
  transition: background-color .2s ease, color .2s ease;
}

/* tryb burger (<992px) wysrodkowanie linkow w burger*/
@media (max-width: 991.98px) {
 
  .navbar-custom .navbar-nav {
    align-items: center; 
  }

  
  .navbar-custom .nav-link {
    display: inline-block;
    width: auto;             
    padding: .35rem .75rem;  
  }

  
  .navbar-custom .navbar-collapse {
    background-color: #505050;
  }
}


#footer .nav-link {
  display: inline-block;      
  padding: .125rem .375rem;   
}

#footer {
    margin-top:auto !important;
  background-color: #505050 !important; 
  color: white !important;             
}

#footer a {
  color: white !important;            
  text-decoration: none;
}



#footer .border-bottom {
  border-bottom: 1px solid black !important; 
}

html, body {
  height: 100%;            
  margin: 0;
  display: flex;
  flex-direction: column;  
}

main {
  flex: 1;                 
}

#footer {
  margin-top: auto;        
}







.hero-section{
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;        
}


@media (min-width: 768px){
  .hero-section{ min-height: 75vh; }
}


@media (min-width: px){
  .hero-section{ min-height: 50vh; } 
}


.hero-section .overlay{
  position:absolute; inset:0; background: rgba(0,0,0,.5);
}
.hero-section .content{ position:relative; z-index:1; }



.hero-section {
  position: relative;

  background: url("img/wizualizacja zewnetrzna/1.jpg") center center/cover no-repeat;
}


h2{
  text-align: center;
}
#close{
  transform: scale(2);
}

#wnetrze_tekst{
  background-color: #505050!important;
}

#opis_domu1{
  padding: auto;
  text-align: justify;

}

#opis_domu2{
  padding: auto;
  text-align: justify;

}

/* Karty planow */
.plan-card { border: none; border-radius: .75rem; }
.plan-frame { background: repeating-conic-gradient(#f6f7f8 0% 25%, #eceff1 0% 50%) 0 / 16px 16px; }
.plan-img { object-fit: contain; width: 100%; height: 100%; cursor: zoom-in; }

#myCarousel{
   cursor: pointer; 
}
#myCarousel1{
   cursor: pointer; 
}
#Pietro{
   cursor: pointer; 
}
#Parter{
   cursor: pointer; 
}