/*
Theme Name: SzkodyNieruchomosci
Text Domain: SzkodyNieruchomosci
Version: 1.0
Description: SzkodyNieruchomosci Theme
Author: Maksymilian Duda

*/

* {
    box-sizing: border-box;
    margin: 0px;
    border: 0px;
    padding: 0px;
    text-decoration: none;

    font-family: 'Lato';
    font-weight: 400;
    letter-spacing: 1.5px;
    scroll-behavior: smooth;
  }

  nav ul, nav li, .no-bullets ul, .no-bullets li {
  list-style-type: none;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
  
body {
      font-family: Helvetica;
      margin: 0px;
      
}
a{
    color: #fff;
}
body{
    background-color: rgb(16, 18, 20);
}
main{
    /*
    background: linear-gradient(27deg, rgb(8, 8, 8) 0%, rgb(8, 10, 12) 40%);
    */
    background-color: #151515;
   }
HTML{
    margin-top: 0px !important;
}

/*==================== Front = Page ========================*/
.FP-content{
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(16, 18, 20);
    transition: 0.2s;
    max-height: 100%;


    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 600px;
    color: white;
    

}

.FP-top-L{
    width: 40%;
    text-align: left;
    padding-left: 3%;
    padding-top: 7%;
}
.FP-top-L h1{
    font-size: 400%;
    font-weight:600;
    line-height: 1.3;
}
.FP-top-L p{
    font-size: 100%;
    font-style: italic;
}

.FP-top-R{
    width: 60%;
    text-align: right;
    padding-right: 2%;
    padding-top: 1%;
     
}

/*---*/

.FP-content2{
    width: 100%;
    text-align: center;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #01191e;
    transition: 0.2s;
    max-height: 100%;
    min-height: 750px;
    color: rgb(255, 255, 255);
    padding: 10%;
    padding-top: 11%;
    
}
.FP-content2 h2{
    letter-spacing: 3px;
    line-height: 2;
    font-size: 250%;
    text-align: left;
    width: 100%;
    border-bottom: 2px solid white;
}
.FP-content2 p{
    letter-spacing: 2px;
    line-height: 1.7;
    font-size: 110%;
    text-align: left;
    font-weight: normal;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #c3c3c3;
    transition: 0.6s;
}
.FP-content2 p:hover{
    color: #fff;
    cursor: default;
}

.FP-content2 a{
    letter-spacing: 3px;
    line-height: 2;
    font-size: 135%;
    text-align: left;
    border-bottom: 1px solid white;;
    padding: 5px;
    color: white;
    float: left;
    transition: 0.2s;
}
.FP-content2 a:hover{
    color: rgb(83, 83, 83);
    border-bottom: 1px solid rgb(83, 83, 83);
    cursor: pointer;
}

.FP-kontakt-button{
    letter-spacing: 3px;
    line-height: 2;
    font-size: 130%;
    text-align: left;
    border-bottom: 1px solid white;;
    padding: 5px;
    color: white;
    float: left;
    transition: 0.2s;
}

.FP-kontakt-button:hover{
    color: rgb(83, 83, 83);
    border-bottom: 1px solid rgb(83, 83, 83);
    cursor: pointer;
}

/*--------*/
.FP-content3{
    width: 100%;
    text-align: center;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.2s;
    max-height: 100%;
    min-height: 750px;
    color: rgb(255, 255, 255);
    padding: 8%;
    padding-top: 12%;

background: #01191E;
background: linear-gradient(180deg,rgba(1, 25, 30, 1) 0%, rgba(0, 57, 71, 1) 100%);

}
.FP-przyklad-R{
    display: flex;
    margin-top: 130px;
    margin-bottom: 130px;
}
.FP-przyklad-I{
    width: 40%;
}
.FP-przyklad-I img{
    max-width: 100%;
}
.FP-przyklad-T{
    width: 60%;
    padding: 1% 3% 1% 3%;
}
.FP-przyklad-T p{
    letter-spacing: 2px;
    line-height: 1.8;
    font-size: 105%;
    font-family: 'Inter', sans-serif;
    color: #c3c3c3;
    transition: 0.6s;
}
.FP-przyklad-T p:hover{
    color: #fff;
    cursor: default;
}

.FP-line{
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #fff;
}

/*--------*/

.FP-content4{
    width: 100%;
    text-align: center;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.2s;
    max-height: 100%;
    min-height: 750px;
    color: rgb(255, 255, 255);
    padding: 10%;
    padding-top: 12%;
    padding-bottom: 250px !important;

background: #01191E;
background: linear-gradient(0deg,rgba(1, 25, 30, 1) 0%, rgba(0, 57, 71, 1) 100%);

}

.FP-c4-h2-div{
    text-align: left;
    border-bottom: 1px solid #fff;
    padding: 10px;
    padding-left: 0px;
}

.FP-c4-content{
    text-align: left;
    padding: 3%;
}

.FP-c4-content ul{
    list-style-type: disc !important;
    list-style: disc !important;
    padding-left: 2em !important;
    list-style-position: outside !important;
    text-decoration: unset;
    list-style-type: unset !important
}

.FP-c4-h2-div h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 220%;
}

.FP-c4-content ul li{
    padding: 1%;
    margin-top: 15px;
    
    letter-spacing: 2px;
    line-height: 1.8;
    font-size: 105%;
    font-family: 'Inter', sans-serif;

    color: #c3c3c3;
    transition: 0.6s;
}
.FP-c4-content ul li:hover{
    color: #fff;
    cursor: default;
}

/*======================= Polityka prywatnosci ===========================*/

.PC-div{
     width: 100%;
    text-align: left;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.2s;
    max-height: 100%;
    min-height: 750px;
    color: rgb(255, 255, 255);
    padding: 6%;
    padding-top: 12%;

background: #01191E;
background: linear-gradient(180deg,rgba(1, 25, 30, 1) 0%, rgba(0, 57, 71, 1) 100%);

}

.PC-div-content{
    width: 100%;
    margin-top: 120px;
}

.PC-div-content p{
    margin-left: 2%;
    margin-top: 10px;
}
.PC-div-content ul li{
    margin-left: 2%;
    margin-top: 10px;
}

.PC-top-div{
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
}

.PC-top-div a{
    letter-spacing: 3px;
    line-height: 2;
    font-size: 135%;
    text-align: left;
    border-bottom: 1px solid white;;
    padding: 5px;
    color: white;
    float: left;
    transition: 0.2s;
}
.PC-top-div a:hover{
    color: rgb(83, 83, 83);
    border-bottom: 1px solid rgb(83, 83, 83);
    cursor: pointer;
}


/*======================= Footer ===========================*/
footer{
    width: 100%;
    text-align: center;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
}

.footer-container{
    display: flex;
    padding-bottom: 7%;
}

#footer-top-h2{
    font-size: 240%;
    letter-spacing: 4px;
}

.footer-L{
    width: 48%;
    padding: 6%;
    color: white;
    text-align: left;
    padding-left: 16%;
    
}
.footer-L p, a{
    letter-spacing: 3px;
    line-height: 1.4;
    padding-top: 4px;
}
.footer-help-div img{
    max-height: 30px;
    padding: 4px;
    margin-right: 6px;
}

.footer-R{
    width: 52%;
    padding: 6%;
    color: white;
    text-align: left;
    padding-left: 16%;
}

.footer-R p{
    letter-spacing: 3px;
    line-height: 1.4;
}


.footer-map{
    width: 100%;
    min-height: 400px;
    max-height: 600px;
}
.footer-map iframe{
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.footer-bottom-info{
    display: flex;
    color: white;
    padding: 20px;
}

/*======================= Fonts ===========================*/

/* ✅ Poppins – nowoczesna, przyjemna dla oka */
/* Idealna do H1, H2, przycisków, nagłówków marketingowych */
.font-poppins {
    font-family: 'Poppins', sans-serif;
}


/* ✅ Montserrat – elegancka, lekko techniczna */
/* Dobry wybór do H2, H3, leadów i tytułów sekcji */
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}


/* ✅ Inter – bardzo nowoczesna i uniwersalna */
/* Idealna do dłuższych bloków tekstu, np. <p>, <li>, <span> */
.font-inter {
    font-family: 'Inter', sans-serif;
}


/* ✅ Open Sans – klasyczna, bardzo czytelna */
/* Super do tekstu głównego: akapity, opisy, stopki */
.font-open-sans {
    font-family: 'Open Sans', sans-serif;
}


/* ✅ Lato – neutralna i miękka */
/* Można używać zamiennie z Open Sans w treści, także w formularzach */
.font-lato {
    font-family: 'Lato', sans-serif;
}


/* ✅ Roboto – techniczna, czysta */
/* Świetna do mniejszych tekstów, etykiet, przycisków */
.font-roboto {
    font-family: 'Roboto', sans-serif;
}







@media (max-width: 768px) {

  .FP-content {
    flex-direction: column;
    padding: 8% 5%;
    min-height: auto;
    background-position: center;
    text-align: left;
  }

  .FP-top-L, .FP-top-R {
    width: 100%;
    padding: 5% 0;
    text-align: left;
  }

  .FP-top-L h1 {
    font-size: 200%;
  }

  .FP-top-L p {
    font-size: 75%;
  }

  .FP-content2,
  .FP-content3,
  .FP-content4 {
    padding: 8% 10%;
  }

  .FP-content2 h2,
  .FP-content3 h2,
  .FP-c4-h2-div h2 {
    font-size: 140%;
    text-align: center;
  }

  .FP-content2 p,
  .FP-przyklad-T p,
  .FP-c4-content ul li {
    font-size: 85%;
    line-height: 1.6;
    text-align: left;
  }

  .FP-przyklad-R {
    flex-direction: column;
    margin: 50px 0;
  }

  .FP-przyklad-I,
  .FP-przyklad-T {
    width: 100%;
    padding: 2% 0;
    text-align: center;
  }

  .FP-przyklad-I img {
    max-width: 100%;
    height: auto;
  }

  .FP-line {
    margin: 40px 0;
  }

  .FP-c4-content ul {
    padding-left: 1.5em !important;
  }

  .FP-kontakt-button {
    font-size: 100%;
    display: inline-block;
    margin-top: 40px;
    float: none;
    text-align: center;
  }

  /* Footer */
  .footer-container {
    flex-direction: column;
    padding: 10%;
  }

  .footer-L,
  .footer-R {
    width: 100%;
    padding: 4% 0;
    text-align: left;
    padding-left: 0;
  }
  

  .footer-bottom-info {
    flex-direction: column;
    text-align: center;
    padding: 20px 10px;
  }

  .footer-map iframe {
    min-height: 300px;
  }
  .footer-bottom-info-L{
    width: 100% !important;
    text-align: left !important;
  }
  .footer-bottom-info-R{
    margin-top: 30px;
    width: 100% !important;
    text-align: left !important;
    padding-left: 1%;
  }
  
}