/* ==========================================================================
   WooCommerce Dropdown Cart styles - begin
   ========================================================================== */

.edgtf-shopping-cart-holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    margin: 0 10px;
    
    &:hover {
        
        .edgtf-sc-dropdown {
            opacity: 1;
            visibility: visible;
        }
    }

    .edgtf-shopping-cart-inner {
        @include edgtfRelativeHolderLayout();
        height: 100%;
    }

    .edgtf-header-cart {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;

        .edgtf-sc-opener-icon {
            position: relative;
            display: inline-block;
            vertical-align: top;
            line-height: 1;

            .edgtf-sc-opener-count {
                position: absolute;
                top: -7px;
                right: -6px;
                font-size: 10px;
                font-weight: 700;
            }
        }

        &.edgtf-header-cart-icon-pack {
            
            .edgtf-sc-opener-icon {
                font-size: 18px;
    
                * {
                    display: block;
                    line-height: inherit;
        
                    &:before {
                        display: block;
                        line-height: inherit;
                    }
                }
            }
        }

        &.edgtf-header-cart-svg-path {
            
            .edgtf-sc-opener-icon {

                > * {
                    vertical-align: middle;
                }
                
                > *, 
                path {
                    fill: currentColor;
                    stroke: currentColor;
                }
            }
        }
    }
}

.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-shopping-cart-holder .edgtf-header-cart {
    color: $header-dark-color;

    &:hover {
        color: $header-dark-hover-color;
    }
}

.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-shopping-cart-holder .edgtf-header-cart {
    color: $header-light-color;

    &:hover {
        color: $header-light-hover-color;
    }
}

.edgtf-sc-dropdown {
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    transition: opacity 0.35s cubic-bezier(.53,.01,.18,1), visibility 0.35s cubic-bezier(.53,.01,.18,1);
    
    .edgtf-sc-dropdown-inner {
        @include edgtfRelativeHolderLayout();
        width: 322px;
        padding: 30px 34px;
        background-color: #000;
        box-sizing: border-box;
	    font-family: $default-heading-font;
	    text-transform: uppercase;
	    font-size: 13px;
	    color: #fff;
	
	    p.edgtf-empty-cart {
	        font-weight: 700;
	    }
	    
        * {
	        color: inherit;
        }
    }
    
    .edgtf-sc-dropdown-items {
        @include edgtfRelativeHolderLayout();
    }
    
    .edgtf-sc-dropdown-item {
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 20px;
        
        &:first-child {
            margin-top: 0;
        }
    }
    
    .edgtf-sc-dropdown-item-image {
        flex-shrink: 0;
        width: 67px;
        margin-right: 20px;
        
        a, img {
            display: block;
        }
    }
    
    .edgtf-sc-dropdown-item-content {
        @include edgtfRelativeHolderLayout();
        padding-right: 20px;
    }
    
    .edgtf-sc-dropdown-item-title {
        margin: 0;
	    font-size: 13px;
	    font-weight: 700;
    }
	
	.edgtf-sc-dropdown-item-meta {
		margin: 0;
		@include edgtfMetaStyle();
		line-height: 19px;
	}
    
    .edgtf-sc-dropdown-item-remove {
        position: absolute;
        top: 7px;
        right: 0;
        font-size: 10px;
        line-height: 1;
    }
    
    .edgtf-sc-dropdown-subtotal {
        position: relative;
        display: block;
        align-items: center;
        margin: 24px 0 6px;
	    font-weight: 700;
        
        > * {
            margin: 0;
        }
	
	    .woocommerce-Price-amount {
		    font-size: 20px;
		    margin-left: 4px;
	    }
    }
    
    .edgtf-sc-dropdown-button-holder {
        @include edgtfRelativeHolderLayout();
        margin-top: 20px;
    }
    
    .edgtf-sc-dropdown-button {
        @include edgtfButtonDefaultStyle();
        @include edgtfButtonSize($size: huge);
        background-color: #fff;
	    color: #000;
	    text-align: center;
        height: 54px;
	    line-height: 52px;
        padding: 0;
    }
}

.edgtf-vertical-menu-area {

    .edgtf-sc-dropdown {
        display: none !important;
    }
}
/* ==========================================================================
   WooCommerce Dropdown Cart styles - end
   ========================================================================== */