@import url('https://fonts.googleapis.com/css?family=Archivo:700|Bitter:400');
*{
--text: #392614;
--background: #f8f1e1;

--zolty: #efa410;
--drugi-background: #ffe9cc;
--accent: #944f08;
--backgroundAktualnosci2: #ffe2bc;
--backgroundAktualnosci: #ffc77b;
}



.Aktualnosci1, .Aktualnosci2 {

margin: 17px 15px;
border: 5px solid;
min-height: calc(275px + 19px + 8px);
padding-right: 5px;
margin-top: -20px;

}

.Aktualnosci1 summary, .Aktualnosci2 summary {
  
  list-style: none;
}

.Aktualnosci1 summary::-webkit-details-marker, .Aktualnosci2  summary::-webkit-details-marker {
  display: none;
}


.Aktualnosci1 {
  border-color: var(--accent);
  background-color: var(--backgroundAktualnosci);
}
.Aktualnosci1 img {
  border-color: var(--accent);
}
.Aktualnosci2 {
  border-color: var(--zolty);
  background-color: var(--backgroundAktualnosci2);
}
.Aktualnosci2 img {
border-color: var(--zolty);

}
details[open] .skroconyTekst {
  display: none;
}

.brakAktualnosci {
  text-align: center;
}

#Aby_rozwinac {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 40px;
}
.ZdjecieTytulowe  {
  float: left;
  margin-left: 7px;
  margin-right: 25px;
  margin-bottom: 3px;
  margin-top: 7px;
   width: 275px;
  height: 275px;
  object-fit: cover;
  transition: all 4.4s ease;
   border: 7px solid;
}
  

.data {
  text-align: end;
  margin-right: 15px;
  margin-bottom: 0;
}

.tytul {
  margin-top: 0;
}
.ZdjecieOpisowe {
  aspect-ratio: 1 / 1;
  width: calc(100%);
  display: block;
  object-fit: cover;
  border: 5px solid;
  float: left;

}
 .rozszerzenie {
  padding-left: 10px;
  max-width: 100%;
  height: fit-content;
}
 .rozszerzenieZdj {
  display: grid;
  grid-auto-flow: row;         /* układ pionowy — kolumny budowane jedna po drugiej */
  grid-auto-columns: 100px;          /* wysokość każdego rzędu */
  grid-template-columns: repeat(5, calc(100%/5 - 17px)); /* dokładnie 5 rzędów (czyli 5 zdjęć na kolumnę) */
  gap: 20px;                      /* odstęp między zdjęciami */
  justify-content: start;        /* żeby kolumny nie były rozciągnięte */
  align-items: start;
  padding: 0 10px;
  overflow-x: hidden;
  max-width: 100%;
  height: fit-content;
  margin-bottom: 10px;
}

/*.rozszerzenie::after {
  content: "";
  display: table;
  clear: both;
}
.ZdjecieOpisowe {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  object-fit: contain;
  border: 3px solid;
}

.Aktualnosci1 .ZdjecieOpisowe {
  border-color: var(--accent);
}
.Aktualnosci2 .ZdjecieOpisowe {
  border-color: var(--zolty);
}