@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root{ 
  --darkblue: #003e7d;
  --lightblue: #006ab5;
  --green: #6da34d;
  --red: #FFD700;
  --red-rgb: rgb(255,215,0,0.75);
  --darkblue-rgb: rgb(0, 62, 125,0.8);
  --orange-rgb: rgb(242,133, 0,0.8);
  --lightblue-rgb: rgb(0, 106, 181);
.btn-primary {
--bs-primary:#006CB4!important ; --bs-btn-bg:#006CB4!important ; --bs-btn-border-color:#006CB4!important ;
 }
[data-bs-theme=dark]
 {
--bs-body-color:#ebedf0!important;
--bs-body-bg:#4d5053!important;
--bs-primary-rgb:1,65,111!important ; --bs-nav-link-color:rgba(var(--bs-emphasis-color-rgb), 0.5)!important ;
.navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
}
}
body { font-family: "Poppins", sans-serif!important; }
/* Skryj H1/H2 před GSAP animací (proti bliknutí) */
.header h1,
.header h2, p { opacity: 0; }

#menu { background-color:var(--red)!important; }
#maxHeight { min-height: 81vh;}
dialog.netteFormsModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:90%;max-width:500px;padding:1.5rem;border:none;border-radius:.3rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.5);background:#fff;z-index:1055}dialog.netteFormsModal::backdrop{background:rgba(0,0,0,.5)}dialog.netteFormsModal button{padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#fff;background:#0d6efd;border:1px solid #0d6efd;border-radius:.25rem;cursor:pointer}dialog.netteFormsModal button:hover{background:#0b5ed7;border-color:#0a58ca}

#box img,
    #box span {
      display: inline-block; transform-origin: center center;font-weight: 800 !important;letter-spacing: 0.02em;
    }

#menu .nav-link, .dark {  color: #663300 !important; } .nav-link:hover {  color: #331900!important;} .nav-link.active {  color: #331900 !important; }
#menu .bi-envelope,
#menu .bi-telephone {
  display: inline-block;
  will-change: transform;
  transform-origin: 50% 50%;
}
.nav-menu {  display: flex;  list-style: none;  margin: 0;  padding: 0;}
.nav-link {  position: relative;  margin: auto 0.6rem auto 0!important;  text-decoration: none;  display: inline-block;  transform-origin: center center; }
#nav-indicator {  position: absolute;  bottom: 11px;  height: 2px;  background: #007bff;  width: 0;  right: 0;z-index:0; pointer-events: none; } /* nikdy neblokuj klik */
#pohar { display: inline-block;  transform-style: preserve-3d; }
.table-transparent {  --bs-table-bg: transparent;  --bs-table-striped-bg: transparent;  --bs-table-hover-bg: transparent;  --bs-table-active-bg: transparent;}
.page-link:focus,
.page-link:active {
  outline: none !important;    /* pro jistotu vypne i outline */
  box-shadow: none !important; /* zruší modrý stín na focus */
}
.card-header{height:80px!important}
.blur{filter: blur(10px);}
.pointer {cursor: pointer;}
.adminImg a img {filter: blur(0.6px); transition: 300ms;opacity:0.92}
.adminImg a img:hover {box-shadow: rgb(0 106 181 / 35%) 0px 0px 16px 8px;filter: blur(0);opacity:1}
.orange {background: linear-gradient(180deg, var(--orange-rgb) 0%, rgba(0, 0, 0,0) 196%)!important;padding: 0.2em;justify-content: center;border-radius: 0 0 12px 12px;}
.blue {background: linear-gradient(180deg, var(--darkblue-rgb) 0%, rgba(0, 0, 0,0) 196%)!important;padding: 0.2em;justify-content: center;border-radius: 0 0 12px 12px;}
.red {background: linear-gradient(180deg, var(--red-rgb) 0%, rgba(0, 0, 0,0) 196%)!important;padding: 0.2em 0;justify-content: center;}
.full {background: linear-gradient(180deg, rgba(157,44,44,0.8) 0%, rgba(0, 0, 0,0) 196%)!important;justify-content: center;border-radius: 0 0 12px 12px;}
.notCursor {cursor: not-allowed;}
.redFull { background-color: var(--red)}
.header { max-height: 46vh;} .header-block{ top: -6vw;}
.he {height: 85px;}
/* SLIDER – layout fix */
.logos-viewport { overflow: hidden; position: relative; }

.logos-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  will-change: transform;
}

.logos-segment {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 0 auto;            /* segment má vlastní šířku, nesmršťuje se */
  gap: 32px;
  padding-inline: 16px;
}

/* přepiš chování .img-fluid jen v slideru */
.logos-segment img{
  display:block;
  height:85px!important;
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto;
  object-fit:contain;
}

    /* Masonry přes CSS columns – menší mezery */
    .gallery {
      column-gap: .5rem;
      column-width: 20rem;
    }
    @media (max-width: 992px) { .gallery { column-width: 16rem; } }
    @media (max-width: 576px) { .gallery { column-width: 100%; } }

    .gallery-item {
      display: inline-block;
      width: 100%;
      margin: 0 0 .3rem;
      border-radius: .75rem;
      overflow: hidden;
      break-inside: avoid;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      background: rgba(0,0,0,.03);
    }
    .gallery-item img {
      display: block;
      width: 100%;
      height: auto;
      transition: transform .25s ease;
      will-change: transform;
      cursor: pointer;
    }
    .gallery-item:hover img { transform: scale(1.015); }

    /* Overlay pro zvětšení */
    .lightbox-overlay {
      position: fixed; inset: 0;
      background: rgba(0,0,0,0.0);
      display: none;
      z-index: 1050; /* nad obsahem */
      cursor: hand;
    }
    .lightbox-img {
      position: fixed;
      box-shadow: 0 12px 40px rgba(0,0,0,.45);
      border-radius: .5rem;
      /* top/left/width/height animuje GSAP */
    }
  /* dovolí transform na <b>, jinak je inline a některé prohlížeče ho neanimují hladce */
  #akceWord { display:inline-block; will-change: transform; }
  /* volitelné: drobný zvýrazňovací efekt alertu při startu animace */
  #promoAlert { position: relative;opacity:0 }
/* Anti-tear + výchozí stav pro GSAP */
.map-embed { opacity: 0; will-change: transform; }
/* skryj galerii do doby, než ji GSAP odhalí */
.gallery { opacity: 0; }
/* fallback pro vypnutý JS / accessibility */
@media (prefers-reduced-motion: reduce) {
  .gallery { opacity: 1; }
  .map-embed { opacity: 1; transform: none; }
.header h1, .header h2 { opacity: 1; }
}