// /**
//  * Copyright © 2013-2017 Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//  Theme file should contain declarations (overrides) ONLY OF EXISTING variables
//  Otherwise this theme won't be available for parent nesting
//  All new variables should be placed in local theme lib or local theme files

// Layout

@layout__max-width: 100%;
@layout-indent__width: 0;

@font-family-name__base: '';
@font-family__base: '';
@form-element-input__font-size: false;
@line-height__base: 1.666666667;
@form-element-input__border-radius: 2px;
//  Primary button
@button__border-radius: @form-element-input__border-radius;
@button-primary__border: none;
@button-primary__hover__border: none;
@button__padding: 9px 20px;

// Input text
@form-element-input__color: #666;
@form-element-input__height: 32px;
@form-element-input-placeholder__color: #999;
@form-element-input__border: 1px solid #e5e5e5;

// Form
@form-field-type-revert: false;
@form-field-type-label-inline__width: false;
@select__padding: 6px 20px 6px 6px;

@form-fieldset__margin: 0 0 20px;
@form-element-input__focus__border: 1px solid #66afe9;

@link__hover__text-decoration: none;
@link__active__text-decoration: none;
@focus__box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
@link__active__color: '';
@link__visited__color: '';

// Navigation
@submenu-desktop-item__hover__background: #f3f4f8;

// Theme mixin

.ul-nostyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

.opacity(@opacity) {
    opacity: @opacity;
}

.border-radius(@radius) {
    border-radius: @radius;
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
}

.transform-rotate(@rotate) {
    -webkit-transform: rotate(@rotate);
    -ms-transform: rotate(@rotate); // IE9 only
    -o-transform: rotate(@rotate);
    transform: rotate(@rotate);
}
.transform-origin(@origin) {
    -webkit-transform-origin: @origin;
    -ms-transform-origin: @origin;; // IE9 only
    -o-transform-origin: @origin;;
    transform-origin:@origin;;
}
.transform(@transform) {
    -webkit-transform: @transform;
    -ms-transform: @transform; // IE9 only
    -o-transform: @transform;
    transform: @transform;
}

.transition(@transform) {
    transition: @transform;
    -moz-transition: @transform;
    -webkit-transition: @transform;
    -o-transition: @transform;
}

.transition-duration(@transition_duration) {
    transition-duration: @transition_duration;
    -webkit-transition-duration: @transition_duration;
    -moz-transition-duration: @transition_duration;
    -o-transition-duration: @transition_duration;
}

.box-shadow(@boxshadow) {
    box-shadow: @boxshadow;
    -moz-box-shadow: @boxshadow;
    -webkit-box-shadow: @boxshadow;
    -o-box-shadow: @boxshadow;
}

.box-shadow-none() {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
}

.placeholder(@placeholder) {
    &::-webkit-input-placeholder {
        color: @placeholder;
        opacity: 1;
    }
    &:-moz-placeholder {
        color: @placeholder;
        opacity: 1;
    }
    &::-moz-placeholder {
        color: @placeholder;
        opacity: 1;
    }
    &:-ms-input-placeholder {
        color: @placeholder;
        opacity: 1;
    }
}

.clearfix() {
    &::after {
        content: "";
        display: block !important;
        clear: both;
    }
}

// Theme custom

/**
 * Button
 */
@button__color: #fff;
@button__hover__color: #fff;
@button__background: #4a5678;
@button__hover__background: darken(@button__background, 7%);
@button__border: none;

@button-primary__default: @button__background;
@button-primary__background: @button-primary__default;
@button-primary__hover: @button__hover__background;
@button-primary__hover__background: @button-primary__hover;
@button-primary__color: @button__hover__color;
@button-primary__padding: 7px 20px;
@button-primary__font-weight: @font-weight__regular;

/**
 * Remove color name product
 */

@product-name-link__color: '';
@product-name-link__color__active: '';
@product-name-link__color__hover: '';
@product-name-link__color__visited: '';

/**
 * Icomoon mixin
 */

.icomoon (@code, @size) {
    content: '\@{code}';
    display: inline-block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: @size;
}
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}