/* ======================================================
   PETR TLAMKA - HLAVIČKA ZA LOGEM
   Tmavý premium vzhled + čisté ikony + nižší výška
   Bez zásahu do layoutu
   ====================================================== */


/* Hlavní horní hlavička */
html body #header,
html body .site-header,
html body .header,
html body .header-top,
html body .header-wrapper {
  background:
    radial-gradient(
      circle at 50% 0%,
      var(--pt-gold-soft-bg, rgba(200, 155, 69, 0.12)),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      var(--pt-bg-soft, #0b0a08) 0%,
      var(--pt-bg, #050505) 100%
    ) !important;

  color: var(--pt-text, #f4efe6) !important;
  min-height: auto !important;

  border-bottom: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.2)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 34px rgba(0, 0, 0, 0.28) !important;
}


/* Vnitřní části hlavičky */
html body #header .container,
html body .site-header .container,
html body .header .container,
html body .header-top .container,
html body .header-wrapper .container {
  background: transparent !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}


/* Logo / název webu */
html body #header .site-name,
html body #header .logo,
html body #header .logo-wrapper,
html body .site-header .site-name,
html body .site-header .logo,
html body .site-header .logo-wrapper,
html body .header .site-name,
html body .header .logo,
html body .header .logo-wrapper {
  color: var(--pt-text, #f4efe6) !important;
}


/* Logo obrázek */
html body #header .logo img,
html body #header .site-name img,
html body #header .logo-wrapper img,
html body .header .logo img,
html body .header .site-name img,
html body .header .logo-wrapper img,
html body .site-header .logo img,
html body .site-header .site-name img,
html body .site-header .logo-wrapper img {
  max-height: 72px !important;
  width: auto !important;
}


/* Odkazy v hlavičce */
html body #header a,
html body .site-header a,
html body .header a,
html body .header-top a,
html body .header-wrapper a {
  color: var(--pt-text, #f4efe6) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


/* Hover odkazů v hlavičce */
html body #header a:hover,
html body .site-header a:hover,
html body .header a:hover,
html body .header-top a:hover,
html body .header-wrapper a:hover {
  color: var(--pt-gold-light, #e2bb6a) !important;
}


/* Tlačítka v hlavičce */
html body #header button,
html body .site-header button,
html body .header button,
html body .header-top button,
html body .header-wrapper button {
  color: var(--pt-text, #f4efe6) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* Hover tlačítek */
html body #header button:hover,
html body .site-header button:hover,
html body .header button:hover,
html body .header-top button:hover,
html body .header-wrapper button:hover {
  color: var(--pt-gold-light, #e2bb6a) !important;
  background: transparent !important;
}


/* Ikony v hlavičce */
html body #header svg,
html body .site-header svg,
html body .header svg,
html body .header-top svg,
html body .header-wrapper svg {
  color: currentColor !important;
}


/* Obaly vyhledávání */
html body #header .search,
html body #header .search-form,
html body #header .search-wrapper,
html body #header .site-search,
html body #header .header-search,
html body .header .search,
html body .header .search-form,
html body .header .search-wrapper,
html body .header .site-search,
html body .header .header-search {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Vyhledávací tlačítko / odkaz */
html body #header .search button,
html body #header .search-form button,
html body #header .search-wrapper button,
html body #header .site-search button,
html body #header .header-search button,
html body #header a[href*="search"],
html body #header a[href*="vyhled"],
html body .header .search button,
html body .header .search-form button,
html body .header .search-wrapper button,
html body .header .site-search button,
html body .header .header-search button,
html body .header a[href*="search"],
html body .header a[href*="vyhled"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pt-text, #f4efe6) !important;
}


/* Samotná ikona hledání */
html body #header .search svg,
html body #header .search-form svg,
html body #header .search-wrapper svg,
html body #header .site-search svg,
html body #header .header-search svg,
html body #header a[href*="search"] svg,
html body #header a[href*="vyhled"] svg,
html body .header .search svg,
html body .header .search-form svg,
html body .header .search-wrapper svg,
html body .header .site-search svg,
html body .header .header-search svg,
html body .header a[href*="search"] svg,
html body .header a[href*="vyhled"] svg {
  color: var(--pt-text, #f4efe6) !important;
  opacity: 1 !important;
}


/* Hover hledání */
html body #header .search button:hover,
html body #header .search-form button:hover,
html body #header .search-wrapper button:hover,
html body #header .site-search button:hover,
html body #header .header-search button:hover,
html body #header a[href*="search"]:hover,
html body #header a[href*="vyhled"]:hover,
html body .header .search button:hover,
html body .header .search-form button:hover,
html body .header .search-wrapper button:hover,
html body .header .site-search button:hover,
html body .header .header-search button:hover,
html body .header a[href*="search"]:hover,
html body .header a[href*="vyhled"]:hover {
  color: var(--pt-gold-light, #e2bb6a) !important;
  background: transparent !important;
}


/* Vyhledávací input, pokud se v hlavičce zobrazí */
html body #header input[type="search"],
html body #header input.search-input,
html body #header .search-input,
html body .header input[type="search"],
html body .header input.search-input,
html body .header .search-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pt-text, #f4efe6) !important;
  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
}


/* Placeholder vyhledávání */
html body #header input[type="search"]::placeholder,
html body #header input.search-input::placeholder,
html body #header .search-input::placeholder,
html body .header input[type="search"]::placeholder,
html body .header input.search-input::placeholder,
html body .header .search-input::placeholder {
  color: var(--pt-placeholder, #7d766d) !important;
}

 /* ======================================================
   SEARCH PANEL - větší, centrovaný, luxusnější
   Oprava otevřeného hledání po kliknutí na lupu
   ====================================================== */

/* Obal otevřeného hledání */
html body #header .search-form,
html body #header form[action*="vyhledavani"],
html body #header form[action*="search"],
html body .header .search-form,
html body .header form[action*="vyhledavani"],
html body .header form[action*="search"] {
  width: min(920px, calc(100% - 40px)) !important;
  max-width: 920px !important;
  margin: 18px auto 22px !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: 14px !important;
  align-items: center !important;

  padding: 18px !important;

  background:
    radial-gradient(circle at 20% 0%, rgba(200, 155, 69, 0.10), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)),
    var(--pt-bg-panel, #101010) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.2)) !important;
  border-radius: var(--pt-radius-lg, 26px) !important;

  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* Input hledání */
html body #header .search-form input[type="search"],
html body #header .search-form input[type="text"],
html body #header form[action*="vyhledavani"] input[type="search"],
html body #header form[action*="vyhledavani"] input[type="text"],
html body #header form[action*="search"] input[type="search"],
html body #header form[action*="search"] input[type="text"],
html body .header .search-form input[type="search"],
html body .header .search-form input[type="text"],
html body .header form[action*="vyhledavani"] input[type="search"],
html body .header form[action*="vyhledavani"] input[type="text"],
html body .header form[action*="search"] input[type="search"],
html body .header form[action*="search"] input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 62px !important;

  padding: 0 22px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
    rgba(5,5,5,0.78) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid rgba(200,155,69,0.28) !important;
  border-radius: 16px !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 19px !important;
  font-weight: 500 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 26px rgba(0,0,0,0.22) !important;
}

/* Placeholder */
html body #header .search-form input::placeholder,
html body #header form[action*="vyhledavani"] input::placeholder,
html body #header form[action*="search"] input::placeholder,
html body .header .search-form input::placeholder,
html body .header form[action*="vyhledavani"] input::placeholder,
html body .header form[action*="search"] input::placeholder {
  color: var(--pt-text-soft, #8f877b) !important;
  opacity: 1 !important;
}

/* Tlačítko Hledat */
html body #header .search-form button,
html body #header .search-form input[type="submit"],
html body #header form[action*="vyhledavani"] button,
html body #header form[action*="vyhledavani"] input[type="submit"],
html body #header form[action*="search"] button,
html body #header form[action*="search"] input[type="submit"],
html body .header .search-form button,
html body .header .search-form input[type="submit"],
html body .header form[action*="vyhledavani"] button,
html body .header form[action*="vyhledavani"] input[type="submit"],
html body .header form[action*="search"] button,
html body .header form[action*="search"] input[type="submit"] {
  width: 150px !important;
  min-width: 150px !important;
  min-height: 62px !important;

  padding: 0 22px !important;

  background: linear-gradient(
    135deg,
    var(--pt-gold-light, #e2bb6a) 0%,
    var(--pt-gold, #c89b45) 52%,
    var(--pt-gold-dark, #8d6728) 100%
  ) !important;

  color: var(--pt-text-dark, #11100d) !important;

  border: 1px solid var(--pt-gold, #c89b45) !important;
  border-radius: 16px !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow:
    0 16px 36px rgba(200,155,69,0.20),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;

  cursor: pointer !important;
}

/* Hover tlačítka */
html body #header .search-form button:hover,
html body #header .search-form input[type="submit"]:hover,
html body #header form[action*="vyhledavani"] button:hover,
html body #header form[action*="vyhledavani"] input[type="submit"]:hover,
html body #header form[action*="search"] button:hover,
html body #header form[action*="search"] input[type="submit"]:hover,
html body .header .search-form button:hover,
html body .header .search-form input[type="submit"]:hover,
html body .header form[action*="vyhledavani"] button:hover,
html body .header form[action*="vyhledavani"] input[type="submit"]:hover,
html body .header form[action*="search"] button:hover,
html body .header form[action*="search"] input[type="submit"]:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

/* Mobil */
@media (max-width: 640px) {
  html body #header .search-form,
  html body #header form[action*="vyhledavani"],
  html body #header form[action*="search"],
  html body .header .search-form,
  html body .header form[action*="vyhledavani"],
  html body .header form[action*="search"] {
    width: calc(100% - 24px) !important;
    grid-template-columns: 1fr !important;
    margin: 14px auto 18px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  html body #header .search-form button,
  html body #header .search-form input[type="submit"],
  html body #header form[action*="vyhledavani"] button,
  html body #header form[action*="vyhledavani"] input[type="submit"],
  html body #header form[action*="search"] button,
  html body #header form[action*="search"] input[type="submit"],
  html body .header .search-form button,
  html body .header .search-form input[type="submit"],
  html body .header form[action*="vyhledavani"] button,
  html body .header form[action*="vyhledavani"] input[type="submit"],
  html body .header form[action*="search"] button,
  html body .header form[action*="search"] input[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* ======================================================
   SEARCH PANEL - zmenšení pravého prázdného místa
   + zachování mezery mezi inputem a tlačítkem
   ====================================================== */

/* Zmenšení skutečného obalu hledání */
html body .search-window,
html body .search-window-in,
html body #header .search-window,
html body #header .search-window-in,
html body .header .search-window,
html body .header .search-window-in {
  width: fit-content !important;
  max-width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Samotný formulář hledání */
html body form[action*="vyhledavani"],
html body form[action*="search"],
html body #header form[action*="vyhledavani"],
html body #header form[action*="search"],
html body .header form[action*="vyhledavani"],
html body .header form[action*="search"],
html body #header .search-form,
html body .header .search-form {
  width: fit-content !important;
  max-width: calc(100% - 40px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;

  margin-left: auto !important;
  margin-right: auto !important;
  padding: 16px !important;
}

/* Input - pevnější šířka, aby panel nebyl jak letištní hala */
html body form[action*="vyhledavani"] input[type="text"],
html body form[action*="vyhledavani"] input[type="search"],
html body form[action*="search"] input[type="text"],
html body form[action*="search"] input[type="search"],
html body #header .search-form input[type="text"],
html body #header .search-form input[type="search"],
html body .header .search-form input[type="text"],
html body .header .search-form input[type="search"] {
  width: 560px !important;
  max-width: calc(100vw - 260px) !important;
  flex: 0 1 560px !important;
}

/* Tlačítko Hledat */
html body form[action*="vyhledavani"] button,
html body form[action*="vyhledavani"] input[type="submit"],
html body form[action*="search"] button,
html body form[action*="search"] input[type="submit"],
html body #header .search-form button,
html body #header .search-form input[type="submit"],
html body .header .search-form button,
html body .header .search-form input[type="submit"] {
  width: 140px !important;
  min-width: 140px !important;
  flex: 0 0 140px !important;
  margin-left: 0 !important;
}

/* Mobil */
@media (max-width: 640px) {
  html body .search-window,
  html body .search-window-in,
  html body #header .search-window,
  html body #header .search-window-in,
  html body .header .search-window,
  html body .header .search-window-in,
  html body form[action*="vyhledavani"],
  html body form[action*="search"],
  html body #header .search-form,
  html body .header .search-form {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  html body form[action*="vyhledavani"],
  html body form[action*="search"],
  html body #header .search-form,
  html body .header .search-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body form[action*="vyhledavani"] input[type="text"],
  html body form[action*="vyhledavani"] input[type="search"],
  html body form[action*="search"] input[type="text"],
  html body form[action*="search"] input[type="search"],
  html body #header .search-form input[type="text"],
  html body #header .search-form input[type="search"],
  html body .header .search-form input[type="text"],
  html body .header .search-form input[type="search"],
  html body form[action*="vyhledavani"] button,
  html body form[action*="vyhledavani"] input[type="submit"],
  html body form[action*="search"] button,
  html body form[action*="search"] input[type="submit"],
  html body #header .search-form button,
  html body #header .search-form input[type="submit"],
  html body .header .search-form button,
  html body .header .search-form input[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }
}
/* ======================================================
   SEARCH - mezera mezi inputem a tlačítkem
   ====================================================== */

html body form[action*="vyhledavani"],
html body form[action*="search"],
html body #header .search-form,
html body .header .search-form {
  gap: 18px !important;
}

/* Kdyby gap nezabral, vynutíme odstup přímo tlačítku */
html body form[action*="vyhledavani"] button,
html body form[action*="vyhledavani"] input[type="submit"],
html body form[action*="search"] button,
html body form[action*="search"] input[type="submit"],
html body #header .search-form button,
html body #header .search-form input[type="submit"],
html body .header .search-form button,
html body .header .search-form input[type="submit"] {
  margin-left: 18px !important;
}