/*
 * 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;
}

/* P170 - stan niepełnej mapy bez zasłaniania łódek i narzędzi. */
#ow-map-tile-status-p170 {
  position: fixed;
  top: 82px;
  left: 50%;
  z-index: 2147483004;
  display: flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: min(620px, calc(100vw - 24px));
  padding: 9px 10px;
  border: 1px solid #f59e0b;
  border-radius: 14px;
  background: rgba(255, 251, 235, .97);
  color: #7c2d12;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .2);
  transform: translateX(-50%);
  font-size: 13px;
  font-weight: 750;
}

#ow-map-tile-status-p170[hidden] {
  display: none !important;
}

#ow-map-tile-status-p170[data-state="loading"] {
  border-color: #0891b2;
  background: rgba(236, 254, 255, .97);
  color: #164e63;
}

.ow-map-tile-status-copy-p170 {
  min-width: 0;
}

.ow-map-tile-retry-p170 {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid currentColor;
  border-radius: 10px;
  background: #ffffff;
  color: inherit;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}

.ow-map-tile-dismiss-p173 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: inherit;
  font: 700 21px/1 system-ui, sans-serif;
  cursor: pointer;
}

.ow-map-tile-dismiss-p173:hover,
.ow-map-tile-dismiss-p173:focus-visible {
  background: rgba(124, 45, 18, .1);
  outline: none;
}

@media (max-width: 720px) {
  #ow-map-tile-status-p170 {
    top: 102px;
    width: calc(100vw - 20px);
    justify-content: flex-start;
    font-size: 12px;
  }

  .ow-map-tile-status-copy-p170 {
    flex: 1 1 auto;
  }
}

/*
 * 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;
  }
}