.high {
	margin-top:40px;
}
   

.table {
    background-color: rgba(0, 0, 0, 0.7); /* Przezroczyste czarne tło */
    border-radius: 0.5rem; /* Zaokrąglenie krawędzi tabeli */
    overflow: hidden; /* Ukrywanie nadmiaru */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Cień dla tabeli */
	color:#e6c619;
}

.table th, .table td {
    vertical-align: middle; /* Wyrównanie środkowe w komórkach */
}

.table th {
    background-color: #e6c619; /* Niebieskie tło nagłówków */
    color: black; /* Biały tekst w nagłówkach */
}



.btn {
    margin-right: 10px; /* Odstęp między przyciskami */
}

.btn-danger {
    background-color: #dc3545; /* Czerwony kolor dla przycisku usuwania */
}

.btn-danger:hover {
    background-color: #c82333; /* Ciemniejszy czerwony na hover */
}

.btn-success {
    background-color: #28a745; /* Zielony kolor dla przycisku dodawania */
}

.btn-success:hover {
    background-color: #218838; /* Ciemniejszy zielony na hover */
}


.empty-cart-message {
    display: flex;
    justify-content: center; /* Wyśrodkuj poziomo */
    align-items: center; /* Wyśrodkuj pionowo */
    height: 80vh; /* Ustaw wysokość na prawie całe okno przeglądarki */
    text-align: center;
	font-size:2.5rem;
}

.background-block {
    background-color: rgba(0, 0, 0, 0.5); /* Czarny kolor z przezroczystością 50% */
   
    border-radius: 10px; /* Zaokrąglone rogi bloku */
}

.delivery-data{
	 margin: 0; /* Usuwa marginesy wokół p */
    padding: 0; /* Opcjonalnie - usuwa padding */
	}

.overlay, .card {
    background-color: rgba(0, 0, 0, 0.5); /* Czarne, przezroczyste tło */
    padding: 20px; /* Dodanie wewnętrznego marginesu */
    border-radius: 8px; /* Zaokrąglenie rogów */
    
}
.mobilna_inpost {
    display: none;
}

/* Pokaż tylko na urządzeniach mobilnych (do 768px szerokości) */
@media (max-width: 991px) {
    .mobilna_inpost {
        display: block;
    }
}


@media (max-width: 768px) {
    .empty-cart-message {
    display: flex;
    justify-content: center; /* Wyśrodkuj poziomo */
    align-items: center; /* Wyśrodkuj pionowo */
    height: 80vh; /* Ustaw wysokość na prawie całe okno przeglądarki */
    text-align: center;
	font-size:1.5rem;
}
}

@media (max-width: 420px) {
    .empty-cart-message {
    display: flex;
    justify-content: center; /* Wyśrodkuj poziomo */
    align-items: center; /* Wyśrodkuj pionowo */
    height: 80vh; /* Ustaw wysokość na prawie całe okno przeglądarki */
    text-align: center;
	font-size:0.8rem;
}
}