body {
  font-family: 'Arial', sans-serif;
}

/* Transparent menu */
.navbar {
  background-color: rgba(255, 255, 255, 0.8); /* Bílé poloprůhledné menu */
  transition: background-color 0.3s;
}
.navbar.fixed-top {
  background-color: rgba(255, 255, 255, 1); /* Bílé při přichycení */
}

.navbar-nav .nav-item .nav-link {
  color: #000; /* Černý text v menu */
  font-weight: bold;
  font-size: 17px;
}
.navbar-nav .nav-item .nav-link:hover {
  color: #007bff; /* Modrá na hover */
}

.dropdown-menu {
  background-color: white;
  border: none;
}

.sen-tag {
   background-color: #1a4a73 !important;
  color: #fff !important;
}

/* Navigation button colors */

.nav-link {
  color: #1a4a73;
}

.page-link {
  color: #1a4a73;
}

.page-item.active .page-link {
  background-color: #1a4a73; /* Set the background color to #1a4a73 */
  border-color: #1a4a73; /* Optionally, set the border color to match */
  color: white; /* Set the text color to white for better contrast */
}

.nav-link.active {
  background-color: #1a4a73 !important; /* Vlastní modrá */
  color: white !important; /* Barva textu */
 /* border-radius: 5px;*/ /* Zaoblení rohů, pokud chceš */
}

.navbar-toggler {
  color: #ff3300;
  background-color: #1a4a73; 
}

.navbar-toggler-icon {
  filter: invert(100%);
}

/* Links in Sen21 colors */
a {
  color: #1a4a73; /* Modrá barva */
}

a:hover {
  color: #ff3300; /* Tmavší modrá při najetí myší */
  text-decoration: underline; /* Přidání podtržení */
}

.btn {
  border-radius: 0px;
}

/* Call to action buttons in menu */
.cta-btn {
  font-weight: bold;
  border-radius: 0px;
}

.cta-menu {
  margin-left: 10px;
}

.cta-blue {
  background-color: #1a4a73;
  color: white;
  
}

.cta-red {
  background-color: #ff3300;
  color: white;
}

/* Parallax */
.parallax {
  background-size: cover;
  background-position: center;
  /*background-attachment: fixed;*/
  min-height: 100vh; 
  color: #ffffff;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .parallax {
      background-attachment: scroll;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      min-height: 50vh;
      margin-top: 56px;
  }
}
@media (max-width: 768px) {
  .overlay {
      background: rgba(256, 256, 256, 0.5);
  }
}

/* Hero mini parallax */
.hero-bg {
  background-size: cover;
  min-height: 400px;
  border-radius: 10px;
  position: relative;
  display: flex;
}
@media (max-width: 768px) {
  .hero-bg {
    min-height: 250px;   
  }
}
@media (min-width: 768px) {
.hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
}}

/* Blog index */
.title-limit,
.intro-limit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title-limit {/* Nadpis na 2 řádky */
    line-clamp: 2;
    -webkit-line-clamp: 2; 
}

.intro-limit {/* Úvodní text na 4 řádky */
    line-clamp: 4;
    -webkit-line-clamp: 4; 
}


/* Person's gallery */
.gallery-item {
  position: relative;
  width: 100%;
  padding-top: 100%; /* Ratio 1:1 (squre) */
  overflow: hidden;
  /*border-radius: 8px;*/ /* Zaoblení rohů */
}

/* Obrázky uvnitř čtverců */
.gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ořízne do čtverce */
}

.card {
  border-radius: 0px;
}

.badge-square {
    border-radius: 0 !important; /* Use !important if necessary to override Bootstrap's default */
}

/* Region map */
.region-map {
  fill: #1a4a73; /* Například, pokud theme('colors.grey.200') je #e2e8f0 */
  stroke: black;
  stroke-linejoin: round;
  transform: translateY(-80px);
}

.region-map svg {
  display: block;       /* pro jistotu: aby se SVG chovalo jako blok a ne inline */
  width: 100%;          /* roztáhne se do šířky rodičovského prvku */
  height: auto;         /* zachová poměr stran */
  max-width: 1200px;     /* pokud chceš horní limit */
}

.region-map__reg:hover {
  fill: #ff3300;
}
/* End Region map */

/* Person index */
/*
.hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px; /* Nastaví minimální výšku */
/*}
*/

/* End person index */