/* Import fontu Poppins */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');



/* Reset */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



/* Barevné proměnné */

:root {

  --gold: #f7c948;

  --gold-glow: #ffd93b;

  --dark-green: #0b1a0b;

  --black-green: #0c1f0c;

  --text-light: #eee;

  --shadow-glow: rgba(247, 201, 72, 0.7);

  --shadow-dark: rgba(0, 0, 0, 0.9);

}



/* Tělo stránky */

body {

  font-family: 'Poppins', sans-serif;

  background: linear-gradient(135deg, var(--black-green), var(--dark-green));

  color: var(--text-light);

  min-height: 100vh;

  line-height: 1.6;

  padding: 2rem;

}



/* Kontejner */

.container {

  max-width: 1000px;

  margin: 0 auto;

  background: #071207;

  border-radius: 12px;

  box-shadow: 0 0 25px var(--shadow-dark);

  padding: 2rem 3rem;

}



/* Nadpisy */

h1, h2, h3 {

  color: var(--gold);

  font-weight: 600;

  margin-bottom: 1rem;

  text-shadow: 0 0 6px var(--gold-glow), 0 0 15px var(--gold-glow);

}



/* Navigace */

.site-header {

  background: linear-gradient(90deg, var(--black-green), var(--dark-green));

  padding: 15px 30px;

  position: sticky;

  top: 0;

  z-index: 9999;

  box-shadow: 0 0 20px var(--shadow-glow);

  display: flex;

  justify-content: space-between;

  align-items: center;

}



/* Logo */

.logo-img {

  height: 80px;

  filter: drop-shadow(0 0 6px var(--gold-glow));

}



/* Navigace desktop */

.navigation {

  display: flex;

  gap: 25px;

}



.navigation a {

  color: var(--gold);

  font-weight: 600;

  font-size: 1.1rem;

  text-decoration: none;

  position: relative;

  transition: color 0.3s ease, text-shadow 0.3s ease;

  text-shadow: 0 0 4px var(--gold-glow);

}



.navigation a:hover,

.navigation a:focus {

  color: #fff;

  text-shadow: 0 0 10px var(--gold-glow), 0 0 20px var(--gold-glow);

  outline: none;

}



/* Hamburger menu - mobile */

.hamburger {

  display: none;

  flex-direction: column;

  justify-content: space-around;

  width: 28px;

  height: 22px;

  cursor: pointer;

}



.hamburger div {

  width: 100%;

  height: 3px;

  background-color: var(--gold);

  border-radius: 2px;

  transition: all 0.3s ease;

  box-shadow: 0 0 6px var(--gold-glow);

}



.hamburger.active div:nth-child(1) {

  transform: rotate(45deg) translate(5px, 5px);

}



.hamburger.active div:nth-child(2) {

  opacity: 0;

}



.hamburger.active div:nth-child(3) {

  transform: rotate(-45deg) translate(5px, -5px);

}



/* Mobilní navigace */

.navigation-mobile {

  display: none;

  flex-direction: column;

  gap: 20px;

  background: linear-gradient(135deg, var(--black-green), var(--dark-green));

  position: fixed;

  top: 65px;

  right: 0;

  width: 70%;

  height: 100vh;

  padding: 2rem;

  box-shadow: -3px 0 12px var(--shadow-dark);

  z-index: 9998;

  transform: translateX(100%);

  transition: transform 0.3s ease;

}



.navigation-mobile.active {

  transform: translateX(0);

}



.navigation-mobile a {

  color: var(--gold);

  font-size: 1.4rem;

  font-weight: 600;

  text-shadow: 0 0 6px var(--gold-glow);

}



.navigation-mobile a:hover,

.navigation-mobile a:focus {

  color: #fff;

  text-shadow: 0 0 10px var(--gold-glow), 0 0 20px var(--gold-glow);

  outline: none;

}



/* Tlačítka a formy */

button,

input[type="submit"],

input[type="button"],

select,

textarea,

input[type="text"],

input[type="password"],

input[type="email"] {

  background-color: #184d18;

  color: var(--gold);

  border: none;

  padding: 14px 24px;

  font-size: 1.1rem;

  border-radius: 8px;

  cursor: pointer;

  font-family: 'Poppins', sans-serif;

  box-shadow: 0 0 8px var(--gold-glow);

  transition: background-color 0.3s ease, color 0.3s ease;

  width: 100%;

  max-width: 280px;

  margin: 10px 0;

  position: relative;

  text-shadow: 0 0 3px var(--gold-glow);

}



button:hover,

input[type="submit"]:hover,

input[type="button"]:hover,

select:hover,

textarea:hover,

input[type="text"]:hover,

input[type="password"]:hover,

input[type="email"]:hover {

  background-color: #2e7d32;

  color: #fff;

  box-shadow: 0 0 15px var(--gold-glow);

}



/* Placeholder text */

input::placeholder,

textarea::placeholder {

  color: var(--gold);

  opacity: 1;

  text-shadow: 0 0 3px var(--gold-glow);

}



/* Odkazy */

a {

  color: var(--gold);

  text-decoration: underline;

  text-shadow: 0 0 6px var(--gold-glow);

  transition: color 0.3s ease, text-shadow 0.3s ease;

}



a:hover,

a:focus {

  color: #fff;

  text-shadow: 0 0 10px var(--gold-glow), 0 0 20px var(--gold-glow);

  outline: none;

}



/* Patička */

.site-footer {

  background: linear-gradient(90deg, var(--black-green), var(--dark-green));

  color: var(--gold);

  text-align: center;

  padding: 15px 20px;

  font-size: 0.9rem;

  margin-top: 3rem;

  text-shadow: 0 0 6px var(--gold-glow);

}



/* Responsivita */

@media (max-width: 768px) {

  .navigation {

    display: none;

  }

  .hamburger {

    display: flex;

  }

}



/* Malé mobily */

@media (max-width: 480px) {

  .container {

    padding: 1rem;

    margin: 1rem;

  }

  button,

  input[type="submit"],

  input[type="button"],

  select,

  textarea,

  input[type="text"],

  input[type="password"],

  input[type="email"] {

    max-width: 100%;

    font-size: 1.2rem;

    padding: 16px 20px;

  }

}

.kontakt-main {

  max-width: 700px;

  margin: 20px auto;

  padding: 0 10px;

  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  color: #222;

  font-size: 14px; /* menší základní font */

}



.kontakt-title {

  font-size: 1.8rem; /* menší nadpis */

  font-weight: 700;

  margin-bottom: 15px;

  text-align: center;

  color: #0b3d91;

  text-transform: uppercase;

}



.kontakt-section {

  display: flex;

  align-items: center;

  margin-bottom: 15px; /* menší mezera */

  gap: 10px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

}



.kontakt-section:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}



.kontakt-icon {

  width: 32px;  /* menší ikony */

  height: 32px;

  flex-shrink: 0;

}



.kontakt-section h2 {

  font-size: 1.1rem; /* menší sekční nadpis */

  margin: 0 0 4px 0;

  color: #0b3d91;

  min-width: 120px;

}



.kontakt-section p,

.kontakt-section a {

  font-size: 0.95rem; /* menší text */

  margin: 0;

  color: #444;

  word-break: break-word;

}



.kontakt-link,

.whatsapp-link {

  color: #0b3d91;

  text-decoration: none;

  font-weight: 600;

}



.kontakt-link:hover,

.whatsapp-link:hover {

  text-decoration: underline;

}



.map-section {

  flex-direction: column;

  gap: 8px;

}



.map-iframe {

  border: 1px solid #ccc;

  border-radius: 6px;

  box-shadow: 0 0 6px rgba(0,0,0,0.1);

  height: 250px; /* trochu menší mapa */

}

h1, h2, h3, h4, h5, h6 {

  color: #d4af37; /* ostrá zlatá barva */

  text-shadow: none !important; /* žádný stín */

  -webkit-font-smoothing: none !important;

  -moz-osx-font-smoothing: auto !important;

  font-weight: 700;

}