/*
 Theme Name:   Shoptimizer Child Theme
 Theme URI:    https://www.commercegurus.com
 Description:  Shoptimizer Child Theme
 Author:       Medesign.sk
 Author URI:   https://medesign.sk
 Template:     shoptimizer
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  shoptimizer
*/


.widget_product_search form button[type="submit"], 
.widget_product_search form input[type="submit"], 
.widget_search form button[type="submit"], 
.widget_search form input[type="submit"] {
  clip: inherit !important;
  position: absolute !important;
  left: auto !important;
  right: 0px !important;
  border-radius: 0 5px 5px 0;
  color: #fff;
  background: #E2242E !important;
  border: #E2242E 1px solid !important;
}

.menu-top-bar-right-container .icon-wrapper {
  float: left;
}

.top-bar svg {
  width: 18px;
  margin-right: 0;
}

.top-bar .widget_nav_menu ul > li > a {
  vertical-align: middle;
}

.top-bar .widget_nav_menu.top-bar-right ul li {
  margin: 0 0 0 15px;
}

@media (min-width: 993px) {

  .menu-primary-menu-container > ul > li > a {
    font-size: 14px;
    font-weight: 700;
  }

}

.menu-top-bar-right-german-container ul,
.menu-top-bar-right-container ul {
  margin: 0 !important;
  padding: 5px !important;
}

.woocommerce-product-search button {
  height: 100% !important;
  padding: 0 20px !important;
}

.price {
    display: inline;
}

.price::first-letter {
    visibility: hidden;
}

/*
html[lang="de-DE"] .elementor-column-gap-default {
  width: max-content;
}
*/

.tm-cart-edit-options {
  display: none !important;
}

.elementor-29347 .elementor-element.elementor-element-3bd3ec8 > .elementor-container {
  max-width: 1280px;
  min-width: 1280px;
}

.single_add_to_cart_button.button.alt {
  height: 50px !important;
}

.tcfa-question-circle::before {
  content: "" !important;
  background-image: url(/wp-content/uploads/2025/03/jednoduche-cistenie.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
}

.main-menu-link {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

ul.guaven_woos_final_results .guaven_woos_suggestion_list, .guaven_woos_suggestion_list {
  border-bottom: dashed 1px #E2242E;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  cursor: pointer;
}
.guaven_woos_suggestion_list {
  min-height: 85px !important;
}

.guaven_woos_showallli {
  text-align: center;
  border-top: none !important;
  margin-top: 15px;
  background: #E2242E;
  padding: 10px 10px 13px 10px !important;
  border-radius: 5px;
}

.guaven_woos_showallli a {
  color: #fff !important;
}

.guaven_woos_right_side .woocommerce-Price-amount {
  font-size: 14px !important;
}

.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-30225 {
  text-align: left;
}

img.swiper-slide-image {
  object-fit: cover;
  min-height: 400px;
  width: 100%;
}

.price__from-text {
  display: inline-block;
  margin-right: 5px;
}

/* .site div.topbar-wrapper::before {
  content: "Wir feiern unseren 14. Geburtstag! Rabatte bis zu 30%. Das Angebot ist nur gültig bis 31.11.2025 + kostenloser Versand!";
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px;
  background: var(--e-global-color-primary);
  color: #FFF;
  display: block !important;
  text-align: center;
  transition: 200ms;
  margin-inline: -2.617924em !important;
} */

.ul.products li.product img {
	max-height: 330px;
	
/* @media (max-width: 991px) {
  #masthead::before {
    content: "Wir feiern unseren 14. Geburtstag! Rabatte bis zu 30%. Das Angebot ist nur gültig bis 31.11.2025 + kostenloser Versand!";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px;
    background: var(--e-global-color-primary);
    color: #FFF;
    display: block !important;
    text-align: center;
    transition: 200ms;
  } */
}

@media screen and (max-width: 767px) {
  body.archive.woocommerce .shoptimizer-archive ul.products > li {
    width: 100% !important;
  }
  body.archive.woocommerce .shoptimizer-archive ul.products {
    display: flex !important;
  }
}

.tm-floating-box .tm-options-totals {
  font-size: 16px;
  margin: 0px !important;
  line-height: 1.3;
  font-weight: 400;
}
.tm-floating-box .tm-options-totals .price {
  color: #DEB938;
}
.tm-floating-box dt.tm-final-totals {
  border-top: 2px solid #deb93824 !important;
  padding-top: 15px !important;
  font-weight: 700 !important;
}
.tm-floating-box .tm-final-totals .woocommerce-Price-amount {
  font-weight: bold;
  color: #deb938;
}

@media screen and (min-width: 768px) {
  article.category-magazin {
    display: flex;
    align-items: start !important;
  }
}


article.category-magazin .entry-content {
  font-size: 16px !important;
}
.widget_recent_entries .widget-title {
  font-size: 24px;
}
.widget_recent_entries ul li {
  font-size: 16px !important;
  margin-bottom: 0.4rem !important;
}


/* Global Color Variables */
:root {
    --e-global-color-primary: #E2242E !important;
    --e-global-color-secondary: #E2242E !important;
    --e-global-color-accent: #E2242E !important;
}


/* additional css */

bdi::before {
    display: none;
}
.woocommerce-Price-amount.amount {
     display: inline-flex;
}
del[aria-hidden="true"] .woocommerce-Price-amount.amount bdi {
    text-decoration: line-through;
}
span.price::before {
    content: none !important;
}
p.price::before {
    content: none !important;
}

bdi::before {
    display: none;
}
.woocommerce-Price-amount.amount {
     display: inline-flex;
}
del[aria-hidden="true"] .woocommerce-Price-amount.amount bdi {
    text-decoration: line-through;
}
span.price::before {
    content: none !important;
}
p.price::before {
    content: none !important;
}

/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 03 2025 | 10:04:02 */
/* Coupon styles */
.woocommerce-form-coupon-toggle h3:after {
	content: "";
    width: 30px;
    height: 3px;
    display: block;
    background: #ec1c25;
}
.wooptima_checkout_coupon {
	display: flex !important;
	flex-direction: row !important;
	gap: 1rem;
	width: 100% !important;
	border-radius: 7px;
}

.wooptima_checkout_coupon .form-row.form-row-last {
	width: 20%;
	margin: 0 !important;
}

.wooptima_checkout_coupon .form-row.form-row-first {
	margin: 0 !important;
	width: 80%;
}

.wooptima_checkout_coupon .form-row.form-row-last button {
	width: 100% !important;
	background:#222222;
	font-weight: 700;
}

.wooptima_checkout_coupon .form-row.form-row-last button:hover {
	background: #201b1b;
}

.wooptima_checkout_coupon .clear {
	display: none !important;
}

.woocommerce-remove-coupon {
	text-decoration: underline;
	color: red !important;
}

.wooptima_checkout_coupon .coupon-error-notice {
	margin-top: 5px !important;
    color: red;
    position: static;
    width: 100%;
    display: block;
}

@media (max-width: 800px) {
	.wooptima_checkout_coupon {
		flex-direction: column !important;
	}
	
	.wooptima_checkout_coupon .form-row.form-row-first {
		width: 100%;
	}

	.wooptima_checkout_coupon .form-row.form-row-last {
		width: 100% !important;
	}
}

.woocommerce-checkout span.tc-price-in-cart {
	font-size: 14px;
	margin-left: 4px;
}

/* REMOVED: the block that was here targeted product-option variation classes
   from the old site's product configurator (e.g. "variation-Ltkasedacejastiopierok-STANDARD",
   "variation-USBport"). Those classes don't exist on moebel4you.at - this site's option
   names are different (checked against a live cart: variation-Eckdesign, variation-Kissen,
   variation-Ausziehbett, variation-Fllmaterial, variation-Holzdekor,
   variation-FarbederUSB-Anschlsse, variation-Vorderbeine, variation-HintereBeine,
   variation-SitzstoffRckenlehne-Economic..., variation-StoffkorpusArmlehnen-Economic...).
   If you want the same treatment (wrap surcharge in parentheses / hide zero-cost prices)
   for this site's real option names, uncomment and adjust below: */

/*
.woocommerce-checkout dd.tc-value.variation-Ausziehbett .tc-price-in-cart::before { content: "("; }
.woocommerce-checkout dd.tc-value.variation-Ausziehbett .tc-price-in-cart::after { content: ")"; }
.woocommerce-checkout dd.tc-value.variation-Fllmaterial .tc-price-in-cart::before { content: "("; }
.woocommerce-checkout dd.tc-value.variation-Fllmaterial .tc-price-in-cart::after { content: ")"; }
.woocommerce-checkout dd.tc-value.variation-Holzdekor .tc-price-in-cart::before { content: "("; }
.woocommerce-checkout dd.tc-value.variation-Holzdekor .tc-price-in-cart::after { content: ")"; }
.woocommerce-checkout dd.tc-value.variation-FarbederUSB-Anschlsse .tc-price-in-cart::before { content: "("; }
.woocommerce-checkout dd.tc-value.variation-FarbederUSB-Anschlsse .tc-price-in-cart::after { content: ")"; }
*/

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
    padding-top: 0px !important;
}

.woocommerce-checkout tr.cart_item.tm-epo-cart-row-product-noepo > td.product-name {
	padding-top: 15px!important;
}

.woocommerce-checkout tr.cart_item.tm-epo-cart-row-product-noepo > td.product-total {
	padding-top: 15px!important;
}

/* was "div#doprava label::after" - #doprava doesn't exist on this site; shipping
   is a row inside the order table (tr.woocommerce-shipping-totals), retargeted below.
   Also translated content from Slovak "Zdarma" to German "Kostenlos" - this site is
   German-language. Note: the shipping method name here is already "Kostenloser Versand",
   so this badge may be redundant - remove if it looks duplicated. */
.woocommerce-checkout tr.woocommerce-shipping-totals label::after {
    content: "Kostenlos";
    color: #3cb54a;
    font-weight: 600;
    font-size: 13px;
    background: #e6f9e9;
    border-radius: 3px;
    padding: 2px 10px !important;
    margin-left: 5px;
    border: 1px solid #3cb54a24;
    line-height: 1.2 !important;
}

@media(max-width:767px) {
	.woocommerce-checkout #payment .place-order .button {
		height: auto !important;
		padding-top: 1.4rem;
		padding-bottom: 1.4rem;
		line-height: 1.2;
	}
}

@media screen and (max-width: 450px) {
.woocommerce-checkout p#billing_postcode_field, .woocommerce-checkout p#billing_city_field, .woocommerce-checkout p#billing_address_1_field {
    width: 100% !important;
    margin: 0px 0px 18px!important;
}
}

@media screen and (max-width: 990px) {
  body #ship-to-different-address {
    margin-top: 14px !important;
}
  
ul.wc-bacs-bank-details.order_details.bacs_details li {
    margin: 5px 35px !important;
}
}

ul.wc-bacs-bank-details.order_details.bacs_details li {
    padding: 10px 20px !important;
    border: 1px solid #f9d9d8;
    border-radius: 3px;
    background: #ffeae9;
}

ul.wc-bacs-bank-details.order_details.bacs_details {
    margin-bottom: 0px !important;
}

section.woocommerce-bacs-bank-details {
    background: #fff7f6;
    box-shadow: 15px 20px 0px #fff7f6;
    border-radius: 5px;
    border: 3px solid #ffeaea;
    padding: 25px 10px;
    margin-bottom: 50px;
}

ul.wc-bacs-bank-details.order_details.bacs_details {
    background: none !important;
}

section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses h2.woocommerce-column__title {
    font-weight: 600;
}

section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    background-color: #fff;
    padding: 25px 20px;
    box-shadow: 15px 20px 0px #f3fcf4;
    border-radius: 5px;
    border: 3px solid #3bb54a;
    margin-top: 30px;
    margin-bottom: 70px;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background-color: #fff;
    padding: 25px 20px;
    box-shadow: 15px 20px 0px #f3fcf4;
    border-radius: 5px;
    border: 3px solid #3bb54a;
}

.woocommerce-order-received .woocommerce-order {
    margin-bottom: 100px;
}

.woocommerce-checkout ul.order_details {
    padding: .6em 0;
    margin-bottom: 3em;
    background-color: #e7f5e8;
    text-align: center;
}

section.woocommerce-bacs-bank-details h2, section.woocommerce-bacs-bank-details h3 {
    text-align: center;
    line-height: 1 !important;
    margin: 5px;
}



h2.woocommerce-order-details__title {
    text-align: center;
    font-weight: 600;
    font-size: 26px !important;
}

h3.wc-bacs-bank-details-account-name {
    margin-bottom: 25px !important;
}

/* remapped from the old plugin's field IDs (billing_company_field, billing_company_wi_*)
   to this site's real company-billing field IDs, confirmed against the live checkout */
p#billing_company_name_field label span.optional, p#billing_company_address_field label span.optional, p#billing_company_ico_field label span.optional, p#billing_company_dic_field label span.optional, p#billing_company_icdph_field label span.optional {
    display: none !important;
}

/* REMOVED: p#wi_as_company_field and its children styled an "order as a company?"
   toggle checkbox. moebel4you.at has no such toggle - the company fields
   (billing_company_name_field, billing_company_address_field, billing_company_ico_field,
   billing_company_dic_field, billing_company_icdph_field) are just always-visible
   optional fields. Nothing to retarget this to. */

ul#shipping_method .label-price {
    display: none;
    color: #3cb54a;
    font-weight: 600;
    font-size: 13px !important;
    background: #e6f9e9;
    border-radius: 3px;
    padding: 2px 10px !important;
    margin-left: 8px;
    border: 1px solid #3cb54a24;
  	line-height: 1.2 !important;
}

p.posta_description {
    padding: 0px 28px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400 !important;
    color: #666666;
}

/* selector already matches (payment_method_cod is real on this site) - only
   translated the badge text from Slovak "Zdarma" to German "Kostenlos" */
li.wc_payment_method.payment_method_bacs label:after, li.wc_payment_method.payment_method_cod label:after {
    content: "Kostenlos";
    color: #3cb54a;
    font-weight: 600;
    font-size: 13px;
    background: #e6f9e9;
    border-radius: 3px;
    padding: 2px 10px !important;
    margin-left: 5px;
    border: 1px solid #3cb54a24;
    	line-height: 1.2 !important;

}

.woocommerce-checkout-review-order-table tbody tr:last-child td, .woocommerce-checkout-review-order-table tbody tr:last-child td {
    padding-bottom: 10px !important;
    padding-top: 20px !important;
}

.woocommerce-checkout-review-order-table tbody td {
    border-bottom: 3px solid #e4f6e6;
}

.woocommerce-checkout dd.tc-value.variation- span.cpf-img-on-cart {
    font-size: 18px;
    font-weight: 600;
}

body #payment .payment_methods p {
    color: #666;
}

/* REMOVED (duplicate): .custom-aktiwi-total { box-shadow... } - see the note further
   down where the full .custom-aktiwi-total block is replaced. */

.entry-content:not(.wc-tab) .woocommerce-privacy-policy-text p {
    margin-bottom: 10px;
}

section.coupon-wrapper {
    display: none !important;
}

#payment .payment_methods li .payment_box {
    padding: 0px 30px;
}

body #payment .payment_methods p {
    padding-top: 0px;
    padding-bottom: 3px;
    font-size: 14px;
}

.woocommerce-checkout #payment .place-order .button {
    font-size: 24px;
  	margin-bottom: 100px;
}

body #payment .payment_methods li {
    border-bottom: none !important;
}

/* remapped from the old SK/CZ-company-fields plugin IDs to this site's real IDs:
   company_ico (Firmennr.) = left, company_dic (Steuernummer) = middle, company_icdph (UID) = right -
   same 3-column layout as the old rule intended for IČO / DIČ / IČ DPH */
.woocommerce-checkout p#billing_company_ico_field {
    clear: none !important;
    width: 31% !important;
    float: left;
}

.woocommerce-checkout p#billing_company_dic_field {
    clear: none !important;
    width: 31% !important;
    float: left;
    margin: 0% 3.5% 0% 3.5% !important;
}

.woocommerce-checkout p#billing_company_icdph_field {
    clear: none !important;
    width: 31% !important;
    float: left;
}

.woocommerce-additional-fields__field-wrapper {
    margin-top: 0px;
    margin-bottom: -5px;
}

.woocommerce-billing-fields h3:after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background: #ec1c25;
}
.woocommerce-billing-fields h3 {
    margin: 0px 0px 20px 0px;
}

.woocommerce-checkout h3#order_review_heading:after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background: #ec1c25;
}

.woocommerce-checkout h3#order_review_heading {
    margin: 35px 0px 15px 0px !important;
}

.woocommerce-checkout header.entry-header {
    display: none;
}

.woocommerce-checkout dd.tc-value.variation- img {
    width: 270px !important;
    height: 153px !important;
    max-height: 153px;
    object-fit: contain;
  	display: block;
  	margin-bottom: 10px;
}

.woocommerce-checkout dt.tc-name:after {
    content: ":";
}

.woocommerce-checkout .cpf-img-on-cart img {
    display: inline-flex;
    vertical-align: middle;
}

.woocommerce-checkout dt.tc-name {
    margin-top: 25px !important;
}

.woocommerce-checkout #ship-to-different-address {
  	margin-bottom: 15px !important;
}

label.additional-info-checkbox.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input {
    margin-right: 10px;
}

.woocommerce-additional-fields {
    border-radius: .3rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border: 1px solid #d2d6dc;
    padding: 0px 15px;
    font-size: 17px !important;
    font-weight: 600;
    vertical-align: middle;
    line-height: 49px;
}

.woocommerce-checkout #ship-to-different-address {
    font-size: 17px !important;
}

/* REMOVED: another copy of the "order as a company?" toggle-checkbox styling
   (see note above) - same reason, no such toggle exists on moebel4you.at. */

.woocommerce-checkout h3#ship-to-different-address, #wi_as_company_field {
    border-radius: .3rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border: 1px solid #d2d6dc;
    padding: 10px 15px;
  	height: 49px;
}

#wi_as_company_field label {
    margin-bottom: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.woocommerce-checkout p#billing_address_1_field {
    clear: none !important;
    width: 31%;
    float: left;
}

.woocommerce-checkout p#billing_city_field {
    clear: none !important;
    width: 31%;
    float: left;
    margin: 0% 3.5% 0% 3.5%;
}

.woocommerce-checkout p#billing_postcode_field {
    clear: none !important;
    width: 31%;
    float: left;
}

.woocommerce-checkout-review-order-table td.product-total, .woocommerce-checkout table.cart th.product-subtotal {
    vertical-align: top !important;
}

/* REMOVED: "div#doprava h2" - no #doprava box (and no heading inside it) exists here;
   shipping is just a row inside the order table, see the "Kostenlos" badge rule above. */

.woocommerce-checkout #payment .payment_methods li:last-child:not(.woocommerce-notice) {
    padding-bottom: 0px !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
  padding-top: 0px !important;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
    background: #f3fcf4;
    border: 4px solid #3cb54a14;
    display: block;
    margin-bottom: 20px;
    padding: 25px 20px;
    border-radius: 5px;
    box-shadow: 0px 10px 15px #f4f4f4;
}

/* REMOVED: .custom-aktiwi-total bdi:before / bdi - moebel4you.at shows the final total
   as a plain "tr.order-total" row inside the same order table (no separate total box),
   see the tr.order-total emphasis rule added further down instead. */

.woocommerce-checkout #order_review .shop_table tfoot td, .woocommerce-checkout #order_review .shop_table tfoot th {
    background: #e6f9e9 !important;
    border: none !important;
    font-weight: 400;
    color: #3cb54a;
}

.woocommerce-checkout #order_review .shop_table tfoot td {
    width: 110% !important;
      border-radius: 0px 4px 4px 0px;
  	  border-left: none !important;
}

.woocommerce-checkout #order_review .shop_table tfoot th {
    width: 110% !important;
      border-radius: 4px 0px 0px 4px;
  	  border-right: none !important;
}

.woocommerce-checkout-review-order-table tbody tr:last-child td, .woocommerce-checkout-review-order-table tbody tr:last-child td {
  padding-bottom: 10px !important;
}

.woocommerce-checkout tr.cart-subtotal th, .woocommerce-checkout tr.cart-subtotal td {
    padding: 5px 20px;
    background: #000 !important;
}

@media (min-width: 993px) {
.woocommerce-checkout .col2-set {
    width: 100%;
    margin-right: 0%;
}
  
#customer_details+#wc_checkout_add_ons, #order_review, #order_review_heading {
    float: right;
    width: 100%;
    margin-right: 0;
}
  
}

/* #payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label:before, #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label:before, #shipping_method > li > input[type=radio]:first-child:checked + label:before, ul#shipping_method li:only-child label:before {
  background: 
} */

/* REPLACED: .custom-aktiwi-total (small.includes_tax + the main white/green-border box) -
   there's no separate "total" element to hang this on here; moebel4you.at's final total
   is just the last row (tr.order-total) of the same order table. Emphasizing that row
   instead, so the grand total still stands out from the subtotal/shipping rows above it: */
.woocommerce-checkout tr.order-total td, .woocommerce-checkout tr.order-total th {
    font-size: 20px;
    font-weight: 700;
}



.woocommerce-checkout tr.cart-subtotal td {
    font-weight: 700;
}

.woocommerce-checkout tr.cart-subtotal th, tr.cart-subtotal td {
    font-size: 18px;
}

/* was "div#doprava, div#platba" - neither wrapper div exists on this site.
   "payment" (id="payment", class="woocommerce-checkout-payment") is real, so the box
   styling is retargeted to it directly. There's no equivalent separate box for shipping -
   the shipping method is already a row inside the order table, which is styled elsewhere. */
#payment {
    background: #ffffff;
    border: 4px solid #eaf7eb;
    display: block;
    margin-bottom: 20px;
    padding: 25px 20px;
    border-radius: 5px;
  	box-shadow: 0px 10px 15px #f4f4f4;
}

/* REMOVED: "div#platba:not(:has(h2)) { display:none }". Translating this literally to
   "#payment:not(:has(h2))" would have HIDDEN THE ENTIRE PAYMENT SECTION, since #payment
   has no h2 heading inside it on this site (no equivalent heading exists - see below). */

.woocommerce-checkout .product-name {
    padding-left: 0px !important;
  	width: 100% !important;
}

.woocommerce-order-received .product-name {
    width: auto !important;
}

/* REMOVED: "div#doprava h2, div#platba h2" - there's no h2 heading before the shipping
   or payment method lists on this site to style (no markup to hook onto without adding a
   template/hook snippet on the WordPress side - happy to help with that if you want a
   "ZAHLUNGSART" style heading added back in). */

.woocommerce-checkout .woocommerce-checkout-payment ul {
    border: none !important;
    padding: 0px !important;
}

/* "#doprava img, #platba img" -> retargeted the payment half to #payment (real);
   dropped the doprava half - the shipping row has no <img> to size (see note above). */
#payment img {
    display: inline-block !important;
    margin-top: 0px !important;
    vertical-align: text-top;
}

#payment img {
  	width: 25px;
  	height: 25px;
}

.woocommerce-checkout .product-item-thumbnail {
  	display: none !important;
}

.woocommerce-checkout tr.cart_item.tm-epo-cart-row-product-noepo dl.tc-epo-metadata.variation {
    font-size: 14px;
    font-weight: 400;
}

.woocommerce-checkout tr.cart_item.tm-epo-cart-row-product-noepo > td.product-name {
    font-size: 17px;
  	font-weight: 700;
}

.woocommerce-checkout dl.variation dd {
    margin: 0 0 -10px;
}

/* .woocommerce-checkout div#order_review {
} */

body #payment .payment_methods>.wc_payment_method>label:before, body #payment .payment_methods>.woocommerce-PaymentMethod>label:before, ul#shipping_method li label:before {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 12px;
    height: 12px;
    margin-right: .5407911001em;
    border-radius: 100%;
    background-color: transparent;
    border: 3px solid #fff;
    content: "";
    box-shadow: 0 0px 0px 2px rgb(236 29 35);
    box-sizing: content-box;
}

#payment img {
    margin-top: -5px;
    margin-right: 8px;
}

/* the 6 gateway-icon sizing rules below: retargeted #platba -> #payment. Only
   "payment_method_cod" was confirmed present in the live checkout I checked (and it
   currently has no <img> in its label - no icon configured for it yet); the others
   (bank_transfer_1, gpwebpay, dobirka, pnu, bacs) are kept in case those gateways are
   enabled with icons elsewhere in your WooCommerce payment settings - worth double
   checking which gateways moebel4you.at actually has active. */
#payment > ul > li.wc_payment_method.payment_method_cod > label > img {
    width: 39px;
    margin-top: -1px;
    margin-left: 0px;
}

#payment > ul > li.wc_payment_method.payment_method_bank_transfer_1 > label > img {
    width: 61px;
    margin-top: -1px;
    margin-left: 0px;
}

#payment > ul > li.wc_payment_method.payment_method_gpwebpay > label > img {
    width: 61px;
    margin-top: -1px;
    margin-left: 0px;  
}

#payment > ul > li.wc_payment_method.payment_method_dobirka > label > img {
    width: 39px;
    margin-top: -1px;
    margin-left: 0px;  
}

#payment > ul > li.wc_payment_method.payment_method_pnu > label > img {
    width: 61px;
    margin-top: -1px;
    margin-left: 0px;
}

#payment > ul > li.wc_payment_method.payment_method_bacs > label > img {
    width: 61px;
    margin-top: -1px;
    margin-left: 0px;
}

#payment .payment_methods>.wc_payment_method>label, #payment .payment_methods>.woocommerce-PaymentMethod>label {
    display: block;
    padding: 10px 0px !important;
    cursor: pointer;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: flow-root;
}

@media (max-width: 600px) {
  .woocommerce-checkout p#billing_company_ico_field,
  .woocommerce-checkout p#billing_company_dic_field,
  .woocommerce-checkout p#billing_company_icdph_field {
    float: none;
    width: 100% !important;
    margin: 0 !important;
  }
}

.tc-cell.can-continue .tc-row.tm-box {
  border: 3px solid #3cb54a96!important;
  box-shadow: 15px 20px 0 #f4fcf5!important;
}

.tc-cell:not(.can-continue) .tc-row.tm-box {
  border: 3px solid var(--e-global-color-primary);
  box-shadow: 15px 20px 0 #fcf4f4 ;
}