/* Reset a základ */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height:1.6;
  background:#eef2f5;
  color:#1f2a38;
}

/* Header */
.header-container {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 30px;
  background: linear-gradient(135deg,#1f3a57,#1e5a6a);
  color:#fff;
  position:relative;
  z-index:100;
}
.header-container h1 { font-size:24px; }

/* Burger toggle */
.burger-toggle {
  font-size:28px;
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
  z-index:110;
  display:block;
}

/* Overlay */
.burger-overlay {
  display:none;
  position: fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background: rgba(0,0,0,0.25);
  z-index:900;
}

/* Burger menu */
.burger-menu {
  position: fixed;
  top:0;
  right:-30%;
  width:30%;
  height:100vh;
  background: linear-gradient(160deg,#1e5a6a,#3a9ca5);
  display:flex;
  flex-direction:column;
  gap:25px;
  padding:60px 20px;
  transition: right 0.3s ease;
  z-index:1000;
  border-left:3px solid #ff6f61;
}
.burger-menu.active { right:0; }
.burger-overlay.active { display:block; }
.burger-menu a {
  color:#fff;
  text-decoration:none;
  font-size:20px;
  font-weight:600;
  padding:10px 0;
  transition: color 0.2s, transform 0.2s;
}
.burger-menu a:hover { color:#ff6f61; transform: translateX(5px); }

/* Hero sekce */
.hero {
  text-align:center;
  padding:120px 20px;
  background: linear-gradient(135deg,#6dd5ed,#2193b0); /* jemný tyrkys -> modrá */
  color:#fff;
  border-bottom-left-radius:50% 15%;
  border-bottom-right-radius:50% 15%;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.hero h2 { font-size:42px; margin-bottom:15px; font-weight:700; }
.hero p { font-size:22px; margin-bottom:25px; font-weight:500; }
.hero .btn {
  display:inline-block;
  padding:14px 28px;
  background:#ff6f61;
  color:#fff;
  text-decoration:none;
  border-radius:10px;
  font-weight:600;
  font-size:18px;
  transition: background 0.3s, transform 0.2s, box-shadow 0.2s;
}
.hero .btn:hover {
  background:#ff5346;
  transform: translateY(-3px);
  box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

/* Sekce */
section { padding:80px 20px; max-width:1000px; margin:0 auto; }
section h2 { text-align:center; font-size:34px; margin-bottom:50px; color:#1f3a57; }
section p { text-align:center; font-size:18px; color:#333; }

/* Kurzy */
.courses {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:25px;
}
.course-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
  flex:1 1 250px;
  max-width:280px;
  text-align:center;
  padding:30px 20px;
  text-decoration:none;
  color:#1f2a38;
  transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
}
.course-card:hover {
  transform: translateY(-8px);
  box-shadow:0 15px 30px rgba(0,0,0,0.2);
  background:#e0f7fa; /* jemný efekt při hoveru */
}
.course-card .icon { font-size:45px; margin-bottom:15px; }

/* Kontakt */
.kontakt p { font-size:16px; margin-bottom:12px; }
.kontakt .btn {
  display:inline-block;
  padding:12px 25px;
  background:#ff6f61;
  color:#fff;
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
  transition: background 0.3s, transform 0.2s, box-shadow 0.2s;
}
.kontakt .btn:hover {
  background:#ff5346;
  transform: translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,0.2);
}
.btn {
  display:inline-block;
  padding:12px 25px;
  background:#ff6f61;
  color:#fff;
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
  transition: background 0.3s, transform 0.2s, box-shadow 0.2s;
}
.btn:hover {
  background:#ff5346;
  transform: translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,0.2);
}
.btn-back {
  display: inline-flex;          
  align-items: center;
  gap: 6px;                      
  padding: 8px 16px;             
  background-color: #007BFF;     
  color: white;                  
  text-decoration: none;         
  font-weight: 500;
  border-radius: 6px;            
  transition: background-color 0.3s, transform 0.2s;
}

.btn-back:hover {
  background-color: #0056b3;     
  transform: translateX(-2px);   
}

.btn-back:active {
  transform: translateX(-1px);
}
/* Footer */
footer {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  padding:25px 40px;
  background:#1f3a57;
  color:#fff;
  font-size:16px;
}
.footer-contact { flex:1; }
.footer-copy { flex:1; text-align:center; }

/* Mobilní zobrazení */
@media(max-width:768px){
  .burger-menu { width:60%; right:-60%; }
  .burger-menu.active { right:0; }
  .courses { flex-direction:column; align-items:center; }
  footer { flex-direction:column; text-align:center; gap:12px; }
}