/* Styl dla koszyka w footerze */
/* Dodajemy limit wysokości do koszyka */
#footer-cart-modal {
    position: absolute;
    bottom: 60px; /* Przykładowa wartość odstępu od dolnej krawędzi */
    z-index: 9999; /* Upewnij się, że modal jest na wierzchu */
    display: none;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    width: 100%; /* Dostosuj szerokość według potrzeb */
    height: auto; /* Możemy ustawić wysokość na 'auto', aby dopasować do zawartości */
    max-height: 500px; /* Ustalamy maksymalną wysokość dla przewijania */
    overflow-y: auto; /* Dodaj pasek przewijania, jeśli zawartość przekracza wysokość */
}

/* Styl dla koszyka w headerze */
#cart-modal {
    position: absolute;
    top: 80px; /* Przykładowa wartość odstępu od góry */
    z-index: 9999; /* Upewnij się, że modal jest na wierzchu */
    display: none;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    max-width: 350px; /* Dostosuj szerokość według potrzeb */
    height: auto; 
    max-height: 500px; /* Ustalamy maksymalną wysokość dla przewijania */
    overflow-y: auto; /* Dodaj pasek przewijania, jeśli zawartość przekracza wysokość */
}


.cart-modal-content {
    position: relative;
    width: calc(100% - 40px); /* Aby uwzględnić marginesy */
    margin: 20px;
}

.cart-items,
.footer-cart-items {
    padding: 10px;
}

/* Dodatkowe style dla przycisku zamknięcia w footerze */
#footer-cart-close-btn {
    width: 100%;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
	color: #aaa;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.mini_cart_item
{
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 0px 10px 0px;
	display:flex;
}

.mini_cart_item .product-thumbnail
{
	width:30%;
}

.mini_cart_item .product-thumbnail img
{
	width:100%;
	height:auto;
	object-fit:cover;
	aspect-ratio: 1 / 1;
	border-radius:10px;
}

.mini_cart_item .mini-cart-name-price
{
	width: calc(70% - 20px);
    margin: 10px;
}

.mini_cart_item .mini-cart-name-price .product-name
{
	font-size:16px;
	color: #806065;
	font-weight:500;
}

.mini_cart_item .mini-cart-name-price .product-name a
{
	font-size:16px;
	color: #806065;
	font-weight:500;
	text-decoration:none;
}

.mini_cart_item .mini-cart-name-price .quantity
{
	font-size:16px;
	color: #838383;
	font-weight:300;
}

.mini_cart_item .mini-cart-remove-bttn
{
	width:100%;
	display:flex;
	justify-content:right;
}

.mini_cart_item .mini-cart-remove-bttn a
{
	color:white;
	text-decoration: none;
}


.remove_from_cart_button
{
	background-color: #ed3434;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    color: white;
    font-weight: 900;
	font-size:16px;
}

.product_list_widget li img
{
	width:70px;
	height:70px;
	object-fit: cover;
	border-radius:10px;
	margin-top:-20px;
}

.product_list_widget li a
{
	font-weight:400;
}



.product_list_widget 
{
	list-style: none;
    padding: 0px;
}

.woocommerce-mini-cart__total
{
	text-align:center;
}

.woocommerce-mini-cart__buttons a:first-of-type
{
	display:none;
}

.woocommerce-mini-cart__buttons
{
	display:flex;
	justify-content:center;
	margin-bottom:0px;
}
.woocommerce-mini-cart__buttons a
{
	background-color:#806065;
	color:white;
	border-radius: 99px;
    padding: 6px 16px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.25);	
	font-weight:400;
	text-decoration:none;
}

.footer-cart-items .woocommerce-mini-cart__total
{
	color:black;
}