
@import "mixins";


// EDD Mini Cart Shortcode.
.ast-edd-mini-cart-wrapper {
	display: inline-block;
	line-height: 4;

	&.top {
		.widget_edd_cart_widget {
		    box-shadow: 0px -2px 8px 1px rgba(0, 0, 0, 0.07);
		}

		.ast-edd-site-header-cart {
			.widget_edd_cart_widget {
				bottom: 100%;
				top: auto;

				&:before {
					bottom: -18px;
					transform: rotateX(180deg);
				}

				&:after {
					bottom: -12px;
					transform: rotateX(180deg);
				}
			}
		}
	}

	&.bottom {
		.widget_edd_cart_widget {
		    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07);

		    &:focus .widget_edd_cart_widget,
			&:hover .widget_edd_cart_widget {
				bottom: 100%;
				top: auto;
			}
		}
	}

	&.left {
		.ast-edd-site-header-cart {

			.widget_edd_cart_widget {
				right: 0;
				left: auto;

				&:before {
					right: 10px;
					left: auto;
				}

				&:after {
					right: 13px;
					left: auto;
				}
			}
		}
	}

	&.right {
		.ast-edd-site-header-cart {
			.widget_edd_cart_widget {
				right: auto;
				left: 0;
				
				&:before {
					right: auto;
					left: 10px;
				}

				&:after {
					right: auto;
					left: 14px;
				}
			}
		}
	}
}

/**
 * EDD archive page content alignment.
 */
 .ast-edd-archive-article,
 .edd_download{
	/* Content alignment. */
	&.align-right {
	    text-align: right;
	}
	&.align-left {
	    text-align: left;
	}
	&.align-center {
	    text-align: center;
	}

	// Shadow.
	&.box-shadow-1,
	&.box-shadow-1-hover:hover {
		box-shadow: 0 1px 3px -2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.1);
		transition: all 300ms ease-in-out;
	}
	&.box-shadow-2,
	&.box-shadow-2-hover:hover {
		box-shadow: 0 3px 6px -5px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1);
		transition: all 300ms ease-in-out;
	}
	&.box-shadow-3,
	&.box-shadow-3-hover:hover {
		box-shadow: 0 10px 20px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1);
		transition: all 300ms ease-in-out;
	}
	&.box-shadow-4,
	&.box-shadow-4-hover:hover {
		box-shadow: 0 14px 28px rgba(0,0,0,.12), 0 10px 10px rgba(0,0,0,.12);
		transition: all 300ms ease-in-out;
	}
	&.box-shadow-5,
	&.box-shadow-5-hover:hover {
		box-shadow: 0 20px 30px 0 rgba(0,0,0,.2);
		transition: all 300ms ease-in-out;
	}

	&.box-shadow-0-hover:hover{
		box-shadow: none;	
	}

	// Basic spacing.
	.ast-edd-archive-block-wrap,
	.edd_download_inner{
		padding: 0 1.2em;
	}

	// No box shadow.
	&.box-shadow-0{
		&.box-shadow-0-hover{
			padding-bottom: 0;
			// Basic spacing.
			.ast-edd-archive-block-wrap,
			.edd_download_inner{
				padding: 0;
			}
		}
	}
}

/**
 * Checkout 
 */
.ast-edd-distraction-free-checkout {
	.main-header-bar{
		padding-top: 1em;
	}
	.main-header-container {
		text-align: center;
		justify-content: center;
	}

	.site-branding .site-title {
		justify-content: center;
	}
}
// Header Cart Icon.
.ast-edd-site-header-cart{
	.ast-edd-cart-container{
			transition: all 0.2s linear;
			*{
				transition: all 0s linear;
			}

	}
	.ast-edd-header-cart-info-wrap{
		padding: 0 2px;
		font-weight: 600;
		line-height: 2.7;
    	display: inline-block;
	}
	span.astra-icon{
		font-size: 20px;
		font-size: 1.3em;
		font-style: normal;
		font-weight: normal;
		position: relative;
    	padding: 0 2px;

		&:before{
    		font-family: 'Astra';
    	}

    	&.no-cart-total{
    		&:after{
    			display: none;
    		}
    	}
    	&:after{
    		content: attr(data-cart-total);
			position: absolute;
			font-style: normal;
			top: -10px;
			right: -12px;
			font-weight: bold;
			box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
			font-size: 11px;
			padding-left: 2px;
			padding-right: 2px;
			line-height: 17px;
			letter-spacing: -.5px;
			height: 18px;
			min-width: 18px;
			border-radius: 99px;
			text-align: center;
			z-index: 1;
    	}
	}
	&.ast-edd-menu-cart-outline,
	&.ast-edd-menu-cart-fill{
		.ast-addon-cart-wrap{
			line-height: 1.8;
		}
	}
	&.ast-edd-menu-cart-fill{
		span.astra-icon{
			font-size: 1.1em;
		}
	}
}
li.edd-custom-menu-item{
	.ast-edd-site-header-cart{
		span.astra-icon{
			&:after{
				padding-left: 2px;
			}
		}
	}
}

.ast-icon-shopping-cart {
	&:before{
		 content: "\f07a";
	}
}
.ast-icon-shopping-bag {
	&:before{
		 content: "\f290";
	}
}
.ast-icon-shopping-basket {
	&:before{
		 content: "\f291";
	}
}


// Remove Cart Total & Title for responsive devices.
.ast-header-break-point{
	&.ast-header-custom-item-outside{
		.ast-edd-header-cart-info-wrap{
			display: none;
		}
	}
}