body {
  background-color: #f9fafb; 
  color: #0A0908;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  display: flex;
  flex-direction: column;
}

/* V tomto souboru jsou různé styly pro projekt. Některé stránky mají v headu další vlastní styly */

html {
  height: 100%;
}

body {
  min-height: 100vh;
}


body > *:not(footer) {
  flex: 0 0 auto;
}

.body-variation-bg {
  background: linear-gradient(
    135deg,
    #DEE5E5 0%,
    #E2E8E2 100%
  );
}

    /* HERO */
    .hero {
      padding: 80px 16px;
      text-align: center;
      background: linear-gradient(
        135deg,
        #DEE5E5 0%,
        #E2E8E2 100%,
        #F4F6F4 100%
      );
    }



    .feature-card {
      background-color: #F4F6F4;
      border: 1px solid #e5e7eb;
    }


    .steps ol {
      max-width: 500px;
      margin: 0 auto;
      padding-left: 20px;
    }

    .steps li {
      margin-bottom: 16px;
      font-size: 16px;
    }

    /* FOOTER */
    footer {
      background: #0A0908;
      color: #DEE5E5;
      padding: 24px;
      text-align: center;
      font-size: 14px;
      border-top: 1px solid #e5e7eb;
       margin-top: auto;
  flex-shrink: 0;
    }

    footer span {
      color: #DEE5E5;
      font-weight: 600;
    }

    .btn-primary {
      --bs-btn-bg: #618B4A;          
  --bs-btn-border-color: #618B4A;
  --bs-btn-hover-bg: #618B4A;
  --bs-btn-hover-border-color: #618B4A;
  --bs-btn-active-bg: #618B4A;
  --bs-btn-active-border-color: #618B4A;
    }

   .navbar-top {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}

.navbar-bottom {
  background-color: #fafbfc;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.75rem 0;
}

.navbar-bottom .nav-link {
  color: #333;
  font-weight: 500;
  padding: 0.5rem 1rem;
  transition: color 0.3s ease;
}

.navbar-bottom .nav-link:hover {
  color: #618B4A;
}

.navbar-bottom .nav-link.active {
  color: #618B4A;
  border-bottom: 3px solid #618B4A;
  padding-bottom: calc(0.5rem - 3px);
}

.search-bar {
  max-width: 300px;
}

.search-bar input {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  transition: border-color 0.3s ease;
}

.search-bar input:focus {
  border-color: #618B4A;
  box-shadow: 0 0 0 0.2rem rgba(97, 139, 74, 0.15);
}

.navbar {
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.card.h-100 {
  display: flex;
  flex-direction: column;
}
.card.h-100 > .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.card.h-100 .list-group {
  flex: 1 1 auto;
  min-height: 1px;
  overflow: auto;
}
.card.h-100 .btn {
  margin-top: auto;
}


.card.h-100 > .card-body > .mt-auto {
  margin-top: auto !important;
}
.card.h-100 .card-body .btn {
  margin-top: auto !important;
}


.card .card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.2;

  min-height: 2.6rem;
  margin-bottom: 0.4rem;
  font-size: 1.05rem;
}