/*
WooCommerce Styles
-----------------------------------------------------------------------------
Extrahiert aus style.css. Enthält alle Shop-, Produkt-, Warenkorb- und
Kasse-Anpassungen. Wird über functions.php per wp_enqueue_style() geladen,
VOR dem Child-Theme-Stylesheet (style.css) – damit bei gleicher Spezifität
weiterhin style.css gewinnt, genau wie vorher innerhalb der einen Datei.
*/

/* WooCommerce */
.woocommerce-shop .x-container.offset, .single-product .x-container.offset {
    margin: 15vh auto;
}

[class*=woocommerce] .entry-wrap {
    padding: 0px;
}

/* Product Filter */
@media only screen and (max-width: 600px) {
	.x-main.right {
    	display: table-footer-group !important;
	}
	.x-sidebar.left {
    	display: table-header-group !important;
	}
}

/* Shop Übersicht */
[class*=woocommerce] li.product .entry-header h3 {
    font-size: 120%;
}
.wgm-info.woocommerce-de_price_taxrate, .wgm-info.woocommerce_de_versandkosten {
    font-size: 0.8rem !important;
}

.wgm-info.shipping_de.shipping_de_string {
    font-size: 1rem !important;
    line-height: 1;
}

.entry-wrap {
    box-shadow: none;
}

.entry-featured {
    position: relative;
    box-shadow: none;
    transform: translate3d(0, 0, 0);
}

.has-post-thumbnail .entry-featured {
    border-bottom: none;
}

[class*=woocommerce] li.product {
    overflow: visible !important;
    box-shadow: none;
}

.woocommerce-shop .price {
    margin-bottom: 10px;
}

.woocommerce li.product .entry-header .button {
    position: initial;
    opacity: 1;
    margin-top: 10px;
}

[class*=woocommerce] li.product .entry-header .button {
    font-size: 1.2rem;
    text-shadow: none;
}

.woocommerce .button.product_type_simple:before, .woocommerce .button.product_type_variable:before {
    display: none;
}

.prdctfltr_mobile {
    margin-bottom: 20px;
}

/* Produkt Seite */
[class*=woocommerce] div.product .summary .variations .value {
    padding-right: 0;
    display: list-item;
    padding: 0;
    list-style: none;
}

[class*=woocommerce] div.product .summary .single_variation {
    text-align: left;
}

[class*=woocommerce] div.product .summary .variations select {
    width: auto;
    margin-bottom: 0;
    margin-right: 2%;
}

[class*=woocommerce] div.product .summary .variations .reset_variations {
    display: none;
    font-size: 1rem;
}

[class*=woocommerce] div.product .summary .single_variation .price {
    margin-bottom: 10px;
}

[class*=woocommerce] div.product .summary .variations .label {
    padding-left: 0;
    display: list-item;
    list-style: none;
    padding: 0;
}

[class*=woocommerce] div.product .summary .variations .label label {
    font-weight: 700;
    font-size: 1rem;
}

.product_meta {
    font-size: 1rem;
    display:none;
}

[class*=woocommerce] [type="submit"] {
    width: 100%;
}

[class*=woocommerce] .upsells ul.products li.product, [class*=woocommerce] .related ul.products li.product, [class*=woocommerce] .cross-sells ul.products li.product {
    border: none;
    border: none;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
}

[class*=woocommerce] .upsells ul.products li.product .entry-featured, [class*=woocommerce] .related ul.products li.product .entry-featured, [class*=woocommerce] .cross-sells ul.products li.product .entry-featured {
    border-bottom: none;
    border-bottom: none;
}

/* WOOCOMMERCE – WARENKORB*/
/* STRUCTURAL LAYOUT*/
@media (min-width: 980px){
    form.woocommerce-cart-form {
        float: left;
        width: 63%;
        margin-bottom: 0;
        margin-right: 2%;
    }

    .cart-collaterals {
        float: left;
        width: 35%;
    }
    }

    /*Cart Summary Margin*/
    @media(max-width: 979px) {
        form.woocommerce-cart-form {
        margin-bottom: 2em;
    }
}

/* WARENKORB – LEFT SIDE */
/*Container Styles*/
@media (min-width: 979px){
    form.woocommerce-cart-form {
        padding: 3em;
        background: white;
        border-radius: 1em;
        box-shadow: 0 0.5em 2em rgb(0 0 0 / 10%);
    }
}

[class*=woocommerce] .cart .actions .coupon > input[type=text] {
    display: inline;
    width: 100% !important;
    max-width: none;
}

[class*=woocommerce] .cart.shop_table .cart_item .product-remove {
    vertical-align: baseline;
}

[class*=woocommerce] table td {
    vertical-align: baseline;
}

button.button.wp-element-button {
    background-color: #5dc9f1;
}

.woocommerce-page table.cart td.actions .coupon .button {
    width: 100%;
}

[class*=woocommerce] .cart.shop_table .cart_item .product-name a {
    padding-top: 0em;
    padding-bottom: 0em;
    color: rgb(0,174,239);
    font-weight: 700;
}

[class*=woocommerce] .product-name .variation {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 80%;
}

[class*=woocommerce] .cart .actions {
    padding: 10px;
}

/*  WARENKORB – RIGHT SIDE  */
@media (min-width: 979px){
.cart-collaterals {
    padding: 3em;
    background: white;
    border-radius: 1em;
    box-shadow: 0em 0.5em 2em 0em rgb(0 0 0 / 30%);
    margin-top: 0em;
}
}

[class*=woocommerce] .cart-collaterals .cart_totals {
    margin-top: 0;
}

[class*=woocommerce] .cart-collaterals .cart_totals h2 {
    display: none;
}

/*Form Field Focus Color Style*/
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
    border-color: #4e22e9; /*Change this to a color that best suits your design*/
    box-shadow: none;
    outline: 0;
}

table th, table td {
    border-top: none;
    text-transform: uppercase;
    color: #4a4a4a;
}

[class*=woocommerce] .cart-collaterals table th {
    padding: 1em;
}


a.checkout-button.button.alt.wc-forward.wp-element-button {
    width: 100%;
    margin-bottom: 20px;
}

/* WARENKORB – ALERT STYLES */
/*Error Alert*/
.woocommerce-error {
    background-color: #ff7e7e;
    border: none;
    color: #761f1f;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    text-shadow: none;
}

/* WOOCOMMERCE - KASSE */
/* STRUCTURAL LAYOUT */
/*WooCommerce Layout Structure*/
@media (min-width: 980px) {
    /*Billing Detials Side*/
    .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
    float:left;
    width: 55%;
    }

    /*Order Review Side*/
    .woocommerce-checkout #order_review_heading, .woocommerce-checkout .woocommerce #order_review, .woocommerce-checkout .woocommerce-page #order_review {
    float: left;
    width:43%;
    margin-left: 2%;
    }
}

@media (max-width: 979px) {
    /*Billing Detials Margin*/
    .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
    margin-bottom: 2em;
    }
}

/* KASSE – LEFT SIDE**/
/*Billing Details Headline*/
.woocommerce-account form h3:first-child, .woocommerce-checkout form h3:first-child {
display: none; /*This is my preference. You can remove this and use the margin-bottom style below instead*/
/*margin-bottom: 1em;*/
}

/*Form Container Styles*/
@media (min-width: 979px) {
    .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
    background: white;
    padding: 3em;
    border-radius: 1em;
    box-shadow: 0 0.5em 2em rgb(0 0 0 / 10%);
    }
}

/*Form Field Title Styles*/
.wapf-field-label label {
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 0px !important;
}

/*
Auf Checkout/Konto/Warenkorb begrenzt – galt vorher global für JEDES
label/input/button/select/textarea der Seite (u.a. auch das Kontaktformular).
*/
:is(.woocommerce-checkout, .woocommerce-account, .woocommerce-cart) :is(label, input, button, select, textarea) {
font-size: 12px;
line-height: 1.7;
text-transform: inherit;
font-weight: 500;
color: #4a4a4a;
margin-bottom: 0.5em;
}

/*Form Field Styles*/
:is(.woocommerce-checkout, .woocommerce-account, .woocommerce-cart) :is(input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea) {
border: 1px solid #d9d9d9;
border-radius: 5px;
background-color: white;
height: 4em;
}

.woocommerce-account form .form-row, .woocommerce-checkout form .form-row {
margin-bottom: 1em;
}

/*Form Field Dropdown Styles*/
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 5px;
height: 4em;
}

.select2-container .select2-selection--single .select2-selection__rendered {
line-height: 4em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
position: absolute;
top: 1px;
right: 5px;
width: 25px;
}

.woocommerce-account form .payment_methods label, .woocommerce-checkout form .payment_methods label {
padding-left: 0px;
}

/* KASSE – RIGHT SIDE */
/*Order Review Headline Removal*/
h3#order_review_heading {
display: none;
}

/*Order Review Container Styles*/
@media (min-width: 979px) {
    div#order_review {
    background: white;
    padding: 3em;
    border-radius: 1em;
    box-shadow: 0 0.5em 2em rgb(0 0 0 / 10%);
    }
}

/*Remove Product and Subtotal Headlines*/
table.shop_table.woocommerce-checkout-review-order-table thead{
display: none;
}

table.shop_table.woocommerce-checkout-review-order-table {
color: black;
text-transform: uppercase;
font-size: 14px;
}

/*Order Total Line Item Styles*/
tr.order-total {
color: #0049ff; /*Accent color for total if desired*/
background: #0049ff21; /*Accent background color if desired*/
}

/*Stripe Form Field Styles*/
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
border: 1px solid #d9d9d9;
border-radius: 5px;
background-color: #fff;
padding: 15px;
}

input#wc-stripe-new-payment-method {
margin-right: 1em;
}

/* Place Order Button Styles*/
#place_order {
width: 100%;
color: #fff;
border: none;
box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px 0px;
padding: 1.5em;
}

#place_order:hover {
color: rgba(255,255,255,0.5);
}

/*Sticky Order Review*/
#order_review {
position: -webkit-sticky;
position: sticky;
top: 150px;
z-index:99;
}
body {
overflow-x:visible;
}

/*******COUPON & ALERT STYLES*******/

.woocommerce-info, .woocommerce-message {
background-color: #f7f8fa;
color: #474747;
border: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em;
}

form.checkout_coupon.woocommerce-form-coupon {
padding: 3em;
background: white;
border-radius: 1em;
margin-top: 0em;
margin-bottom: 2em;
}

/*******REMOVE ADDITIONAL INFORMATION FIELD*******/

/*Delete This To Show Your Additional Fields Section*/
/* .woocommerce-additional-fields {
display: none;
} */

/* PlugIn – Product Options*/
.x-main .products .ivpa-content {
    margin-left: 0px !important;
}

.label-above .wapf-field-label {
    margin-bottom: 5px !important;
}

/* Mini-Cart */
.x-mini-cart a.wgm-versandkosten, .x-mini-cart a.wgm-zahlungsarten, .x-mini-cart a.wgm-widerruf {
    display: inline !important;
}

/* Einzelnes Produkt: Lagerbestand ausblenden */
.postid-35303 .in-stock {
    display: none;
}