/* 
Theme Name: Hello Toferer B2C
Theme URI: https://github.com/elementor/hello-theme-child/
Author: Doppelpack
Author URI: https://doppelpack.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-toferer-b2c
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a {
    transition: color 0.15s linear;
}

.product-badges {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
    gap: 10px;
}
.product-badges img.badge-image {
    width: auto;
    height: auto;
    max-width: 80px;
}

table.variations tbody tr>td,
table.variations tbody tr:hover>td,
table.variations tbody tr:hover>th {
    background-color: hsla(0,0%,50.2%,.0705882353);
}

/* WooCommerce */

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    margin-bottom: 10px!important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: var(--e-global-color-764183d);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    font-weight: 400;
}

.woocommerce table.shop_attributes td p {
    padding: 8px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    z-index: 90;
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr > td,
table tbody > tr:nth-child(odd) > th,
table tbody > tr > th {
    background-color: hsla(0,0%,50.2%,.0705882353)
}

/* WooCommerce - Variation Swatches */
.woocommerce div.product form.cart table.variations td {
    padding: 15px;
}

/* WooCommerce - Bulk Variations */

.woocommerce .button.btn-bulk,
.woocommerce .button.btn-back-to-product {
    border-color: #e8e8e8;
    background-color: #e8e8e8;
    color: var(--e-global-color-text);
    font-size: 0.8em;
    padding: 0.4em 2em;
    margin: 0;

}

.woocommerce .button.btn-bulk {
    margin-bottom: 1em;
}

.woocommerce .button.btn-bulk:focus,
.woocommerce .button.btn-bulk:active,
.woocommerce .button.btn-bulk:hover,
.woocommerce .button.btn-back-to-product:focus,
.woocommerce .button.btn-back-to-product:active,
.woocommerce .button.btn-back-to-product:hover {
    border-color: #ccc;
    background-color: #ccc;
    color: var(--e-global-color-text);
}

#matrix_form {
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

#matrix_form_table tbody tr td.active {
    border-top: 1px solid #C4C4C4!important;
}

#wholesale_form button.single_add_to_cart_button,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button {
    border-color: var( --e-global-color-accent );
    background-color: var( --e-global-color-accent );
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 50px 50px 50px 50px;
    padding: 0.8em 3.5em 0.8em 3.5em;
}

#wholesale_form button.single_add_to_cart_button:focus,
#wholesale_form button.single_add_to_cart_button:active,
#wholesale_form button.single_add_to_cart_button:hover {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-c696dce);
    border-color: var(--e-global-color-accent);
}

#matrix_form_table input {
    padding: 1px 5px;
}

.qty_input_info .summary ul {
    list-style: disc;
    font-size: 0.8em;
}

.qty_input_info p.stock {
    margin-top: 0.5em;
}

.qty_input_info p.stock.in-stock {
    color: #b3af54;
}

.qty_input_info p.stock.out-of-stock {
    color: red;
}

/* WooCommerce - Tiered Pricing */

.tpt__tiered-pricing {
    margin-top: 2em;
}

/* WooCommerce Photo Swipe (Lightbox) */
button.pswp__button {
    border: none;

    border-radius: 0;
    padding: 0;
}

/* WooCommerce reset password */
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword p {
    width: 100%;
}

/* WooCommerce Buttons */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    color: #fff;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 30px 30px 30px 30px;
    padding: 0.8em 3em 0.8em 3em;
    background-color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
    transition: all 0.3s;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-c696dce);
    border-color: var(--e-global-color-accent);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
    color: #fff;
    background-color: var( --e-global-color-accent );
    border-width: 1px 1px 1px 1px;
    border-radius: 30px 30px 30px 30px;
    padding: 0.8em 3em 0.8em 3em;
}

/* User Switching */

p#user_switching_switch_on > a {
    display: flex;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px;
    background: rgb(60, 67, 74);
    border-radius: 3px;
    transition: background-color 0.3s linear;
}

p#user_switching_switch_on > a:hover {
    background-color: rgb(34, 113, 177);
}

/* Koala Multiple Addresses */

.select2-selection {
    padding-top: 0!important;
    padding-bottom: 0!important;
}