#header{
	background:#000;
	border-bottom:2px solid #FF5C00;
}
#footer{
	background:#000;
	border-top:2px solid #FF5C00;
}
.nav-main ul>li>a {
    padding-right:20px !important;
	padding-left:20px !important;
	color:#fff !important;
}
.nav-main ul>li.active>a {
	background: #FF5C00 !important;
	color:#fff !important;
	border-radius:0 !important;
}
.nav-main ul>li>a:hover {
	background: #FF5C00 !important;
	color:#fff !important;
	border-radius:0 !important;
}
.nav-main ul>li.active>a:hover {
	background: #FF5C00 !important;
	border-radius:0 !important;
}
.currency-table{
	width:100%;
	padding:15px;
	border: 2px solid #ccc;
	border-radius:15px;
	box-shadow: 4px 4px 5px 0px rgba(133, 133, 133, 1);
	background:#fff;
}
.tr-hover:hover{
	background:#C84800 !important;
	color:#fff;
}
.section-currency{
	/*background: #FF5C00;
background: linear-gradient(to top, #FF5C00 0%, #CF1512 100%);*/
}

.topCurrency{
	color:#666;
}
.topCurrency:hover{
	color:#FF5C00;
}

#footer>.container {
    padding-top: 20px;
    margin-bottom: 20px;
}

/* Pojemnik 16:9 z centrowanym obrazem */
.ratio-16x9 {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
	overflow: hidden;
	background-color: #000; /* tło gdy obrazek się ładuje */
	border-radius: 6px; /* opcjonalnie lekko zaokrąglone rogi */
}

.ratio-16x9 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover; /* zachowuje proporcje, przycina nadmiar */
	transform: translate(-50%, -50%);
	display: block;
}


.slider-16-9 {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
	overflow: hidden;
	background-color: #fff;
	border-radius: 6px;
}

/* --- OBRAZ W ŚRODKU --- */
.slider-16-9 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	display: block;
	transition: transform 0.5s ease, opacity 0.3s ease;
}

/* --- EFEKT HOVER (opcjonalny) --- */
.img-hover:hover .slider-16-9 img {
	transform: translate(-50%, -50%) scale(1.05);
	opacity: 0.9;
}

/* Nowoczesne przeglądarki */
@supports (aspect-ratio: 1 / 1) {
  .ratio-16x9 { aspect-ratio: 16 / 9; }
  .ratio-16x9 > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;      /* wypełnij, zachowując proporcje */
    object-position: center;/* wycentruj */
  }
}

/* Fallback (starsze przeglądarki, np. z Bootstrap 3) */
@supports not (aspect-ratio: 1 / 1) {
  .ratio-16x9::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 9/16 = 0.5625 */
  }
  .ratio-16x9 > img {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
}

.currentDay {
	background-color: #dff0d8 !important; /* lekko zielone tło */
	font-weight: bold;
}

.modal-content {
  box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}
.modal-body p {
  font-size: 14px;
  line-height: 1.6;
}
.modal-body ul {
  margin-left: 20px;
  margin-top: 5px;
  font-size: 13px;
}
.modal-header {
  border-bottom: none;
}
.modal-footer {
  border-top: none;
}