body {
    font-family: 'Montserrat', sans-serif;
   color: #002D77;
}

.montserrat-medium {
    font-weight: 500;
}

.montserrat-bold {
    font-weight: 700;
}

    /* NastavÌme maxim·lnÌ ö̯ku na 500px */
.title {
max-width: 450px;
width: 100%; /* umoûnÌ responsivitu */
height: auto; /* zachov· pomÏr stran */
margin-bottom: 50px;
margin-top: 50px;
    }

.top-city  {
max-width: 100px;
width: 100%;
height: auto;
margin-bottom: 0px;
margin-top: 30px;
float: right;
}

.akce  {
max-width: 200px;
width: 100%;
height: auto;
margin-bottom: 0px;
margin-top: 0px;
}


.title-down {
max-width: 300px;
width: 100%; /* umoûnÌ responsivitu */
height: auto; /* zachov· pomÏr stran */
margin-bottom: 0px;
margin-top: 20px;
msrgin-left: 0;
padding: 0;
    }

/* odsazeni nav od obsahu*/
.w3-bar {
margin-bottom: 20px;
}

.text-small {
margin-top: 20px;
font-size: 0.7rem;
}

.custom-dark-blue {
    color: #4962c9 !important;
}

.custom-dark-blue {
    color: #4962c9 !important;
}

.menu-blue {
    background-color: #002D77 !important;
}

/* vlastní hover efekt pro tlačítka menu */

.my-hover-blue:hover {
  background-color: #002D77 !important; /* vaše modrá */
  color: #FFCA22 !important;             /* barva textu při hoveru */
}

/* barva rozbaleného menu */
.my-dropdown-bg {
  background-color: #002D77; /* tmavo modrá */
  color: #FFCA22 !important;
}

/* barva položek v dropdownu při hoveru */
.my-dropdown-bg a:hover {
  background-color: #0047AB !important;
  color: #fff !important;
}


/* barva při hoveru i při otevření (focus) */
.my-hover-blue:hover,
.my-hover-blue:focus {
  background-color: #002D77 !important;
  color: #FFCA22 !important;
}

/* pokud chcete, aby se barva držela i při pohybu uvnitř dropdownu */
.w3-dropdown-hover:focus-within > .my-hover-blue {
  background-color: #0047AB !important;
  color: #ffffff !important;
}

/* Stav, kdy je dropdown "otevřený" – na desktopu (hover) i na mobilu (focus-within) */
.w3-dropdown-hover.my-stay-blue:hover > .w3-button,
.w3-dropdown-hover.my-stay-blue:focus-within > .w3-button {
  background-color: #002D77 !important; /* modré pozadí */
  color: #ffffff !important;            /* žlutý text */
}

/* Volitelné: stejné barvy i při samotném hoveru nad tlačítkem */
.w3-dropdown-hover.my-stay-blue > .w3-button.my-hover-blue:hover {
  background-color: #002D77 !important;
  color: #FFCA22 !important;
}

/* zastavuji barvení textu p {
    color: #002D77 !important;
} */

h1,h2,h3,h4 {
    color: #002D77;
}

h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 1.1rem;
line-height: 1.2rem;
}

.padding-top-16 {
padding-top: 16px;
}

.padding-right-10 {
padding-right: 10px;
}

a {
    text-decoration: none;       /* zakaze podtrzeni */
}

a:hover {
    text-decoration: underline;       /* povoli podtrzeni */
}

.menu-margin-right {
  margin-right: 20px;
}

ul  {
    margin: 0;
    padding: 0;
    margin-top: 50px;
}

/*  seznam akcí/*
.block {
    background-color: white; /* bílé pozadí */
    padding: 16px;
    margin-bottom: 16px;
}

.block img {
    width: 250px;
    height: auto;
}

.block-content {
    padding-left: 0px; /* mezera mezi obrázkem a textem */
    color: #1b3173;
    font-size: 0.8rem;
}

/* ikony v seznamu akcí*/

/* Styl pro obrázky u seznamu */


.icon-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: auto;         /* TOTO ukotví seznam dole */
    margin-bottom: 15px;
}

.icon-list li {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.icon-list li img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}



.parent {
    display: flex;
    flex-direction: column; /* poddivy pod sebou */
    height: 200px;          /* celková výška rodiče */
}

.top {
    flex: 1;                /* zabere polovinu */
}

.bottom {
    flex: 1;                /* zabere polovinu */
}


/* detailng*/ 

h1.hero-title  {
font-family: "Montserrat", sans-serif;
font-weight: 700;
line-height: 2.2rem;
font-size: 1.8rem !important;
margin-top: 70px;
margin-bottom: 20px;
}


    /* datum s ikonkou */
    
img.datum-detail  {
max-width: 30px;
width: 100%; /* umoûnÌ responsivitu */
height: auto; /* zachov· pomÏr stran */
    }

.custom-dark-blue-go {
    background-color: #003366; /* tmavě modré pozadí */
  }
  
.custom-amber-go {
    color: #ffbf00; /* amber / tmavě žlutá */
  }

    .date-row{display:flex; align-items:center; gap:14px; font-weight:500; font-size:20px; color:#002D77; margin-bottom:18px; font-size: 16px !important}

    .date-ico{

      width:42px; height:42px; border-radius:8px; background:var(--brand);

      display:grid; place-items:center; font-size:20px; color:#000;

    }

    /* dvoj-sloupcový seznam detailů */

    .details{display:grid; grid-template-columns:160px 1fr; gap:10px 18px; margin-bottom:16px}

    .label{color:var(--muted)}

    .value a{color:var(--link); text-decoration:none}

    .value a:hover{text-decoration:underline}

    /* GoOut tlačítko */

    .btn-goout{

      display:inline-block; padding:10px 16px; background:var(--btn); color:var(--brand);

      font-weight:700; border-radius:6px; text-decoration:none; border:2px solid transparent;

    }

    .btn-goout:hover{filter:brightness(1.08)}

    /* odstavec popisu */

    .desc{margin-top:18px; color:#1f2937; max-width:58ch}

    /* sdílení */

    .share{display:flex; align-items:center; gap:14px; margin-top:18px}

    .share .icons a{

      display:inline-flex; width:36px; height:36px; border-radius:8px;

      align-items:center; justify-content:center; background:#f3f4f6; color:#111827;

      text-decoration:none;

    }

    .share .icons a:hover{background:#e5e7eb}

    /* plakát */

    .poster{

      background:var(--card); overflow:hidden;

      box-shadow:0 8px 24px rgba(15,23,42,.06);
      margin-top: -80px;
    }

    .poster img{display:block; width:100%; height:auto; width: 350px;  margin-bottom: 20px;}

    /* responsivita */

    @media (max-width:992px){

      .details{grid-template-columns:130px 1fr}

      .desc{max-width:unset}

    }


    .img-thumb {
      width: 250 px;         /* nastavíš si rozměr čtverce */
      aspect-ratio: 1 / 1;  /* zaručí čtverec */
      object-fit: cover;    /* automaticky ořízne přebytek */
      border-radius: 0px;   /* volitelně zaoblení rohů */
    }  
    
    
    @media (max-width:992px){

      .noresponse {display: none;}

    }  
    
/* jen pro mobily (do 600 px šířky) */
@media (max-width:600px) {
  .w3-white,
  .w3-hover-white:hover {
    margin-bottom: 20px !important;
  }
  .poster {
margin-top: 0px;
}
}


/* style moved from body*/
html,body,h1,h2,h3,h4 {font-family:"Montserrat", sans-serif}
.mySlides {display:none}
.w3-tag, .fa {cursor:pointer}
.w3-tag {height:15px;width:15px;padding:0;margin-top:6px}