@charset "UTF-8";
/* CSS Document */

/* === Základní nastavení barev === */
body {
    font-family: Helvetica, "Helvetica Neue", Gotham, Arial, sans-serif;
    color: #161616;
    text-align: center;
    background-color: white;
    overflow-x: hidden;
}
.text-cerna {
    color: rgba(22,22,22,1.00);
}

.collapse {
    transition: height 0.8s ease-in-out, opacity 0.6s ease-in-out;
}
.icon-toggle {
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.icon-toggle.hide {
    opacity: 0;
    transform: rotate(180deg);
}
.fade-out {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.d-none {
    display: none;
}


  @media (min-width: 992px) {
    .row .col img {
      max-width: 120px;
    }
  }

#iconToggleFotoknihy,
#iconToggleCloseFotoknihy {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* === galerie PHP === */
    .gallery img {
      width: 100%;
      height: auto;
      cursor: pointer;
      border-radius: 0.4rem;
      transition: transform 0.3s;
    }
    .gallery img:hover {
      transform: scale(1.05);
    }

/* === Navigace === */
.navbar {
    background-color: rgba(255, 255, 255, 1.00);
    transition: background-color 0.6s ease-in-out, height 0.8s ease-in-out;
    height: 60px;
}
.navbar-mis {
    background-color: rgba(255, 255, 255, 0.75);
    transition: background-color 0.6s ease-in-out, height 0.8s ease-in-out;
    height: 60px;
}
.navbar.scrolled {
    background-color: white !important;
    height: 50px;
    box-shadow: 0 0 20px rgba(22,22,22,0.17);
}

@media (max-width: 768px) {
    .navbar {
        height: 90px;
    }
}

@media (max-width: 768px) {
    .navbar.scrolled {
        height: 60px;
    }
}

.negativ-text-link a,
.negativ-text-link a:link,
.negativ-text-link a:visited,
.negativ-text-link a:hover,
.negativ-text-link a:active,
.negativ-text-link a:focus {
  color: #FF9933 !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
}

/* === Rozbalovací TOP menu === */
.navbar-mine-nav {
    margin-top: 0;
    transition: margin-top 1s ease-in-out;
    width: 100%;
    background-color: rgba(22, 22, 22, 0.95);
    color: #FF9933;
}

@media (max-width: 768px) {
    .navbar-mine-nav {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    overflow-y: auto;
    }
}

.navbar-mine-nav.scrolled {
    margin-top: 52px !important;
}

/* === Obecný styl tlačítek === */
/* Skrytí tlačítka pro telefování na desktopu */
#callButton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1050; /* zajistí, že tlačítko bude vždy nad ostatním obsahem */
}

/* Zobrazení tlačítka pouze na mobilech s menší šířkou než 768px */
@media only screen and (max-width: 768px) {
  #callButton {
    display: block;
  }
  
  #callButton a {
    display: block;
  }

  #callIcon {
    width: 60px;
    height: 60px;
  }
}

/* tlačítko navigace webu - scroller */
  .scroll-btn {
    position: fixed;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background-color: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
    transition: transform 0.3s, left 0.3s, right 0.3s;
  }
@media (max-width: 425px) {
	.scroll-btn {
		left: auto;
        right: 20px;
		bottom: 80px;
        transform: none;
	}
}
  .scroll-btn img {
    width: 40px;
    height: 40px;
    transition: opacity 0.2s;
  }

  .fixed-bottom-right {
    left: auto;
    right: 20px;
	bottom: 80px;
    background-color: rgba(22,22,22,0.40);
    transform: none;
  }

.btn:active,
.btn:focus {
	outline: none !important;
	color: none !important;
}
.btn-custom-1, 
.btn-custom-2, 
.btn-custom-3, 
.btn-custom-3-menu, 
.btn-custom-4, 
.btn-custom-5, 
.btn-custom-6,
.btn-custom-7,
.btn-custom-8 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 30px;
    padding: 5px 15px;
    border-radius: 999px;
    font-size: 20px;
	font-size-adjust: auto;
    font-weight: normal;
    white-space: normal;
    transition: all 0.3s ease;
    line-height: 1.2;
    max-width: 100%;
}
.btn-custom-1:focus, 
.btn-custom-1:active,
.btn-custom-2:focus, 
.btn-custom-2:active,
.btn-custom-3:focus, 
.btn-custom-3:active,
.btn-custom-4:focus, 
.btn-custom-4:active,
.btn-custom-5:focus, 
.btn-custom-5:active
.btn-custom-6:focus,
.btn-custom-6:active,
.btn-custom-7:focus,
.btn-custom-7:active,
.btn-custom-8:focus,
.btn-custom-8:active,
.btn-custom-1 a:visited,
.btn-custom-2 a:visited,
.btn-custom-3 a:visited,
.btn-custom-4 a:visited,
.btn-custom-5 a:visited,
.btn-custom-6 a:visited,
.btn-custom-7 a:visited,
.btn-custom-8 a:visited,
.btn-custom-1 a:focus,
.btn-custom-2 a:focus,
.btn-custom-3 a:focus,
.btn-custom-4 a:focus,
.btn-custom-5 a:focus,
.btn-custom-6 a:focus,
.btn-custom-7 a:focus,
.btn-custom-8 a:focus{
    background: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important; /* Speciálně pro Safari */
    -moz-box-shadow: none !important; /* Speciálně pro Firefox */
}

.btn-custom-1.active,
.btn-custom-2.active,
.btn-custom-3.active,
.btn-custom-4.active,
.btn-custom-5.active,
.btn-custom-6.active,
.btn-custom-7.active,
.btn-custom-8.active,
.btn-custom-1 a:active,
.btn-custom-2 a:active,
.btn-custom-3 a:active,
.btn-custom-4 a:active,
.btn-custom-5 a:active,
.btn-custom-6 a:active,
.btn-custom-7 a:active,
.btn-custom-8 a:active {
    background: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* === Styl jednotlivých tlačítek === */

.btn-custom-1 {
    color: #FF9933;
    border: 2px solid #FF9933;
    background: transparent;
}
.btn-custom-1:hover {
    background: #FF9933;
    color: #161616;
    box-shadow: 0 0 10px #FF9933;
}

.btn-custom-2 {
    color: whitesmoke;
    border: 2px solid whitesmoke;
    background: transparent;
}
.btn-custom-2:hover {
    color: #FF9933;
    border-color: #FF9933;
    box-shadow: 0 0 10px #FF9933;
}

.btn-custom-3 {
    color: #161616;
    border: 2px solid #FF9933;
    background: rgba(255, 255, 255, 0.85);
}
.btn-custom-3:hover {
    background: #FF9933;
    border-color: #161616;
    box-shadow: 0 0 10px #FF9933;
}
.btn-custom-3-menu {
    color: #161616;
	font-size: 14px;
	font-weight: bold;
    border: 2px solid #FF9933;
    background: rgba(255, 255, 255, 0.85);
}
.btn-custom-3-menu:hover {
    background: #FF9933;
    border-color: #161616;
    box-shadow: 0 0 10px #FF9933;
}
.btn-custom-4 {
    color: #161616;
    border: 2px solid #161616;
    background: transparent;
}
.btn-custom-4:hover {
    color: #FF9933;
    border-color: #FF9933;
    box-shadow: 0 0 10px #FF9933;
}
.btn-custom-5 {
    color: whitesmoke;
    border: 2px solid #161616;
    background: rgba(22,22,22,0.95);
}
.btn-custom-5:hover {
    color: #FF9933;
    border-color: #FF9933;
	background: rgba(22,22,22,0.95);
    box-shadow: 0 0 10px #FF9933;
}
.btn-custom-6 {
    color: #161616;
    border: 2px solid #161616;
    background: #FF9933;
}
.btn-custom-6:hover {
    color: #FF9933;
    border-color: #FF9933;
    background: #161616;
    box-shadow: 0 0 10px #FF9933;
}
.btn-custom-7 {
    color: #FF9933;
    border: 2px solid #FF9933;
    background: #161616;
}
.btn-custom-7:hover {
    color: #FF9933;
    border-color: #FF9933;
    background: #161616;
    box-shadow: 0 0 10px #FF9933;
}
.btn-custom-8 {
    color: whitesmoke;
    border: 2px solid whitesmoke;
    background: rgba(22,22,22,0.85);
}
.btn-custom-8:hover {
    color: #FF9933;
    border-color: #FF9933;
    background: rgba(22,22,22,0.85);
    box-shadow: 0 0 10px whitesmoke;
}
/* ==== BUTONS X ==== */
/* ==== X1 ==== */
.btn-custom-X1 {
    color: #FF9933;
    background: transparent;
	transition: all 0.3s ease;
}
@media (max-width: 768px){
	.btn-custom-X1 {
		font-size: 4rem;
		min-height: 50px;
		margin: auto;
	}
}
.btn-custom-X1:hover {
    color: #FF9933;
    text-shadow: 0 0 10px #FF9933;
}
.btn-custom-X1:focus, 
.btn-custom-X1:active {
    color: #FF9933 !important;
    text-shadow: 0 0 20px #FF9933 !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important; 
}

/* ==== X2 ==== */
.btn-custom-X2 {
    color: whitesmoke;
    background: transparent;
	transition: all 0.3s ease;
}
@media (max-width: 768px){
	.btn-custom-X2 {
		font-size: 4rem;
		min-height: 50px;
		margin: auto;
	}
}
.btn-custom-X2:hover {
    color: whitesmoke;
    text-shadow: 0 0 10px whitesmoke;
}
.btn-custom-X2:focus, 
.btn-custom-X2:active {
    color: whitesmoke !important;
    text-shadow: 0 0 20px white !important;
    border-color: transparent !important;
    outline: none !important; 
    box-shadow: none !important;
}
/* ==== X3 ==== */
.btn-custom-X3,
.btn-custom-X3 a:visited {
    color: #161616;
    background: transparent;
	transition: all 0.3s ease;
}
@media (max-width: 768px){
	.btn-custom-X3 {
		font-size: 4rem;
		min-height: 50px;
		margin: auto;
	}
}
.btn-custom-X3:hover {
    color: #161616;
    text-shadow: 0 0 10px white;
}
.btn-custom-X3:focus, 
.btn-custom-X3:active {
    color: #161616 !important;
    text-shadow: 0 0 20px white !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important; 
}
/* ==== X4 ==== */
.btn-custom-X4,
.btn-custom-X4 a:visited {
    color: #161616;
    background: transparent;
	transition: all 0.3s ease;
}

@media (max-width: 768px){
	.btn-custom-X4 {
		font-size: 4rem;
		min-height: 50px;
		margin: auto;
	}
}
.btn-custom-X4:hover {
    color: #161616;
    text-shadow: 0 0 10px #ff9933;
}
.btn-custom-X4:focus, 
.btn-custom-X4:active {
    color: #161616 !important;
    text-shadow: 0 0 20px #ff9933 !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important; 
}

.tlacitka {
    position: absolute; /* Absolutní pozicování vzhledem k rodiči */
    bottom: 20px; /* Vzdálenost od spodní hrany sekce */
    left: 50%; /* Horizontálně na střed */
    transform: translateX(-50%); /* Posun o polovinu šířky pro dokonale centrování */
    max-height: 400px; /* Pevná maximální výška */
    margin-top: 0; /* Zrušíte jakýkoliv automatický margin-top */
    height: auto; /* Dynamická výška podle obsahu */
}
.tlacitka a {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* === Obecna tlacitka=== */
button:active, button:focus {
    border-color: transparent; 
    box-shadow: none !important;
    outline: none !important;
}

/* === Doplňková tlačítka === */

/* tlačítka TOP menu */
.top-manu-mine-btn {
    border-bottom-color: #FF9933;
    text-align: right;
    color: #FF9933;
    padding-right: 50px;
}
.top-manu-mine-btn:hover {
    color: whitesmoke;
    text-shadow: 0 0 10px #FF9933;
}
@media (max-width: 768px) {
	.top-manu-mine-btn {
    border-bottom-color: #FF9933;
    text-align: right;
    color: #FF9933;
    padding-right: 10px;
	}
}
/* Styl pro obecná tlačítka */
button {
    border: 2px solid #FF9933;
    border-radius: 999px;
    text-align: center;
    padding: 0.5rem;
    background-color: rgba(255, 255, 255, 0.80);
}
/* tlačítko SVG */
.btn-svg {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
}

.btn-svg:hover::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: rgba(255, 153, 51, 0.5);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px #ff9933;
}

.hidden-window {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(25px);
    background: rgba(22, 22, 22, 0.95);
    border: 2px solid #ff9933;
    color: whitesmoke;
    padding: 20px;
    z-index: 1100;
    box-shadow: 0 5rem 20px rgba(22, 22, 22, 0.8);
    min-width: 200px;
}

/* Styl pro menu tlačítka */
.btn-mine-menu {
    border-radius: 1rem;
    width: 4rem;
    height: 2rem;
    border: 0.17rem solid #FF9933;
    background-color: rgba(255, 255, 255, 0.85);
    color: #161616;
    font-weight: bold;
    font-size: 100%;
}
.btn-mine-menu:hover, .btn-mine-menu:focus {
    background-color: rgba(255, 153, 51, 1.00);
    border-color: #161616;
    box-shadow: 0 0 0.5rem rgba(255, 153, 51, 0.85);
}

/* === Sekce a layout === */
.responsive-section {
    min-height: auto; /* Zruší povinnou výšku 100vh */
    max-height: 680px; /* Pevná maximální výška */
    height: 100%; /* Umožní prvku přizpůsobit se obsahu */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
}
.responsive-section-kontakty {
  background-size: cover;         /* Obraz p?izp?sob� velikosti sekce */
  background-position: center;    /* Zarovn�n� na st?ed */
  background-repeat: no-repeat;   /* Neopakovat */
  background-attachment: scroll;  /* nebo 'fixed' pro paralaxn� efekt */
}
#sekce-10 {
  position: relative;
  z-index: 10;
}
.contact-card, 
#sekce-10 .btn {
  position: relative;
  z-index: 20;
}

.card-body-customDark {
  color: #161616 !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  border: none;
  box-shadow: 0 15px 10px rgba(22, 22, 22, 0.47);
  border-radius: 15px;
  margin-left: 20%;
  margin-right: 20%;
  padding: 2rem;
  position: relative;
  z-index: 990;
  font-size: 1.2rem;
  line-height: 1.7rem;
  letter-spacing: 1pt;
  text-align: left;
  transition: all 0.3s ease;

  /* Scrollovac� vlastnosti */
  max-height: 60vh;
  overflow-y: auto;
  overflow: hidden; /* D?le�it� pro maskov�n� */
}

/* Vnit?n� posuvn� oblast */
.scroll-inner {
  max-height: 350px; /* nebo podle pot?eby */
  overflow-y: auto;
  padding-right: 0.3rem; /* prostor pro scrollbar */
  mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
}

/* Scrollbar styl */
.scroll-inner::-webkit-scrollbar {
  width: 6px;
}
.scroll-inner::-webkit-scrollbar-track {
  background: transparent;
}
.scroll-inner::-webkit-scrollbar-thumb {
  background-color: #FF9933;
  border-radius: 10px;
}

/* Pro men�� "te?kov�" vzhled scrollbaru */
.scroll-inner::-webkit-scrollbar-thumb {
  background-color: #FF9933;
  border-radius: 20px;
  height: 5px;
}

/* Mobiln� zobrazen� */
@media (max-width: 768px) {
  .card-body-customDark {
    max-height: 1000px; /* dostate?n� v��ka, nebo animovan� v��ka */
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-left: 2% !important;
    margin-right: 2% !important;
    text-align: center;
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) {
    .card img {
        max-width: 100%;
    }
}

card {
	color: inherit !important;
}

#fotobanka {
  margin-bottom: 0;
  padding-bottom: 0;
}

#fotoknihy {
    max-height: 690px; /* Pevná maximální výška */
}
@media (max-width: 768px){ 
    #fotoknihy {
        max-height: 570px; /* Pevná maximální výška */
        }
}
@media (max-width: 425px){ 
    #fotoknihy {
        max-height: 724px; /* Pevná maximální výška */
        }
}
#pruvodce {
    max-height: 680px; /* Pevná maximální výška */
}
@media (max-width: 768px){ 
    #pruvodce {
        max-height: 570px; /* Pevná maximální výška */
        }
}
@media (max-width: 425px){ 
    #pruvodce {
        max-height: 724px; /* Pevná maximální výška */
        }
}
/* Vrstvení pro overlay efekt */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: whitesmoke;
}

/* === Ostatní styly === */

  .contact-box {
    border-left-color: #ff9933;
    border-left-style: solid;
  }

  /* Na mobiln�ch za?�zen�ch skryj lev� okraj */
  @media (max-width: 768px) {
    .contact-box {
      border-left: none;
    }
  }

@media (max-width: 768px) { /* Pro tablety a menší zařízení */
    .display-5 {
        font-size: 2rem; /* Zmenší font pro menší obrazovky */
    }
}

@media (max-width: 480px) { /* Pro mobilní telefony */
    .display-5 {
        font-size: 1.7rem; /* Ještě menší font pro mobily */
    }
}

.container-mine {
    /* == container pro obsahovou část sekce */
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    width: 100%;
}

.div-button {
    padding-top: 10%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100vh;
    width: 80%;
}

.nadpis-sekce {
    height: 50%;
    margin-top: 70px;
    font-size-adjust: auto;
}
@media (max-width: 425px){
	.nadpis-sekce {
		margin-top: 60px;
        font-size-adjust: 0.5;
	}
}

.text-dark {
	color: #161616;
}
.text-light {
	color: whitesmoke;
}
.text-orange {
	color: #FF9933;
}

.text-dark-link {
    text-decoration: none; 
    color: rgba(22, 22, 22, 1.00);
}

.text-dark-link:hover,
.text-dark-link:focus,
.text-dark-link:active {
    color: rgba(22,22,22, 1.00);
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: rgba(255, 153, 51, 1.00); 
}

.text-card-link {
    text-decoration: none; 
    color: rgba(255, 153, 51, 1.00);
    text-decoration: underline rgba(22,22,22, 1.00);
}

.text-card-link:hover,
.text-card-link:focus,
.text-card-link:active {
    color: rgba(255, 153, 51, 1.00);
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: rgba(255, 153, 51, 1.00); 
}

/* === Efekty animace číselného počítadla === */
.counter {
    font-size: 6rem;
    font-weight: normal;
    text-align: center;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.67s ease, transform 0.67s ease;
	will-change: opacity, transform;
}
.counter.visible {
    opacity: 1;
    transform: translateY(0);
}
.counter-right {
    font-size: 6rem;
    font-weight: normal;
    text-align: left;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.67s ease, transform 0.67s ease;
	will-change: opacity, transform;
}
.counter-right.visible {
    opacity: 1;
    transform: translateY(0);
}

.label {
    font-size: 3rem;
    text-align: center;
    line-height: 0.3rem;
}
.label-right {
    font-size: 3rem;
    text-align: left;
    line-height: 0.3rem;
}

.txt-shadow {
    text-shadow: 0 0 3.5rem rgba(22, 22, 22, 0.95);
}
#pocitadlo-fotoknihy {
    position: absolute;
    top: 50%; /* Posune element do středu sekce */
}

/* === karty kontaktu === */

.contact-card {
    width: 100%;
    color: #161616;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0;
}

.offcanvas-no-padding {
  padding: 0;
}

/* === Karuselní sekce === */
.carousel-item {
    height: 100vh;
    background-size: cover;
    background-position: center;
}
.carousel-indicators button {
  border: none;
  cursor: pointer;
  background-color: whitesmoke;
  transition: background-color 0.3s ease;
}

/* 📌 PC + Tablet verze */
@media (min-width: 768px) {
  .carousel-indicators button {
    width: 50px;
    height: 5px;
    border-radius: 2.5px; /* Kulaté boky */
  }
}

/* 📌 Mobilní verze */
@media (max-width: 767px) {
  .carousel-indicators button {
    width: 60px;
    height: 20px;
    border-radius: 10px;
  }
}

/* 🔥 Aktivní tlačítko */
.carousel-indicators .active {
  background-color: #ff9933;
}
.carousel-caption {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 66.666%; /* 8 sloupců Bootstrapu */
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#Vltava2025 {
    height: 478px;
}
#Vltavska-stafeta {
    height: 478px;
}
#Audiokniha {
    height: 478px;
}
#novinka {
    height: 478px;
}
#DL-novinka {
    height: 408px;
}
@media (max-width: 767px) {
    .carousel-caption {
        height: 250px;
        width: 83,333%;
    }
}
.move-left {
  margin-left: 0.5rem;  /* nebo t?eba */
  transform: translateX(-30px);
}
.carousel-caption h1 {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 10px 15px rgba(22,22,22,0.27);
}
.carousel-caption img {
    text-align: center;
    text-shadow: 0px 10px 15px rgba(22,22,22,0.27);
}
.carousel-caption a,
.carousel-caption a:link,
.carousel-caption a:visited,
.carousel-caption a:active,
.carousel-caption a:focus {
    color: inherit !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    text-shadow: none !important;
}
.carousel-caption img a:hover {
    text-shadow: 0px 10px 15px rgba(22,22,22,0.87);
}
.carousel-caption-dark {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 66.666%; /* 8 sloupců Bootstrapu */
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .carousel-caption-dark {
        height: 250px;
        width: 83,333%;
    }
}
.carousel-caption-dark h1 {
    color: rgba(22,22,22,1.00);
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 10px 15px rgba(22,22,22,0.27);
}
.carousel-caption-dark img {
    text-align: center;
    text-shadow: 0px 10px 15px rgba(22,22,22,0.27);
}
.carousel-caption-dark a,
.carousel-caption-dark a:link,
.carousel-caption-dark a:visited,
.carousel-caption-dark a:active,
.carousel-caption-dark a:focus {
    color: inherit !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    text-shadow: none !important;
}
.carousel-caption-dark img a:hover {
    text-shadow: 0px 10px 15px rgba(22,22,22,0.87);
}
.carousel-indicators {
    position: absolute;
    bottom: 50px;
    left: 50px;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
}
@media (max-width: 767px) {
    .carousel-indicators {
        bottom: 20px;
        left: 20px;
    }
}

.carousel-indicators li {
    width: 50px;
    height: 6px;
    margin: 0 20px;
    background-color: #ffffff;
    border-radius: 3px;
}

.carousel-indicators .active {
    /* Tady můžeš přidat specifické efekty pro aktivní indikátor */
}

/* === Tlačítko pro přidání funkce === */
.text-plus {
    color: whitesmoke;
    border-radius: 0.2rem;
    background-color: rgba(0, 0, 0, 0.70);
}

.btn-plus {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border-color: #FF9933;
    border-style: solid;
    outline: dashed;
}
.animated-number {
    font-weight: bolder;	
}


.partner-logo {
    max-width: 90px;
    max-height: 90px;
}
@media (max-width: 425px) {
  #visit {
    min-width: auto; /* nebo nastavit vhodnou hodnotu */
  }
}
.mapa-visit {
    opacity: 0.7;    
}
/* animace */
/* Definice animac� pro r?zn� sm?ry */
@keyframes flyInFromTop {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes flyInFromBottom {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes flyInFromLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes flyInFromRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* T?�da pro animaci */
.fly-in {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.show {
  opacity: 1;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

/* Specifick� sm?ry pro animace */
.fly-in.from-top {
  animation-name: flyInFromTop;
}

.fly-in.from-bottom {
  animation-name: flyInFromBottom;
}

.fly-in.from-left {
  animation-name: flyInFromLeft;
}

.fly-in.from-right {
  animation-name: flyInFromRight;
}

/*animace konec */

/*galerie*/
.gallery-wrapper {
  width: 100%;
  height: 690px; /* Celkov� v��ka galerijn�ho wrapperu */
  overflow: hidden;
  position: relative;
}

.gallery-row {
  display: flex;
  position: absolute;
  height: 230px; /* Ka�d� ?�dek m� v��ku 230px */
  width: 300%; /* Celkov� ��?ka ?�dku */
  margin: 0;
  padding: 0;
}

#row1 {
  animation: slideLeftRight 180s infinite linear;
  opacity: 0.60;
}

#row2 {
  animation: slideRightLeft 210s infinite linear;
  margin-top: 230px;
  opacity: 0.80;
}

#row3 {
  animation: slideLeftRight 150s infinite linear;
  margin-top: 460px;
  opacity: 1.00;
}

.image-wrapper {
  width: 33.33%; /*Ka�d� obr�zek zab�r� 1/3 ��?ky ?�dku */
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: opacity 1.7s ease;  /* Plynul� p?echod pro opacity */
}


@keyframes slideLeftRight {
  0% { transform: translateX(0); }
  100% { transform: translateX(-30%); } /* Jemn� pohyb o 10% */
}

@keyframes slideRightLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(30%); } /* Jemn� pohyb o 10% */
}

#fotobanka {
  overflow: hidden; /* Zamez� posouv�n� */
  width: 100%; /* Zajist�, �e sekce bude m�t ��?ku 100% obrazovky */
}

#fotobanka {
  margin: 0; /* Resetuje v�echny marginy */
  padding: 0; /* Resetuje v�echny paddingy */
}

#fotobanka .container-mine {
  margin: 0; /* Zajist�, �e i kontejnery nemaj� nadbyte?n� mezery */
  padding: 0;
}

#fotobanka .image-wrapper {
  margin: 0; /* Resetuje marginy pro jednotliv� obr�zky */
  padding: 0;
}

#fotobanka {
  max-height: 690px; /* Omez� v��ku sekce, aby nevy?n�vala mimo po�adovan� r�mec */
}