/************************
 * Form Styles
 ************************/

//// normal button
.woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button{
 	@include button-variant( $btn-primary-color, $btn-primary-bg, $btn-primary-border);
    border-radius: $input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.
}

.woocommerce a.button, a.yith-wcwl-add-button, a.add_to_wishlist{
    background:none;
    padding:10px 20px;
    font-weight: normal;
    &:hover{
        background:none;
        text-decoration: underline;
    }
}
/// submission buttons
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	@include button-variant( $btn-danger-color, $btn-danger-bg, $btn-danger-border);
    border-radius: $input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.
}

/// add to cart button and buy product button
 .woocommerce  a.add_to_cart_button, .woocommerce a.product_type_external, .woocommerce button.button.single_add_to_cart_button {

    padding: 5px 15px;
    display: block;
    @include rtl-text-align-left();
    background: $theme-color;  
    display: inline-block;
    line-height: 30px;
    border: none;
    .icon-cart{
        text-align: center;
        color: $white;
        @include rtl-margin-right(5px);
        font-size: $font-size-base;
        margin-top: 2px;
    }
    .title-cart{
        font-size: 12px;
        color: $white;
        font-weight: 700;
        text-transform: uppercase;
    }

    &:hover,
    &:active,
    &.active,
    &:focus,
    &:active:focus {
        background:$theme-color-second; 
    } 
}

/// 


/**
 * Input Form Styles
 */
//// input and textarea. styles extended from bootstrap form
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, .woocommerce form .form-row textarea,  .woocommerce select, .woocommerce-cart table.cart input.input-text {
	display: block;
	width: 100%;
	height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
	padding: $padding-base-vertical $padding-base-horizontal;
	font-size: $font-size-base;
	line-height: $line-height-base;
	color: $input-color;
	background-color: $input-bg;
	background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
	border: 1px solid $input-border;
	border-radius: $input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.
	@include box-shadow(none);
	@include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);

	// Customize the `:focus` state to imitate native WebKit styles.
	@include form-control-focus;

	// Placeholder
	@include placeholder;

	// Disabled and read-only inputs
	//
	// HTML5 says that controls under a fieldset > legend:first-child won't be
	// disabled if the fieldset is disabled. Due to implementation difficulty, we
	// don't honor that edge case; we style them as disabled anyway.
	&[disabled],
	&[readonly],
	fieldset[disabled] & {
		background-color: $input-bg-disabled;
		opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
	}

	&[disabled],
	fieldset[disabled] & {
		cursor: $cursor-disabled;
	}
    &:focus {
        border-color: $border-color;
        @include box-shadow(none);
    }
}
.woocommerce form .form-row textarea{
   min-height: 100px;	
}

// OnSale style
.woocommerce span.onsale {
    border-radius: 0;
    background-color: $brand-danger;
    font-weight: 400;
    top: 0;
    left: 0;
}

// Pagination
.woocommerce nav.woocommerce-pagination {
    text-align: left;
    border-top: 1px solid $border-color;
    padding-top: $grid-gutter-width;
    margin: $grid-gutter-width 0;
    ul {
        margin: 0;
        border: none;
        li {
            border-right: none;
            a,
            span {
                text-transform: uppercase;
                color: $black;
                padding: 0 $grid-gutter-width/2;
                font-weight: 700;
            }
            span.current {
                background: none;
                text-decoration: underline;
                color: $black;
            }
            a:hover,
            a:focus {
                background: none;
                color: $black;
            }
            &:first-child {
                a,
                span {
                    @include rtl-padding-left(0);
                }
            }
            a.prev {
                &:before {
                    content: "\f104";
                    font-family: 'FontAwesome';
                    font-weight: 400;
                    @include rtl-margin-right(8px);
                    color: $input-color-placeholder;
                }
            }
            a.next {
                &:after {
                    content: "\f105";
                    font-family: 'FontAwesome';
                    font-weight: 400;
                    @include rtl-margin-left(8px);
                    color: $input-color-placeholder;
                }
            }
        }
    }
}

// Page title
.woocommerce .page-title {
    margin: 0 0 $grid-gutter-width;
    border-bottom: 1px solid $border-color;
    padding-bottom: $grid-gutter-width - 10;
}

// Breadcrumb
.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 $grid-gutter-width - 10;
    a:hover {
        color: $theme-color;
    }
    i {
        margin: 0 8px;
    }
}

// Rating
.woocommerce .star-rating {
    display: inline-block;
    float: none;
    overflow: hidden;
    position: relative;
    height: 1.1em;
    line-height: 1;
    font-size: 0.8em;
    width: 6em;
    letter-spacing: 2px;
    font-family: 'star';
    color: #ffcc33;

    &:before {
        content: "\73\73\73\73\73";
        color: $light-gray;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
    }

    span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.5em;
    }

    span:before {
        content: "\53\53\53\53\53";
        top: 0;
        position: absolute;
        left: 0;
    }
}
.woocommerce .woocommerce-product-rating .star-rating {
    @include rtl-margin(8px,10px,0,0);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: $theme-color;
    font-size: 24px;
    font-weight: 700;
    del {
        font-size: 80%;
    }
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    padding: 10px 20px;
}
.woocommerce table.shop_table {
    border-radius: 0;
}