/* =========================
   HLAVIČKA - PC verze
========================= */
main {
    margin-top: 90px; /* podle výšky headeru */
}  

/* Celý header */
header {
  width: 100%;
  position: fixed;   /* FIXNÍ nahoře na PC i mobil */
  top: 0;
  left: 0;
  z-index: 1000;
}

/* Horní černý pruh */
.header-top {
  background: black;
  color: var(--seda);
  padding: 0.3rem 1.5rem;
  text-align: right;
  font-weight: bold;
  height: 25px;
}

/* Spodní bílá část */
.header-bottom {
  background: var(--bila-20);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 1.5rem;
  height: 65px;           /* pevná výška */
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(3px);
}

/* Logo */
.logo img {
  height: 69px;
  width: auto;
  padding-top: 5px;
}

/* Menu - horizontální */
.menu {
  display: flex;
  gap: 1.5rem;
}

/* Hamburger tlačítko skryté na PC */
.menu-btn {
  display: none;
  font-size: 1.8rem;
  cursor: pointer;
}

/* =========================
   MOBILNÍ VERZE
========================= */
@media (max-width: 700px) {

  /* Odsazení hlavního obsahu pod fixní header */
  main {
    margin-top: 55px; /* podle výšky headeru */
  }

  /* Skryjeme horní černý pruh */
  .header-top {
    display: none;
  }
.logo img {
  height: 60px;

}

  /* Spodní část headeru - fixní a rozostřená */
  .header-bottom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    height: 55px;       /* pevná výška pro mobil */
  }

  /* Hamburger tlačítko viditelné */
  .menu-btn {
    display: block;
  }

  /* Vysouvací menu pod header */
  .menu {
    position: fixed;
    top: 60px;           /* hned pod header */
    right: -100%;        /* skryté mimo obrazovku */
    width: 70%;
    height: auto;
    flex-direction: column;
    padding: 2rem;
    gap: 1.5rem;
    background-color: rgba(255,255,255,0.85);
    backdrop-filter: blur(10px);
    transition: right 0.3s ease;
    z-index: 999;
  }

  /* Menu otevřené */
  body.menu-open .menu {
    right: 0;
  }
}