﻿/*Flyout Cart*/
.flyout-cart
{
	display:none;
	float:none;
	width:100%;
	max-width:450px;
	border:1px solid var(--secondary-600);
	border-radius:16px;
	background-color:var(--basic-0);
	box-shadow:0 4px 16px var(--shadow);
	padding:16px;
	margin:0;
	position:absolute;
	top:calc(100% + 8px) !important;
	left:auto !important;
	right:-20px !important;
	transform:none !important;
	z-index:3 !important;
}
.flyout-cart::after
{
	content:'';
	display:inline-block;
	width:22px;
	height:22px;
	border-top:1px solid var(--secondary-600);
	border-left:1px solid var(--secondary-600);
	background-color:var(--basic-0);
	transform:rotate(45deg);
	position:absolute;
	top:-12px;
	right:40px;
}
.flyout-cart .flyout-cart-inner
{
	border-radius:16px;
	background-color:var(--basic-50);
	padding:16px;
}
@media all and (max-width:1780px)
{
	.flyout-cart
	{
		right:0 !important;
	}
	.flyout-cart::after
	{
		right:20px !important;;
	}
}
@media all and (max-width:1199px)
{
	.flyout-cart
	{
		width:calc(100% - 10px);
		right:5px !important;;
	}
	.flyout-cart::after
	{
		width:16px;
		height:16px;
		top:-9px !important;;
	}
}

/*Flyout Cart - Header*/
.flyout-cart-header
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid var(--basic-300);
	padding:0 0 16px 0;
}
.flyout-cart-header *
{
	margin:0;
}
.flyout-cart-header .item-number
{
	padding-left:16px;
}

/*Flyout Cart - Body*/
.flyout-cart-body
{
	max-height:320px;
	overflow-y:auto;
	padding:16px 0;
}
.flyout-cart-body .flyout-cart-animal
{
	padding-top:32px;
}
.flyout-cart-body .flyout-cart-animal:first-of-type
{
	padding-top:0;
}
@media all and (max-height:767px)
{
	.flyout-cart-body
	{
		max-height:calc(100vh - 380px);
	}
}
@media all and (max-width:1199px)
{
	.flyout-cart-body
	{
		max-height:calc(100vh - 320px);
	}
}

/*Flyout Cart - Table*/
.flyout-cart-table
{
	width:100%;
}

/*Flyout Cart - Table - THead*/
.flyout-cart-table thead th
{
	color:var(--basic-900);
	font-size:0.75rem;
	font-weight:600;
	white-space:nowrap;
	background-color:var(--basic-100);
	padding:8px;
}
.flyout-cart-table thead th:first-child
{
	border-radius:8px 0 0 8px;
}
.flyout-cart-table thead th:last-child
{
	border-radius:0 8px 8px 0;
}
.flyout-cart-table thead th.subtotal,
.flyout-cart-table thead th.remove
{
	text-align:center;
}

/*Flyout Cart - Table - TBody*/
.flyout-cart-table tbody td
{
	color:var(--basic-900);
	font-size:0.875rem;
	padding:20px 8px;
	border-bottom:1px solid var(--basic-300);
}
.flyout-cart-table tbody td.product
{
	font-weight:700;
}
.flyout-cart-table tbody td.subtotal,
.flyout-cart-table tbody td.remove
{
	text-align:center;
}

/*Flyout Cart - Footer*/
.flyout-cart-footer
{
	padding:16px 0 24px 0;
}
.flyout-cart-footer .total-info > p
{
	display:none;
}
.flyout-cart-footer p
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0;
}

/*Flyout Cart - Empty*/
.flyout-cart-empty
{
	font-size:1rem;
	font-weight:600;
	text-align:center;
	border-radius:8px;
	background-color:var(--basic-100);
	padding:8px;
	margin:16px 0 0 0;
}