/* =====================================================
   CUSTOM.CSS - Globalne style dla wszystkich instancji
   1map.pl / TerraFirma
   ===================================================== */

:root {
  --custom-icon-size: 34px;
}

/* =====================================================
   SEKCJA: CUSTOM IKONY TOOLBAR
   ===================================================== */

/* Pełna widoczność dla przycisków z custom ikonami */
li[title*="Informacje o obiektach"],
li[title*="Znajdź adres"],
li[title*="Znajdź działkę"],
li[title*="Pomiar odległości"],
li[title*="Mierz powierzchnię"],
li[title*="Copyright"],
li[title*="Otwórz bazę danych"],
li[title*="GPS"],
li[title*="Pokaż działki"],
li[title*="Pokaż projekty"],
li[title*="Skopiuj link do widoku"],
li[title*="szkicownik"],
li[title*="druk"],
li[title*="image-export"],
li[title*="Ceny transakcyjne"],
li[title*="Aktywne Warstwy"] {
  opacity: 1 !important;
}

/* Mniejsze marginesy między ikonami - desktop */
.toolBar.top li.toolBarItem {
  margin-left: 1px !important;
  margin-right: 1px !important;
  padding: 2px !important;
}

/* Ukryj FontAwesome i mb-glyphicon */
li[title*="Informacje o obiektach"] .iconBig i,
li[title*="Informacje o obiektach"] .iconBig .mb-glyphicon,
li[title*="Znajdź adres"] .iconBig i,
li[title*="Znajdź adres"] .iconBig .mb-glyphicon,
li[title*="Znajdź działkę"] .iconBig i,
li[title*="Znajdź działkę"] .iconBig .mb-glyphicon,
li[title*="Pomiar odległości"] .iconBig i,
li[title*="Pomiar odległości"] .iconBig .mb-glyphicon,
li[title*="Mierz powierzchnię"] .iconBig i,
li[title*="Mierz powierzchnię"] .iconBig .mb-glyphicon,
li[title*="Copyright"] .iconBig i,
li[title*="Copyright"] .iconBig .mb-glyphicon,
li[title*="Otwórz bazę danych"] .iconBig i,
li[title*="Otwórz bazę danych"] .iconBig .mb-glyphicon,
li[title*="GPS"] .iconBig i,
li[title*="GPS"] .iconBig .mb-glyphicon,
li[title*="Pokaż działki"] .iconBig i,
li[title*="Pokaż działki"] .iconBig .mb-glyphicon,
li[title*="Pokaż projekty"] .iconBig i,
li[title*="Pokaż projekty"] .iconBig .mb-glyphicon,
li[title*="Skopiuj link do widoku"] .iconBig i,
li[title*="Skopiuj link do widoku"] .iconBig .mb-glyphicon,
li[title*="szkicownik"] .iconBig i,
li[title*="szkicownik"] .iconBig .mb-glyphicon,
li[title*="druk"] .iconBig i,
li[title*="druk"] .iconBig .mb-glyphicon,
li[title*="image-export"] .iconBig i,
li[title*="image-export"] .iconBig .mb-glyphicon,
li[title*="Ceny transakcyjne"] .iconBig i,
li[title*="Ceny transakcyjne"] .iconBig .mb-glyphicon {
  display: none !important;
}

/* Bazowy styl dla custom ikon */
li[title*="Informacje o obiektach"] .iconBig,
li[title*="Znajdź adres"] .iconBig,
li[title*="Znajdź działkę"] .iconBig,
li[title*="Pomiar odległości"] .iconBig,
li[title*="Mierz powierzchnię"] .iconBig,
li[title*="Copyright"] .iconBig,
li[title*="Otwórz bazę danych"] .iconBig,
li[title*="GPS"] .iconBig,
li[title*="Pokaż działki"] .iconBig,
li[title*="Pokaż projekty"] .iconBig,
li[title*="Skopiuj link do widoku"] .iconBig,
li[title*="szkicownik"] .iconBig,
li[title*="druk"] .iconBig,
li[title*="image-export"] .iconBig,
li[title*="Ceny transakcyjne"] .iconBig {
  min-width: var(--custom-icon-size) !important;
  min-height: var(--custom-icon-size) !important;
  width: var(--custom-icon-size) !important;
  height: var(--custom-icon-size) !important;
  background-size: var(--custom-icon-size) var(--custom-icon-size) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Usunięcie szarego tła przy aktywnym stanie */
li[title*="Informacje o obiektach"].toolBarItemActive,
li[title*="Znajdź adres"].toolBarItemActive,
li[title*="Znajdź działkę"].toolBarItemActive,
li[title*="Pomiar odległości"].toolBarItemActive,
li[title*="Mierz powierzchnię"].toolBarItemActive,
li[title*="Copyright"].toolBarItemActive,
li[title*="Otwórz bazę danych"].toolBarItemActive,
li[title*="GPS"].toolBarItemActive,
li[title*="Pokaż działki"].toolBarItemActive,
li[title*="Pokaż projekty"].toolBarItemActive,
li[title*="Skopiuj link do widoku"].toolBarItemActive,
li[title*="szkicownik"].toolBarItemActive,
li[title*="druk"].toolBarItemActive,
li[title*="image-export"].toolBarItemActive,
li[title*="Ceny transakcyjne"].toolBarItemActive {
  background-color: transparent !important;
}

/* === IKONY - STAN DOMYŚLNY (idle) === */
li[title*="Informacje o obiektach"] .iconBig {
  background-image: url('/images/icons/informacje.svg') !important;
}
li[title*="Znajdź adres"] .iconBig {
  background-image: url('/images/icons/domek-lupa.svg') !important;
}
li[title*="Znajdź działkę"] .iconBig {
  background-image: url('/images/icons/mapa-lupa.svg') !important;
}
li[title*="Pomiar odległości"] .iconBig {
  background-image: url('/images/icons/linijka-linia.svg') !important;
}
li[title*="Mierz powierzchnię"] .iconBig {
  background-image: url('/images/icons/linijka-ksztalt.svg') !important;
}
li[title*="Copyright"] .iconBig {
  background-image: url('/images/icons/copyright.svg') !important;
}
li[title*="Otwórz bazę danych"] .iconBig {
  background-image: url('/images/icons/tabela-3-rzedy.svg') !important;
}
li[title*="GPS"] .iconBig {
  background-image: url('/images/icons/pin.svg') !important;
}
li[title*="Pokaż działki"] .iconBig {
  background-image: url('/images/icons/dzialki.svg') !important;
}
li[title*="Pokaż projekty"] .iconBig {
  background-image: url('/images/icons/projekty.svg') !important;
}
li[title*="Skopiuj link do widoku"] .iconBig {
  background-image: url('/images/icons/share.svg') !important;
}
li[title*="szkicownik"] .iconBig {
  background-image: url('/images/icons/szkicownik-v3.svg') !important;
}
li[title*="druk"] .iconBig {
  background-image: url('/images/icons/druk-v2.svg') !important;
}
li[title*="image-export"] .iconBig,
li[title*="Ceny transakcyjne"] .iconBig {
  background-image: url('/images/icons/ceny.svg') !important;
}

/* === IKONY - STAN AKTYWNY (selected/toolBarItemActive) === */
li[title*="Informacje o obiektach"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/informacje_hover.svg') !important;
}
li[title*="Znajdź adres"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/domek-lupa_hover.svg') !important;
}
li[title*="Znajdź działkę"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/mapa-lupa_hover.svg') !important;
}
li[title*="Pomiar odległości"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/linijka-linia_hover.svg') !important;
}
li[title*="Mierz powierzchnię"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/linijka-ksztalt_hover.svg') !important;
}
li[title*="Copyright"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/copyright_hover.svg') !important;
}
li[title*="Otwórz bazę danych"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/tabela-3-rzedy_hover.svg') !important;
}
li[title*="GPS"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/pin_hover.svg') !important;
}
li[title*="Pokaż działki"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/dzialki_hover.svg') !important;
}
li[title*="Pokaż projekty"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/projekty_hover.svg') !important;
}
li[title*="Skopiuj link do widoku"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/share_hover.svg') !important;
}
li[title*="szkicownik"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/szkicownik-v3_hover.svg') !important;
}
li[title*="druk"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/druk-v2_hover.svg') !important;
}
li[title*="image-export"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/image-export_hover.svg') !important;
}
li[title*="Ceny transakcyjne"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/ceny_hover.svg') !important;
}

/* === IKONY - HOVER (tylko urządzenia z myszką) === */
@media (hover: hover) {
  li[title*="Informacje o obiektach"]:hover .iconBig {
    background-image: url('/images/icons/informacje_active.svg') !important;
  }
  li[title*="Znajdź adres"]:hover .iconBig {
    background-image: url('/images/icons/domek-lupa_active.svg') !important;
  }
  li[title*="Znajdź działkę"]:hover .iconBig {
    background-image: url('/images/icons/mapa-lupa_active.svg') !important;
  }
  li[title*="Pomiar odległości"]:hover .iconBig {
    background-image: url('/images/icons/linijka-linia_active.svg') !important;
  }
  li[title*="Mierz powierzchnię"]:hover .iconBig {
    background-image: url('/images/icons/linijka-ksztalt_active.svg') !important;
  }
  li[title*="Copyright"]:hover .iconBig {
    background-image: url('/images/icons/copyright_active.svg') !important;
  }
  li[title*="Otwórz bazę danych"]:hover .iconBig {
    background-image: url('/images/icons/tabela-3-rzedy_active.svg') !important;
  }
  li[title*="GPS"]:hover .iconBig {
    background-image: url('/images/icons/pin_active.svg') !important;
  }
  li[title*="Pokaż działki"]:hover .iconBig {
    background-image: url('/images/icons/dzialki_active.svg') !important;
  }
  li[title*="Pokaż projekty"]:hover .iconBig {
    background-image: url('/images/icons/projekty_active.svg') !important;
  }
  li[title*="Skopiuj link do widoku"]:hover .iconBig {
    background-image: url('/images/icons/share_active.svg') !important;
  }
  li[title*="szkicownik"]:hover .iconBig {
    background-image: url('/images/icons/szkicownik-v3_active.svg') !important;
  }
  li[title*="druk"]:hover .iconBig {
    background-image: url('/images/icons/druk-v2_active.svg') !important;
  }
  li[title*="image-export"]:hover .iconBig {
    background-image: url('/images/icons/image-export_active.svg') !important;
  }
  li[title*="Ceny transakcyjne"]:hover .iconBig {
    background-image: url('/images/icons/ceny_active.svg') !important;
  }

  .basesourcesetswitch:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
  }
  .basesourcesetswitch[data-title="OSM"]:hover {
    background-image: url('/images/icons/mapka_active.svg') !important;
  }
  .basesourcesetswitch[data-title="Ortofotomapa"]:hover,
  .basesourcesetswitch[data-title="Ortofoto"]:hover {
    background-image: url('/images/icons/glob-pin_active.svg') !important;
  }
  .basesourcesetswitch[data-title="Archiv"]:hover {
    background-image: url('/images/icons/glob-zegar_active.svg') !important;
  }
  .basesourcesetswitch[data-title="Bez tła"]:hover {
    background-image: url('/images/icons/glob-przekreslenie_active.svg') !important;
  }
}

/* =====================================================
   SEKCJA: BASESOURCESWITCHER
   ===================================================== */

/* Kontener BSS - subtelne szare tło, bez marginesów */
.mb-element-basesourceswitcher {
  background-color: rgba(0,0,0,0.06) !important;
  border-radius: 4px !important;
  padding: 2px !important;
  margin: 0 !important;
}

/* Li zawierające BSS - bez odstępów */
li:has(.mb-element-basesourceswitcher) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Pojedyncze przyciski BSS */
.basesourcesetswitch {
  font-size: 0 !important;
  text-indent: -9999px !important;
  width: var(--custom-icon-size) !important;
  height: var(--custom-icon-size) !important;
  min-width: var(--custom-icon-size) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background-size: var(--custom-icon-size) var(--custom-icon-size) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border-radius: 3px !important;
  transition: background-color 0.15s !important;
}

/* Aktywny - bez dodatkowego tła */
.basesourcesetswitch[data-state="active"] {
  background-color: transparent !important;
}

/* BSS ikony - stan domyślny */
.basesourcesetswitch[data-title="OSM"] {
  background-image: url('/images/icons/mapka.svg') !important;
}
.basesourcesetswitch[data-title="Ortofotomapa"],
.basesourcesetswitch[data-title="Ortofoto"] {
  background-image: url('/images/icons/glob-pin.svg') !important;
}
.basesourcesetswitch[data-title="Archiv"] {
  background-image: url('/images/icons/glob-zegar.svg') !important;
}
.basesourcesetswitch[data-title="Bez tła"] {
  background-image: url('/images/icons/glob-przekreslenie.svg') !important;
}

/* BSS ikony - stan aktywny */
.basesourcesetswitch[data-title="OSM"][data-state="active"] {
  background-image: url('/images/icons/mapka_hover.svg') !important;
}
.basesourcesetswitch[data-title="Ortofotomapa"][data-state="active"],
.basesourcesetswitch[data-title="Ortofoto"][data-state="active"] {
  background-image: url('/images/icons/glob-pin_hover.svg') !important;
}
.basesourcesetswitch[data-title="Archiv"][data-state="active"] {
  background-image: url('/images/icons/glob-zegar_hover.svg') !important;
}
.basesourcesetswitch[data-title="Bez tła"][data-state="active"] {
  background-image: url('/images/icons/glob-przekreslenie_hover.svg') !important;
}

/* =====================================================
   SEKCJA: MOBILE
   ===================================================== */
@media (max-width: 1199px) {
  .toolBar.top {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .toolBar.top .itemsRight {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Logo po lewej - margin-right: auto pcha resztę w prawo */
  .toolBar.top .itemsRight .logoContainer {
    margin-right: auto !important;
    flex-shrink: 0 !important;
  }

  .toolBar.top li.toolBarItem {
    margin: 0 !important;
    padding: 1px !important;
    flex-shrink: 1 !important;
  }

  .toolBar.top li.toolBarItem .iconBig {
    width: calc(min(34px, 8vw)) !important;
    height: calc(min(34px, 8vw)) !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background-size: contain !important;
  }

  .mb-element-basesourceswitcher {
    padding: 1px !important;
    flex-shrink: 1 !important;
  }

  .basesourcesetswitch {
    width: calc(min(34px, 8vw)) !important;
    height: calc(min(34px, 8vw)) !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background-size: contain !important;
  }

  li[title*="GPS"] {
    margin: 0 !important;
    padding: 1px !important;
  }

  /* Wyszukiwarka - nowa linia */
  .toolBar.top li[title*="Wyszukiwanie"] {
    order: 100 !important;
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* =====================================================
   SEKCJA: BOTTOM TOOLBAR - MOBILE
   ===================================================== */
@media (max-width: 1199px) {
  .toolBar.bottom li.toolBarItem {
    margin: 0 !important;
    padding: 1px !important;
    flex-shrink: 1 !important;
  }

  .toolBar.bottom li.toolBarItem .iconBig {
    width: calc(min(34px, 8vw)) !important;
    height: calc(min(34px, 8vw)) !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background-size: contain !important;
  }

  .toolBar.bottom .mb-element-basesourceswitcher {
    padding: 1px !important;
    flex-shrink: 1 !important;
  }

  .toolBar.bottom .basesourcesetswitch {
    width: calc(min(34px, 8vw)) !important;
    height: calc(min(34px, 8vw)) !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background-size: contain !important;
  }
}

/* =====================================================
   SEKCJA: ATRYBUCJA - MOBILE
   ===================================================== */
@media (max-width: 1199px) {
  /* Atrybucja - przyklejona do dolnego toolbara, max 50% */
  .mb-map-attribution {
    bottom: 50px !important;
    left: 0 !important;
    right: auto !important;
    max-width: 50% !important;
    font-size: 9px !important;
    padding: 1px 4px !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}
/* =====================================================
   SEKCJA: IKONA WARSTWY (mobilelayers button)
   ===================================================== */
li[title*="Aktywne Warstwy"] .iconBig i,
li[title*="Aktywne Warstwy"] .iconBig .mb-glyphicon,
li[title*="Aktywne Warstwy"] .iconBig .fa,
li[title*="Aktywne Warstwy"] .iconBig .fas {
  display: none !important;
}
li[title*="Aktywne Warstwy"] .iconBig {
  background-image: url('/images/icons/warstwy.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
li[title*="Aktywne Warstwy"].toolBarItemActive .iconBig {
  background-image: url('/images/icons/warstwy_hover.svg') !important;
}
@media (hover: hover) {
  li[title*="Aktywne Warstwy"]:hover .iconBig {
    background-image: url('/images/icons/warstwy_active.svg') !important;
  }
}
/* =====================================================
   SEKCJA: MOBILE PANE
   ===================================================== */
#mobilePane {
  display: none;
}
@media (max-width: 1199px) {
  #mobilePane {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    top: auto;
    height: 45vh;
    background: #fff;
    z-index: 999;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    border-top: 2px solid #888;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
    border-radius: 8px 8px 0 0;
  }
  #mobilePane[data-state="opened"] {
    bottom: 46px;
    opacity: 1;
  }
  #mobilePane .panel-content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  #mobilePane .contentTitle {
    font-family: "Open Sans", "Calluna Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    flex: 0;
    font-size: 1.3em;
    font-weight: 400;
    padding: 6px 12px;
    margin: 0;
    background: #888;
    color: #fff;
    border-radius: 6px 6px 0 0;
    border: none;
  }
  #mobilePane .mobileClose {
    cursor: pointer;
    font-size: 1.3em;
    padding: 2px 6px;
    color: #fff;
    float: right;
  }
  #mobilePane .mobileContent {
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4px 8px 0;
  }
  #mobilePane .mb-element-layertree {
    font-size: 1em;
  }
  #mobilePane .leaveContainer {
    padding: 3px 4px;
    cursor: pointer;
  }
}
/* =====================================================
   SEKCJA: UKRYJ LEGENDĘ WMTS (ortofotomapa)
   ===================================================== */
.mb-element-legend img[src*="legenda.png"],
.mb-element-legend img[src*="WMTS/StandardResolution/legenda"] {
    display: none !important;
}
/* v2026-02-20 - dodano ikony Ceny transakcyjne */
iframe[srcdoc] { min-height: 1200px; }