/* Główny kontener – układ pionowy */
    .parent {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 95vh;
      background-color: AliceBlue;
    }
    /* Mapa – miejsce na formularz pod nią */
    #map {
      width: 90vw;
      height: 80vh;
/*      margin: auto;	/**/
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	border: dashed 1px CadetBlue;
    }
    /* Formularz dodawania znacznika */
    #markerForm {
      width: 90vw;
      margin-top: 10px;
      background: #fff;
      padding: 10px;
      border: 1px solid #ccc;
    }
    #markerForm input[type="text"] {
      width: 50%;
      padding: 5px;
      margin-right: 10px;
    }
    #markerForm button {
      padding: 5px 10px;
      margin-right: 10px;
    }
    /* Lista dodanych znaczników */
    #markerList {
      width: 90vw;
      margin-top: 10px;
    }
    .marker-item {
      display: flex;
      align-items: center;
      margin-bottom: 5px;
    }
    .marker-item input[type="text"] {
      width: 200px;
      margin-right: 10px;
      padding: 3px;
    }
    .marker-item button {
      padding: 3px 8px;
    }
    /* Przycisk ZAPISZ */
    #saveBtn {
      width: 90vw;
      margin-top: 10px;
      padding: 10px;
      font-size: 16px;
    }

/*

    .photo-name {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .album-name {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }
/**/



/* Stylizacja kontenera nagłówka */
.photo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
}

/* Stylizacja strzałki w lewo */
.nav-arrow-left {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  font-size: 36px;
}

/* Stylizacja strzałki w górę */
.nav-arrow-up {
  position: absolute;
  left: 60px; /* Ustawienie odległości od lewej */
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  font-size: 36px;
}

/* Stylizacja nazwy albumu i zdjęcia */
.photo-name {
  text-align: center;
  flex-grow: 1;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/* Stylizacja strzałki w prawo */
.nav-arrow-right {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  font-size: 36px;
}