/* -------------------------------------------
	Footer
		- Base
		- Scroll To Top
		- Fixed Footer
---------------------------------------------- */

// Base
.footer-copyright {
	padding: 3rem 0;
	background: var(--alpha-dark-color);
	color: var(--alpha-grey-color);
	text-align: center;
	z-index: 3;
}

.animating-footer {
	transition: padding .3s;
}

@include mq(md) {
	.addtocart-fixed {
		--alpha-sticky-cart-height: 125px;
	}

	.addtocart-fixed .footer {
		padding-bottom: var(--alpha-sticky-cart-height);
	}
}

// Scroll To Top 
@include mq(md) {
	#scroll-top {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: -4rem;
		#{$right}: 1.5rem;
		z-index: 9989;
		width: 46px;
		height: 46px;
		font-size: 14px;
		font-weight: 700;
		color: var(--alpha-dark-color);
		opacity: 0;
		transition: bottom .3s, opacity .3s;

		&.show {
			opacity: 1;
			bottom: calc(2.5rem + var(--alpha-bottom-sticky-h));
		}

		&:focus,
		&:hover {
			text-decoration: none;
		}

		&:hover {
			opacity: .8;
		}

		i {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			color: var(--alpha-white-color);
			background-color: var(--alpha-dark-color);
			border: 2px solid var(--alpha-dark-color);
			border-radius: 50%;
			z-index: 1;
		}

		svg {
			position: absolute;
			width: 44px;
			height: 44px;
			border-radius: 50%;
			top: 1px;
			left: 1px;
			z-index: -1;

			circle {
				stroke: var(--alpha-primary-color);
				stroke-width: 4px;
				stroke-linecap: round;
				stroke-dasharray: 1, 400;
			}
		}
	}
}

@include mq(md, max) {
	#scroll-top {
		display: none;
	}
}

// Fixed Footer

@media (pointer: fine) {
	.fixed-footer {

		.main,
		.breadcrumb-wrap,
		.page-header {
			background-color: inherit;
			z-index: 1;
		}

		.footer {
			position: sticky;
			top: auto;
			bottom: 0;
			left: 0;
		}
	}
}