//
// Magento Enterprise Edition
//
// NOTICE OF LICENSE
//
// This source file is subject to the Magento Enterprise Edition End User License Agreement
// that is bundled with this package in the file LICENSE_EE.txt.
// It is also available through the world-wide-web at this URL:
// http://www.magento.com/license/enterprise-edition
// If you did not receive a copy of the license and are unable to
// obtain it through the world-wide-web, please send an email
// to license@magento.com so we can send you a copy immediately.
//
// DISCLAIMER
//
// Do not edit or add to this file if you wish to upgrade Magento to newer
// versions in the future. If you wish to customize Magento for your
// needs please refer to http://www.magento.com for more information.
//
// @category    design
// @package     rwd_default
// @copyright Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com)
// @license http://www.magento.com/license/enterprise-edition
//

/* ============================================ *
 * Header - Account
 * ============================================ */

/* -------------------------------------------- *
 * Skip Link - Account
 */

.skip-account {

    &:not(.skip-active):hover {
        .icon {
            background-position: -50px+4px (-50px + ($toolbar-icon-padding-offset/2) + 2px);
        }
    }

    .icon {
        @extend .icon-sprite;
        background-position: -0px+4px (-50px + ($toolbar-icon-padding-offset/2) + 2px);
    }
}

// ---------------------------------------------

.skip-friend {
	display: none;
}

@include bp(min-width, $bp-medium + 1) {

    .skip-account,
    .skip-search,
    .skip-currency,
    .skip-friend {
        float: none;
        width: auto;
        vertical-align: top;
        display: inline-block;
        padding: 0 10px;
        text-transform: uppercase;
    }

	.skip-friend {
		position: relative;
		&:before,
		&:after {
			content: '|';
			position: absolute;
			top: -1px;
		}
		&:before {
			left: -3px;
		}
		&:after {
			right: -5px;
		}
	}


    .skip-account:hover {
    }

    #header-account.skip-active {
        @include menu;
        display: block;
        position: absolute;
        z-index: 9;
        top: 79px;
        right: 99px;
        width: 200px;
    }

    #header-account a {
        display: block;
        padding: 5px 10px;
        color: $c-text;
        line-height: 35px;
        font-size: 14px;
        text-transform: uppercase;
    }

    #header-account a:hover {
        color: $c-action;
    }

}

/* -------------------------------------------- *
 * Account Links
 */

#header-account {
    padding: 5px 0;
}

#header-account a {
    position: relative;
    display: block;
    padding: 5px 10px;
    line-height:35px;
    text-align: left;
}

#header-account a:hover {
    color: $c-action;
}