/* CSS Document */
/* Globální pozadí */
body {
  background: linear-gradient(180deg, #f7fbff, #e9f3ff);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Logo */
.logo {
  font-weight: 800;
  font-size: 1.6rem;
  background: linear-gradient(45deg, #0ea5e9, #6366f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Karty */
.card {
  border-radius: 1rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
  background: #fff;
  border: none;
}

/* Oddělení levého sidebaru */
@media (min-width: 768px) {
  .col-md-4 {
    border-right: 1px solid rgba(0,0,0,0.05);
    padding-right: 1rem;
  }
  .col-md-8 {
    padding-left: 1rem;
  }
}

/* Nadpisy sekcí */
h5 {
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Grafy */
.chart-wrap {
  position: relative;
  height: 280px;
}
.chart-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* Responsivní přizpůsobení */
@media (max-width: 767.98px) {
  .col-md-4 {
    border-right: none;
    padding-right: 0;
  }
  .col-md-8 {
    padding-left: 0;
  }
}

#windyRadar{display:block;position:relative;z-index:1;}
.input-group{position:relative;z-index:2;}
.chart-wrap{position:relative;height:280px;}
.chart-wrap canvas{width:100%!important;height:100%!important;display:block;}