/* Billing Field Styles */
body .col-1 .woocommerce-billing-fields h3 {
    display: none !important;
}

label[for="billing_email"] .optional,
label[for="billing_country"] .optional {
    display: none;
}


@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-15px); 
    }
    20%, 40%, 60%, 80% {
        transform: translateX(15px); 
    }
}

.shake-animation {
    animation: shake 0.8s ease-in-out;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    min-width: 100%;
}





/* Szövegstilus a Contener fölött*/
.paypal-message-style {
    color: black;
    border: 2px dashed red;
    padding: 10px;
    margin-bottom: 15px !important;
    font-weight: 600;
    margin-bottom: 10px;
}
.paypal-button-container.paypal-autoresize-container.paypal-button-layout-vertical.paypal-button-shape-rect.paypal-button-number-multiple.paypal-button-env-production {
    display: none !important;
}
/* Contener keret */
.express-checkout-highlight {
    border: 2px dashed red; /* Beispiel für einen gestrichelten roten Rahmen */
    /* Weitere Stilangaben nach Bedarf */
}




.wc-gzd-order-submit {
    order: 6;
    width: 100%;
}

/* Stil für den Express Checkout Container */
.woocommerce-checkout .express-checkout-container p {
    text-align: center;
    color: #999;
    margin: 10px;
    order: 1;
    width: 100%;
    font-weight: bold;
}

.woocommerce-checkout .oder-divider {
    display: flex;
    align-items: center;
    color: #999;
    text-align: center;
    margin: 20px 0;
    width: 100%;
    order: 5;
}

.woocommerce-checkout .oder-divider::before,
.woocommerce-checkout .oder-divider::after {
    content: '';
    flex: 1;
    border-top: 1px solid #999; /* Changed to border-top for horizontal lines */
    margin: 0 10px;
}



/* Jetzt Kaufen Dummy Button */ 
#independent_bank_button {
    display: block;
    position: relative;
    color: #fff;
    font-size: 13px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px !important;
    border: 2px solid #81b98c !important;
    transition: all 0.5s;
    min-width: 240px;
    font-weight: bold;
    background-color: #81b98c;
    width: 100%;
    margin-bottom: 17px;
}

#independent_bank_button:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    line-height: 40px;
    font-size: 29px;
    padding-right: 10px;
    cursor: pointer;
    border: solid 1px white;
    margin: 0px;
}

#independent_bank_button:hover {
    background-color: rgb(39, 146, 18) !important;
    border-color: rgb(39, 146, 18) !important; 
}






/* Stellen Sie sicher, dass der Container, der die .wc-gzd-order-submit-Elemente enthält, eine Mindesthöhe hat */
.express-checkout-container {
    min-height: 55px;
    display: flex;
    flex-wrap: wrap;
}
.ppc-button-wrapper {
    width: 100%;
    order: 2;
}

/* Wenn die .wc-gzd-order-submit-Elemente nicht sichtbar sind, behält der Container trotzdem seine Höhe */
.express-checkout-container:empty {
    min-height: 55px; 
}


/* Stil für den Platzhalter, der den Raum einnimmt */
.express-checkout-placeholder {
    height: 0; /* Standardhöhe auf 0 setzen, wird dynamisch über JS gesetzt */
    visibility: hidden; /* Platzhalter unsichtbar machen */
}

















/*Paypal und Sepa und Debit gombok ezzel mindig megjelennek ha masik van kivalasztval*/
#ppc-button-ppcp-gateway {
    display: block !important;
    align-items: center !important;
    align-content: center !important;
    width: 100%;
}
/* PayPal und Banküberweisung img Größe einstellen*/
.woocommerce-checkout #payment ul.payment_methods li img {
    max-width: 100px !important;
}








/* Stil für den Container, der das Label und den Login-Prompt umfasst.
   Verwendet Flexbox, um die Elemente horizontal auszurichten. */
.label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}
/* Stil für den Login-Prompt, der den Text "Hast du ein Konto? Anmelden" enthält. */
.login-prompt {
    font-size: 14px;
    font-weight: 500;
    margin-right: 3px;
    margin-left: 1rem;
}
/* Stil für den Anmelde-Link innerhalb des Login-Prompts. */
.login-prompt a {
    color: rgb(65, 149, 59);
    font-weight: 600;
    text-decoration: underline;
}


/* AGB szöveg magassaganak a beallitasa*/
.woocommerce-checkout span.woocommerce-gzd-legal-checkbox-text {
    line-height: 20px;
}








/*Neuigkeiten und Angebote via E-Mail erhalten Text Anpassung*/
.custom-label-style {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

/*Newsletter Label (Kontakt) ist nicht mehr rot*/
body.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid label {
    color: rgb(0, 0, 0); 
}

/* Verstecken Sie den alten Newsletter-Bereich initial */
.mailchimp-newsletter {
    display: none !important;
}

/* Stellen Sie sicher, dass der neue Newsletter-Bereich sichtbar ist */
#mailchimp-gdpr-fields {
    display: block !important;

}




/* Die Felder nehmen immer die 100% Breite bei Mobilgeräten */
@media (max-width: 428px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
        max-width: 100% !important;
    }
}







/*Land und Regin content vor dem Titel einfügen und anpassen*/
.select2-selection__rendered::before {
    content: "Land / Region:\A";
    white-space: pre; 
    font-size: 11px !important;
    line-height: 1;
    display: block;
    color: #999;

}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}
.select2-container--default .select2-selection--single {
    padding: 11px 11px !important;
}

/*Labeln bei billing-field*/
.woocommerce-billing-fields__field-wrapper label {
    font-weight: 600;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Setzt die Breite der Felder auf der Checkout-Seite auf 50% */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 49% !important;
}

/* Das Zeichnen * entfernen nach Lieferung bei andere Adressen*/
#shipping_country_field .required {
    display: none;
}
/*Das Wort Optional bei Label entfernen*/
#shipping_email_field .optional {
    display: none;
}
/*Labeln bei shipping-field*/
.woocommerce-shipping-fields__field-wrapper label {
    font-weight: 600;
    font-size: 19px;
}

/*Linie-Height von Land/Regin.... ändern in Dropdown menü*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important; 
 
}
/*Dpordown Menü a mobilnezetben tul kicsi volt igy beallitottam hogy egynagsagu legyen a többivel*/
.select2-container--default .select2-selection--single {
    height: 53px !important;
}


/* Eingegebenen Texte auf Schwarz */
.woocommerce-billing-fields .input-text {
    color: black !important;
}
.woocommerce-shipping-fields .input-text {
    color: black !important;
}

/* Billing-Felder Platzhalter grau stellen */
#billing_email::placeholder,
#billing_first_name::placeholder,
#billing_last_name::placeholder,
#billing_company::placeholder,
#billing_address_1::placeholder,
#billing_postcode::placeholder,
#billing_city::placeholder,
#billing_phone::placeholder {
    color: #999 !important;
}

/* Shipping-Felder Platzhalter */
#shipping_email::placeholder,
#shipping_first_name::placeholder,
#shipping_last_name::placeholder,
#shipping_address_1::placeholder,
#shipping_postcode::placeholder,
#shipping_city::placeholder,
#shipping_phone::placeholder,
#shipping_vat_id::placeholder {
    color: #999 !important;
}



/*Ein Konto Eröfnenn Bereich unter dem Telefon Feld*/
.woocommerce-account-fields {
    display: none !important;
}
























/*       Innentöl kezdödik a Weboldal jobb oldalahoz tartozo kodok de azert nezd att a masik felet is hatha maradt ott is      */



/*ez a resz tartja nyitva a termekeket amit a Christos js-e becsuk*/
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody {
    display: table-row-group !important;
}

.shop_table.woocommerce-checkout-review-order-table thead {
    display: none !important;
}


/* Delivery Time Information Styles */
body.woocommerce-checkout .wc-gzd-cart-info.delivery-time-info {
    display: none;
}









/* Product Image Styles */
body.woocommerce-checkout .wc-gzd-product-name-left img {
    display: block !important;
    border-radius: 20px; /* Rundet die Ecken des Bildes */
}

/* Check Out Image Styles */
body.woocommerce-checkout img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    display: block !important;
    border-radius: 20px;
}
body.woocommerce-checkout .td.product-name .wc-gzd-product-name-left img {
    flex-shrink: 0;
    max-width: 100%; 
    height: auto; 
}












/* Product Name Display Styles */
body.woocommerce-checkout td.product-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

body.woocommerce-checkout td.product-name .wc-gzd-product-name-right {
    flex: 1;
    min-width: 0; 
}


/* Responsive Design for Product Names */
@media (max-width: 600px) {
    body.woocommerce-checkout td.product-name .wc-gzd-product-name-right {
        white-space: normal; /* Erlaubt den Textumbruch */
    }
}


/* Removes "Product" label above image in small view */
@media screen and (max-width: 600px) {
    .woocommerce-checkout table.shop_table td.product-name:before {
        content: "" !important;
    }
}


/* Az összes td elemben lévő span elemek méretének csökkentése, kivéve az elsőt */
tfoot td span:not(:first-child) {
    font-size: 80%; 
}

/* Az "inkl. MwSt" szöveg és összeg stílusának beállítása */
tfoot .includes_tax {
    font-size: 50%; 
    display: block; 
    margin-top: 5px; 
}

/* Az "Summe" cella stílusának beállítása */
tfoot .order-total th,
tfoot .order-total td {
    font-size: 100%; 
    font-weight: bold; 
}

/* Az összeg mellé kerülő "EUR" szöveg elhelyezése (ha van ilyen) */
tfoot .order-total td:before {
    font-weight: normal; 
    padding-right: 5px; 
}



/*tfoot tabelle szelessegenek beallitasa mobil eszközökhöz*/
@media screen and (max-width: 600px) {
    .woocommerce-checkout tfoot {
        width: 100%;
        display: contents !important;
    }
}


/* QuantityCircle */
.image-container {
    position: relative;
    display: block;
}

.quantity-circle-style {
    position: absolute;
    top: -6px;
    right: -6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background-color: rgba(65, 149, 59, 0.8);
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    z-index: 10;
}



/* Produkt Größen und Farben Text anpassen. */
.product-size, .product-color {
    font-size: 14px;
}








/* Stil für Steuer-Themen und -Details */
.steuer-table-header, .steuer-table-data {
    font-size: 14px !important;
    height: 10px !important;
    visibility: visible !important;
    font-weight: 500 !important;
}

/* Stil für Steuer-Währungssymbol und Betragsdetails */
.steuer-currency-symbol, .steuer-price-amount {
    font-size: 14px !important;
    visibility: hidden !important;
    font-weight: 500 !important;
}

/* Stiländerung für die Steuer-Td-Zelle */
.steuer-table-data {
    border-left: none; /* Entfernt den linken Rand */
}



.paypal-button-container.paypal-autoresize-container.paypal-button-layout-vertical.paypal-button-shape-rect.paypal-button-number-multiple.paypal-button-env-production {
    display: none !important;
}

/* Doppelten Jetzt Kaufen Button verstecken, wenn PayPal Commerce Platform aktiv ist */
.woocommerce-checkout button#place_order.ppcp-hidden,
.woocommerce-checkout #place_order.ppcp-hidden {
    display: none !important;
    visibility: hidden !important;
}

/* WooCommerce Fehlermeldungen im Checkout */
.woocommerce-checkout ul.woocommerce-error {
    display: block;
    width: 100%;
}






/* Die Anpassung von geklontem Button ( bei Banküberweisung ) */
#cloned_place_order {
    position: relative;
    color: #fff;
    font-size: 13px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px !important;
    border: 2px solid #81b98c !important;
    transition: all 0.5s;
    min-width: 240px;
    font-weight: bold;
    background-color: #81b98c;
    width: 100%;
    margin-bottom: 17px;
}

#cloned_place_order:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    line-height: 40px;
    font-size: 29px;
    padding-right: 10px;
    cursor: pointer;
    border: solid 1px white;
    margin: 0px;
}
#cloned_place_order:hover {
    background-color: rgb(39, 146, 18) !important;
    border-color: rgb(39, 146, 18) !important; 
}



































/*In Warenkorb die Linien entfernen
td.product-total {
    border-top: none;
}
td.product-name {
    border-top: none;
}
.shop_table.woocommerce-checkout-review-order-table td.product-name {
    border-top: none;
}
.shop_table.woocommerce-checkout-review-order-table td.product-total {
    border-top: none;
}


.woocommerce-shipping-totals th {
    border-top: none !important;
}


.order-tax th {
    border-top: none !important;
}


.order-total th {
    border-top: none !important;
}


.woocommerce-shipping-totals td {
    border-top: none !important;
}


.order-tax td {
    border-top: none !important;
}


.order-total td {
    border-top: none !important;
}

*/