/* Responsivní styl pro formuláře */
@media (max-width: 767.98px) {
  /* Přidání vertikální mezery mezi jménem a emailem na mobilních zařízeních */
  .contact .php-email-form .row .col-md-6.form-group:first-child {
    margin-bottom: 15px !important;
  }
  
  /* Zmenšení prostoru pod mapou */
  .map-container {
    margin-bottom: 20px !important;
  }
  
  /* Zmenšení spodního paddingu pro celou kontaktní sekci */
  .contact {
    padding-bottom: 40px !important;
  }
}

/* Globální úpravy mezer */
.map {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Odstranění přebytečných mezer před footery */
#footer {
  margin-top: 0 !important;
}

/* Úprava mezer mezi sekcemi */
main {
  padding-bottom: 0 !important;
}

/* Odstranění mezery nad bannerem WebsiteBoys */
.website-info-box {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; 
}

.website-boys-banner {
  margin-top: -20px !important;
  padding-top: 0 !important;
}

/* Vyrovnání výšky levé a pravé strany formuláře */
@media (min-width: 992px) {
  .equal-height-row {
    display: flex;
    flex-wrap: wrap;
  }
  
  .equal-height-row > div {
    display: flex;
    flex-direction: column;
  }
  
  /* Fixní výška boxů v levém sloupci */
  .info-box {
    height: auto;
    box-sizing: border-box;
  }
  
  /* Zvětšení mezery mezi informačními boxy */
  .col-md-6 .info-box, .col-md-12 .info-box {
    margin-bottom: 15px;
  }
  
  /* Vyrovnání pravé části s levou */
  .right-column form {
    width: 100%;
  }
  
  /* Upravená výška textového pole pro zprávu */
  .message-container textarea {
    height: 325px;
  }
  
  /* Přizpůsobení výšky vstupních polí */
  .form-control {
    padding: 20px !important;
    margin-bottom: 15px !important;
    font-size: 16px !important;
  }
  
  /* Zvětšení mezery mezi vstupními poli */
  .form-group {
    margin-bottom: 25px !important;
  }
  
  /* Posunutí tlačítka níže */
  .text-center button {
    margin-top: 30px !important;
    padding: 12px 30px !important;
    font-size: 18px !important;
  }
}

/* Úprava mezery pod kontaktním formulářem */
.contact {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Úprava mezery mezi formulářem a mapou */
.contact + .map {
  margin-top: -30px !important;
}

/* Mobilní úpravy pro lepší rozmezí mezi elementy */
@media (max-width: 767.98px) {
  .form-group {
    margin-bottom: 10px !important;
  }
  
  .mt-3 {
    margin-top: 10px !important;
  }
}