body {

  font-family: 'Lato', sans-serif;

}



p {

  margin-bottom: 0.3rem;

}



.card-body {

  text-align:justify;

  -ms-hyphens:auto;

  -webkit-hyphens:auto;

  hyphens:auto;

  word-wrap:break-word;

  overflow-wrap:break-word;

}



h4 {

  text-align:left;

}

h4 a:hover {

    text-decoration: underline !important; /* Wymusza pojawienie się kreski */

}



@media only screen and (max-width: 600px) {

	.card-body {

	  text-align:left;

	}

}



/* 

  ROTOR

  Wspólne pozycjonowanie i wymiary 

*/

.carousel-indicators {

    bottom: -38px;

}

.carousel-indicators [data-mdb-target] {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: none;

}

/* MOTYW JASNY */

[data-mdb-theme="light"] .carousel .carousel-indicators [data-mdb-target],

.carousel-indicators [data-mdb-target] {

    background-color: #757575; /* Nieaktywne kropki */

}

[data-mdb-theme="light"] .carousel .carousel-indicators .active,

.carousel-indicators .active {

    background-color: #000000; /* Aktywna kropka */

}

/* MOTYW CIEMNY (nadpisanie blokady MDBootstrap) */

[data-mdb-theme="dark"] .carousel .carousel-indicators [data-mdb-target] {

    background-color: #666666; /* Nieaktywne kropki */

}

[data-mdb-theme="dark"] .carousel .carousel-indicators .active {

    background-color: #ffffff; /* Aktywna kropka */

}



/* responsive image horiz / vert */

.responsive-img-container {

    position: relative;

    width: 100%;

    height:144px;

}

.dummy {

    padding-top: 100%; /* forces 1:1 aspect ratio */

}

.img-container {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align:center; /* Align center inline elements */

    font: 0/0 a;

}

.img-container:before {

    content: ' ';

    display: inline-block;

    vertical-align: middle;

    height: 100%;

}

.img-container img {

    vertical-align: middle;

    display: inline-block;

    max-width:100%;

    max-height:140px;

}





/* FONTY */

.fs-smaller {

  font-size:smaller;

}

.fs-7 {

  font-size: 0.9rem;

}

.fs-8 {

  font-size: 0.8rem;

}

.fs-9 {

  font-size: 0.5rem;

}



/* NOWE */



/* Stała wysokość kontenerów */

.fixed-height {

  height: 368px;

}



/* Przycinanie tekstu do jednej linii */

.text-truncate-single {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  display: block;

}



/* Centrowanie obrazka na mobile */

.cover-img {

  height: 100%;

  width: 100%;

  object-fit: contain;

}



.clean-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.clean-list-item {

  padding-bottom: 6px; 

  position: relative;

}



/* Krótka, cieniowana linia wyrównana do lewej 

nalezy wczesniej zaladowac: css-lek.css lub css-gabinet.css

*/

.clean-list-item:not(:last-child):after {

  content: "";

  display: block;

  width: 80%; /* Krótka linia */

  height: 1px;

  margin-top: 6px; 

  /* Dynamiczny gradient zależny od motywu */

  background: var(--list-divider-gradient);   

}



.clean-list-item a {

  text-decoration: none;

  transition: color 0.2s;

  font-size: 1.125rem;

}



.clean-list-item a:hover {

  text-decoration: underline

}