body {
  font-family: var(--bs-body-font-family) !important;
}

.bg-green {
  background-color: #072d23;
}

.bg-blue {
  background-color: #145a9c;
}

.bg-dark-blue {
  background-color: #03162a;
}

/* Default = světlo */

.logo-light {
  display: none;
}

.logo-dark {
  display: inline;
}

/* V dark režimu */

[data-bs-theme="dark"] .logo-light {
  display: inline;
}

[data-bs-theme="dark"] .logo-dark {
  display: none;
}

/* Hero */

.img-hero {
  min-height: 80vh;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 0px) {
  .img-hero {
    background-position: 60% center !important;
  }
}

@media (min-width: 0px) {
  .h1-hero {
    font-size: calc(16px * 1.618 * 1.618) !important;
  }
}

@media (min-width: 0px) {
  .padding-hero {
    padding-bottom: 128px !important;
  }
}

@media (min-width: 576px) {
  .img-hero {
    background-position: 55% center !important;
  }
}

@media (min-width: 768px) {
  .img-hero {
    background-position: 50% center !important;
  }
}

@media (min-width: 768px) {
  .h1-hero {
    font-size: calc(16px * 1.618 * 1.618 * 1.618) !important;
  }
}

@media (min-width: 768px) {
  .padding-hero {
    padding-bottom: 192px !important;
  }
}

@media (min-width: 768px) {
  .p-hero {
    font-size: calc(16px * 1.618);
  }
}

@media (min-width: 992px) {
  .img-hero {
    background-position: 45% center !important;
  }
}

@media (min-width: 1200px) {
  .img-hero {
    background-position: 40% center !important;
  }
}

@media (min-width: 1400px) {
  .img-hero {
    background-position: 45% center !important;
  }
}

@media (min-width: 1400px) {
  .img-hero {
    min-height: 100vh;
  }
}

/* posun o ~10 % doprava */

.section-gap {
  margin-bottom: 128px;
}

/* === Text visibility helpers === */

.text-shadow {
  text-shadow: 0 4px 24px #061c3e, 0 0 12px #061c3e;
}

nav {
  transition: background-color 0.3s ease;
}

nav.scrolled {
  background-color: #03162a;
}

#btn-contact {
  display: none;
  z-index: 9999;
}

#btn-contact.show {
  display: block;
}

#btn-contact {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

#btn-contact.show {
  opacity: 1;
  pointer-events: auto;
}

.padding-section {
  padding-bottom: 64px !important;
  padding-top: 64px !important;
}

.horda-icon {
  width: 60px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .horda-icon {
    width: 80px;
    padding-right: 16px;
  }
}

@media (min-width: 1200px) {
  .horda-icon {
    width: 100px;
    padding-right: 16px;
  }
}

.horda-services-icon {
  width: 64px;
  height: auto;
  display: block;
}

.testimonials-links {
  text-decoration: none;
  color: inherit;
}

.testimonials-links:hover {
  color: #0f654d;
  text-decoration: none;
}

/* Zajistí dědění barvy i pro vnořené prvky s inline stylem */

.testimonials-links span, .testimonials-links strong {
  color: inherit !important;
}

/* Hover/focus/active včetně vnořených prvků */

.testimonials-links:hover, .testimonials-links:focus, .testimonials-links:active {
  color: #0f654d !important;
  text-decoration: none;
}

.testimonials-links:hover span, .testimonials-links:hover strong, .testimonials-links:focus span, .testimonials-links:focus strong, .testimonials-links:active span, .testimonials-links:active strong {
  color: #0f654d !important;
}

/*  */

#About, #Services, #Testimonials, #Team {
  scroll-margin-top: 74px;
}