/*
 * P96 - sp�jna powierzchnia wody, mniejsze oznaczenia trasy
 * i uporz�dkowany nag��wek analizy.
 */

#map {
  background: #d7f1f5 !important;
}

#map .leaflet-tile-pane {
  filter: none !important;
  background: #d7f1f5 !important;
}

#map .optiwake-water-basemap .leaflet-tile,
#map .leaflet-tile.optiwake-water-basemap {
  filter: saturate(1.34) brightness(1.035) contrast(1.045) !important;
  backface-visibility: hidden !important;
  image-rendering: auto !important;
}

#map .optiwake-water-basemap .leaflet-tile-loaded,
#map .leaflet-tile-loaded.optiwake-water-basemap {
  opacity: 1 !important;
}

/*
 * Oznaczenia trasy s� pomocnicze i musz� pozosta� wyra�nie
 * mniejsze od ��dek oraz ich etykiet.
 */
.leaflet-marker-icon.ow-racelab-course-icon .ow-racelab-course-marker,
.leaflet-marker-icon.ow-racelab-course-icon .course-marker,
.leaflet-marker-icon.course-div-icon .ow-racelab-course-marker,
.leaflet-marker-icon.course-div-icon .course-marker {
  min-width: 17px !important;
  min-height: 17px !important;
  padding: 1px 4px !important;
  border-width: 1.5px !important;
  border-radius: 7px !important;
  font-size: 6.5px !important;
  line-height: 11px !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .16) !important;
}

.leaflet-marker-icon.ow-racelab-course-icon .ow-racelab-course-marker.endpoint,
.leaflet-marker-icon.ow-racelab-course-icon .course-marker.endpoint,
.leaflet-marker-icon.course-div-icon .ow-racelab-course-marker.endpoint,
.leaflet-marker-icon.course-div-icon .course-marker.endpoint {
  min-width: 15px !important;
  min-height: 15px !important;
  padding: 1px 3px !important;
  border-radius: 6px !important;
  font-size: 6px !important;
  line-height: 10px !important;
}

.leaflet-marker-icon.ow-racelab-course-icon .ow-racelab-course-marker.line-label,
.leaflet-marker-icon.ow-racelab-course-icon .course-marker.line-label,
.leaflet-marker-icon.course-div-icon .ow-racelab-course-marker.line-label,
.leaflet-marker-icon.course-div-icon .course-marker.line-label {
  min-width: 31px !important;
  min-height: 15px !important;
  padding: 1px 4px !important;
  border-width: 1.5px !important;
  border-radius: 999px !important;
  font-size: 6.5px !important;
  line-height: 10px !important;
}

.leaflet-marker-icon.ow-racelab-course-icon .ow-racelab-course-marker.prestart-label,
.leaflet-marker-icon.ow-racelab-course-icon .course-marker.prestart-label,
.leaflet-marker-icon.course-div-icon .ow-racelab-course-marker.prestart-label,
.leaflet-marker-icon.course-div-icon .course-marker.prestart-label {
  min-width: 64px !important;
  min-height: 17px !important;
  padding: 1px 5px !important;
  border-width: 1.5px !important;
  font-size: 6px !important;
  line-height: 10px !important;
}

/*
 * Nag��wek panelu ma jeden poziomy rytm. Kontekst widoku
 * jest ma�� etykiet�, a nazwa analizy pozostaje jedynym tytu�em.
 */
.ow-analysis-v2-header > div {
  display: flex !important;
  align-items: baseline !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.ow-analysis-v2-kicker {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: #e8f7f5 !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  letter-spacing: .055em !important;
  white-space: nowrap !important;
}

.ow-analysis-v2-title {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ow-analysis-v2-close {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
}

@media (max-width: 620px) {
  .leaflet-marker-icon.ow-racelab-course-icon .ow-racelab-course-marker,
  .leaflet-marker-icon.ow-racelab-course-icon .course-marker,
  .leaflet-marker-icon.course-div-icon .ow-racelab-course-marker,
  .leaflet-marker-icon.course-div-icon .course-marker {
    font-size: 6px !important;
  }

  .ow-analysis-v2-header {
    min-height: 52px !important;
    padding: 9px 11px !important;
  }

  .ow-analysis-v2-header > div {
    display: block !important;
  }

  .ow-analysis-v2-kicker {
    display: none !important;
  }

  .ow-analysis-v2-title,
  #ow-analysis-v2-legs-panel .ow-analysis-v2-title {
    font-size: 17px !important;
    line-height: 1.1 !important;
  }

  .ow-analysis-v2-close {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
  }
}
