/* 
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.1
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);
}

/* select2 (e.g. filters) */

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

/* select2 in forms (country, address search of the checkout / my account): same height as the
   other fields. Elementor sets a fixed height / line height of 45px and WooCommerce an additional
   padding, so the text was higher than the field and cut off. Padding and line height are the
   ones of the other fields (Elementor checkout: --forms-fields-padding, field typography). */

.woocommerce form .form-row .select2-container .select2-selection--single {
    height: auto !important;
    padding: var(--forms-fields-padding, 16px) !important;
}

.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 2em 0 0 !important;
    line-height: inherit !important;
}

.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow {
    top: 0 !important;
    right: 1em !important;
    height: 100% !important;
}