@use '../utilities' as *;

// HEADER CART
.cart-contents {
    font-size: .85rem;
    padding: 4px 12px;
    margin-left: 10px;
    border: 1px solid $grey;
    border-radius: 100px;
    text-decoration: none;
    @include flexBox (center, center, row);
    transition: all .35s ease-in-out;

    &:hover {
        box-shadow: 1px 1px 1px 0 $secondary_black;
    }

    @media(max-width: 992px) {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0;
    }
}

.cart-contents .menu-cart-container {
    @include flexBox (center, center, row);
    font-size: .8rem;
    color: $secondary_black;
}

.cart-contents .menu-cart-container .cart-icon {
    margin-right: 10px;
}

// BREADCRUMB + ENTRY CONTENT
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb {
    color: $secondary_black;
    margin: 0;
    padding: 4px 0;
    font-size: .8rem;
    font-weight: 500;
}

.entry-content .woocommerce {
    margin: 1.5em 0;
}

// ARCHIVE PAGE
.page-header.woocommerce {
    font-size: .85rem !important;
}

.widget span.product-title {
    font-weight: 500;
    font-size: .75rem;
}

form.woocommerce-product-search {
    display: block;
}

form.woocommerce-product-search input {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 2px;
    font-size: .85rem;
}

form.woocommerce-product-search button {
    display: block;
    width: 100%;
    background: $cyan !important;
    color: $secondary_white !important;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.woocommerce a img {
    filter: brightness(97%);
}

.woocommerce a img:hover {
    filter: brightness(94%);
}

.woocommerce-info::before {
    display: none;
}

.woocommerce-info {
    padding: 10px;
    font-size: .9rem;
}

.woocommerce-products-header .woocommerce-products-header__title.page-title {
    font-size: 1rem !important;
    padding: 8px !important;
    margin: 0 0 30px 0;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid $grey !important;
    border-radius: 2px;
    display: none;
}

.woocommerce-ordering .orderby {
    padding: 4px;
    font-size: .9rem;
    border-radius: 2px;
}

.woocommerce ul.products li.product .button {
    background: $secondary_black;
    color: $secondary_white !important;
    font-size: .7rem;
    font-weight: 500;
    border-radius: 1px !important;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.woocommerce ul.products li.product .button:hover {
    background: rgba($cyan, .8);
}

.price_slider_wrapper .button {
    background: $cyan !important;
    color: $secondary_white !important;
    font-size: .9rem !important;
    border-radius: 1px !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: $cyan !important;
}

.woocommerce span.onsale {
    background: $secondary_black;
    top: 0;
    left: 0;
    border-radius: 0;
    line-height: 1.5em;
    padding: 8px 12px;
    min-width: 3.5em;
    min-height: 1.5em;
    text-align: center;
    font-size: .9rem;
    font-weight: 500;
}

ul.products li.product.type-product .added_to_cart {
    font-size: .85rem;
}

.woocommerce ul.products li.product .onsale {
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    border-radius: 0;
    line-height: 1.5em;
    padding: 5px 10px !important;
    min-width: 3.5em;
    min-height: 1.5em;
    text-align: center;
    font-size: .8rem;
    font-weight: 500;
}

.woocommerce-loop-product__link a {
    font-size: .8rem !important;
    padding: 4px 0 !important;
    margin-bottom: 4px !important;
}

h2.woocommerce-loop-product__title {
    padding: 0 !important;
    margin: 0 0 4px 0 !important;
    font-size: .7rem !important;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
    color: $secondary_black;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    margin: 0 0 8px 0 !important;
}

.product span.woocommerce-Price-amount.amount {
    font-weight: 600;
    color: $secondary_black;
}

.widget span.woocommerce-Price-amount.amount {
    font-size: .8rem;
    font-weight: 500;
}

.woocommerce ul.products li.product .price {
    color: $secondary_black;
    font-size: 1rem;
    font-weight: 500;
}

.woocommerce ul.products li.product .star-rating {
    font-size: .6rem;
    color: $cyan;
}

.widget .star-rating {
    font-size: .6rem;
    color: $cyan;
}

// SINGLE PRODUCT PAGE
.woocommerce .product h1.product_title.entry-title {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    padding: 8px 0 12px 0 !important;
    border-bottom: 1px solid $grey !important;
}

.woocommerce .product .entry-summary .price {
    color: $secondary_black;
    font-size: 1.6rem;
}

.woocommerce .product .woocommerce-product-details__short-description {
    font-size: .9rem;
    text-align: justify;
    padding: 0;
    margin: 30px 0;
}

.woocommerce .product .woocommerce-product-details__short-description p {
    font-size: .9rem;
}

.woocommerce .product .woocommerce-product-details__short-description ul li {
    font-size: .9rem;
}

.woocommerce .woocommerce-product-rating {
    font-size: .8rem;
}

.woocommerce .woocommerce-product-rating .woocommerce-review-link {
    font-size: .6rem !important;
    text-transform: uppercase !important;
    color: $secondary !important;
}

.woocommerce div.product form.cart {
    margin-bottom: 2em;
    margin-top: 1em;
}

.variations_form.cart .variations tbody tr select {
    padding: 5px;
    font-size: .9rem;
    border-radius: 2px;
    margin-bottom: 5px;
}

.woocommerce-variation-price .price {
    color: $secondary_white !important;
    margin-bottom: 5px !important;
}

.woocommerce .product .product_meta span {
    font-size: .75rem;
}

.woocommerce .quantity .qty {
    width: 5em;
    text-align: center;
    padding: 5px;
    border-radius: 2px;
}

button.single_add_to_cart_button.button.alt {
    border-radius: 2px;
    font-size: 1rem !important;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    background: $secondary_black !important;
    color: $secondary_white !important;
}

.product_meta span {
    font-size: .9rem !important;
}

.product_meta a {
    color: $cyan;
}

.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 80px;
}

.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs {
    margin-bottom: 10px !important;
}

.woocommerce-tabs.wc-tabs-wrapper .wc-tabs li {
    border-radius: 0 !important;
}

.woocommerce-tabs.wc-tabs-wrapper .wc-tabs li a {
    font-size: .75rem !important;
    font-weight: 500 !important;
    padding: 5px 0 !important;
}

.woocommerce-Tabs-panel {
    padding: 5px 10px !important;
}

.woocommerce-Tabs-panel h2 {
    font-size: 1.2rem !important;
}

.woocommerce-Tabs-panel p {
    font-size: .9rem !important;
    text-align: inherit !important;
}

p.comment-form-author input {
    display: block !important;
    width: 100% !important;
}

p.comment-form-email input {
    width: 100% !important;
    display: block !important;
}

// CART PAGE
.woocommerce table.shop_table td {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    margin-bottom: 0 !important;
}

.woocommerce table.shop_table td.actions {
    padding: 8px !important;
    margin-bottom: 0 !important;
}

.woocommerce table.shop_table td.actions button.button {
    background: $secondary_black !important;
    color: $secondary_white !important;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border: 1px solid #ebebeb;
    border-radius: 0;
}

.woocommerce-cart-form__cart-item td.product-remove a.remove {
    display: inline-block;
    vertical-align: middle;
}

.woocommerce a.remove {
    display: block;
    font-weight: 400;
    font-size: 18px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 21px;
    border-radius: 100%;
    color: $grey !important;
    text-decoration: none;
    border: 1px solid $grey;
}

.woocommerce a.remove:hover {
    border: 1px solid $cyan !important;
    color: $cyan !important;
    background: transparent !important;
}

.woocommerce table.shop_table {
    text-align: left;
    border-collapse: separate;
}

.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
    height: auto;
}

.woocommerce table.shop_table .product-thumbnail img,
.woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width: 50px;
}

tr.woocommerce-cart-form__cart-item.cart_item td.product-name a {
    font-weight: 500;
    color: #333333;
}

tr.woocommerce-cart-form__cart-item.cart_item td.product-name a {
    font-weight: 500;
    color: #333333;
}

.coupon button.button {
    border: none !important;
    background: $cyan !important;
    color: $secondary_white !important;
    max-height: 35px !important;
    border-radius: 0 !important;
}

.woocommerce-page #content table.cart [name=coupon_code] {
    max-height: 35px;
}

.woocommerce-cart table.shop_table .woocommerce-Price-amount {
    font-weight: 500;
}

.cart-collaterals .cart_totals h2 {
    font-size: 1.2rem !important;
    font-weight: 500;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

// ACCOUNT PAGE
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation-link {
    list-style: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-width: 0;
}

.woocommerce-MyAccount-navigation-link:last-child {
    border-bottom-width: 1px;
}

.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: .8em 1em;
    font-size: 1rem;
    font-weight: 450;
    color: $cyan !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color: $secondary_black;
    font-weight: 500;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    background: $secondary_white;
}

.woocommerce-MyAccount-navigation-link.is-active:hover a {
    color: $secondary_black !important;
}

.woocommerce table.shop_table thead {
    background: $secondary_white;
    color: $secondary_black;
    padding: 8px 0;
}

form.woocommerce-cart-form th,
form.woocommerce-cart-form td {
    padding: 15px !important;
}

.cart.woocommerce-cart-form__contents .coupon .input-text {
    min-width: 120px !important;
}

.woocommerce .wc-proceed-to-checkout .checkout-button {
    border-radius: 3px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    background: $secondary_black !important;
    color: $secondary_white !important;
}

.woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    opacity: .9 !important;
}

.woocommerce .u-columns.col2-set {
    display: flex;
    justify-content: space-between;
}

.u-column1,
.u-column2 {
    padding: 0 10px;
}

.woocommerce-Address-title.title h3 {
    font-size: .95rem !important;
    font-weight: 500;
    text-transform: uppercase;
}

.woocommerce-Address-title.title a {
    color: $cyan !important;
}

.woocommerce-MyAccount-navigation li a {
    color: $cyan !important;
    font-size: .78rem !important;
    text-transform: uppercase;
}

.woocommerce-MyAccount-content a {
    color: $cyan !important;
}

.woocommerce-MyAccount-navigation {
    margin-bottom: 20px;
}

a.woocommerce-MyAccount-downloads-file.button.alt {
    background: $secondary_black !important;
    color: $secondary_white !important;
    font-size: .7rem;
    text-transform: uppercase;
    padding: 12px 20px;
}

td.download-product a {
    text-transform: uppercase !important;
    font-size: .78rem;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    text-align: center;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.view {
    background: $secondary_black !important;
    color: $secondary_white !important;
    font-size: .7rem;
    text-transform: uppercase;
}


@media (max-width: 767px) {
    .woocommerce .u-columns.col2-set {
        display: block;
    }
}

// CHECKOUT PAGE
.checkout.woocommerce-checkout .checkout-info {
    display: grid !important;
    grid-template-columns: 55% 45% !important;
}

.checkout.woocommerce-checkout .checkout-customer-details .col2-set {
    display: block !important;
    margin-bottom: 30px !important;
    padding-right: 15px !important;
    border-right: 1px solid $grey !important;
}

.woocommerce .col2-set .column-1,
.woocommerce-page .col2-set .column-1 {
    width: 100% !important;
    float: none !important;
}

.woocommerce .col2-set .column-2,
.woocommerce-page .col2-set .column-2 {
    width: 100% !important;
    float: none !important;
}

span.woocommerce-input-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.checkout.woocommerce-checkout .checkout-order-review {
    display: block !important;
    padding-left: 15px !important;
}

.woocommerce p.woocommerce-customer-details--phone,
.woocommerce p.woocommerce-customer-details--email {
    margin-left: 0 !important;
}

.checkout.woocommerce-checkout .checkout-customer-details .col2-set .column-1 .woocommerce-billing-fields .form-row {
    display: block !important;
    width: 100% !important;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.checkout.woocommerce-checkout .checkout-order-review h3 {
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

.woocommerce-additional-fields {
    margin-top: 30px;
}

.form-row.place-order button.button.alt {
    background: $secondary_black !important;
}


@media (max-width: 992px) {
    .checkout.woocommerce-checkout .checkout-info {
        display: block !important;
    }

    .checkout.woocommerce-checkout .checkout-customer-details .col2-set {
        padding-right: 0 !important;
        border: none !important;
    }

    .checkout.woocommerce-checkout .checkout-order-review {
        padding-left: 0 !important;
    }
}

@media (max-width: 500px) {
    .checkout.woocommerce-checkout .checkout-customer-details .col2-set .column-1 .woocommerce-billing-fields .form-row {
        display: block !important;
        width: 100% !important;
    }

}

// THANK YOU PAGE
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    margin-left: 0 !important;
    padding: 8px 4px;
    border: 1px solid $grey;
}

ul.woocommerce-thankyou-order-details {
    margin-left: 0 !important;
    padding: 8px 4px;
    border: 1px solid $grey;
}

.woocommerce-thankyou-order-details li {
    font-size: .8rem !important;
    font-weight: 500 !important;
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
    font-size: 1.2rem !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.woocommerce-table__product-name.product-name a {
    color: $cyan;
    text-transform: uppercase;
    font-size: .8rem;
}

// LOGIN PAGE
p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide input {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.woocommerce form .form-row {
    padding: 5px;
    margin: 0 0 6px 0;
    width: 100% !important;
    display: block;
}

.woocommerce-LostPassword.lost_password a {
    color: $cyan;
    font-size: .75rem;
    font-weight: 500;
    padding: 0 6px !important;
    margin: 0 !important;
}

.u-column2.column-2 h2,
.u-column1.column-1 h2 {
    font-size: 1.3em !important;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 0;
}

.woocommerce-form.woocommerce-form-login.login,
.woocommerce-form.woocommerce-form-register.register {
    margin: 0 !important;
    padding: 5px 8px !important;
    margin-top: 30px !important;
}

.woocommerce-form.woocommerce-form-register.register p {
    font-size: .85rem !important;
    margin-bottom: 15px;
}
