/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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 */


/* Product Page Style */
.shopengine-widget .shopengine-swatches .variations tr{
	align-items: start !important;
}

/* Delete Product Categories*/
.eael-cat-tab{
	display: none !important;
}

/* Style Add to Cart Button */
.button.add_to_cart_button{
	margin: 0px !important;
}

.add_to_cart_button{
	width: 100%;
	text-align: center;
}

/* Style Produkt title Variants */
.label.woocommerce-loop-product__title {
    background-color: white;
    font-size: 16px !important;
}

/* Style Variant Switch */
td.value.disable-to-select {
    background-color: white;
}

/* Schriftfarbe aller CFVS Swatches */
.cfvsw-swatches-option,
.cfvsw-swatches-option .cfvsw-swatch-inner {
    color: #051A17;
}

/* Sicherheit: auch aktive & Hover-Zustände */
.cfvsw-swatches-option:hover,
.cfvsw-swatches-option.cfvsw-selected-swatch,
.cfvsw-swatches-option.cfvsw-active-init {
    color: #051A17;
}

/* Quickview Button */
.iconic-wqv-button.iconic-wqv-button--align-center {
    width: 100%;
    color: #255136;
    border: 1px solid #255136;
    background: transparent;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px;
	z-index: 5 !important;
}

/* Hover-Effekt deaktivieren */
.iconic-wqv-button.iconic-wqv-button--align-center:hover,
.iconic-wqv-button.iconic-wqv-button--align-center:focus,
.iconic-wqv-button.iconic-wqv-button--align-center:active {
    color: #255136;
    border-color: #255136;
    background: transparent;
    box-shadow: none;
}

/* Search result container */
.shopengine-search-result-container.ss-container
 {
    z-index: 5 !important;
    border-radius: 10px !important;
}

/* Unshow Ratings in Search results */
.shopengine-product-rating{
	display: none !important;
}

/* Z Index for Paypal Button */
.wc-block-components-express-payment__event-buttons {
    z-index: 5;
    position: relative;
}


/* Checkout Page Style */

.wc-block-components-order-summary{
	background-color: white !important;
}

/* Ausgewählte Versandart */
#shipping-method 
.wc-block-checkout__shipping-method-option--selected {
    background-color: #255136; /* Grün */
    color: #ffffff;
    border-color: #255136;
}

/* Text der ausgewählten Versandart */
#shipping-method 
.wc-block-checkout__shipping-method-option--selected 
.wc-block-checkout__shipping-method-option-title {
    color: #ffffff;
}

/* Icon der ausgewählten Versandart */
#shipping-method 
.wc-block-checkout__shipping-method-option--selected 
.wc-block-checkout__shipping-method-option-icon path {
    fill: #ffffff;
}

.added_to_cart.wc-forward{
	display: none !important;
}
.variation dd {
    margin: 0;
}

/* Thumbnail-Container fest definieren */
.eael-woo-cart-td.product-thumbnail {
    position: relative;
    width: 100%;
    height: 100px; /* anpassen nach Wunsch */
    overflow: hidden;
}

/* Link als Füll-Wrapper */
.eael-woo-cart-td.product-thumbnail > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Bild korrekt einpassen */
.eael-woo-cart-td.product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* <<< DAS ist entscheidend */
    display: block;
}

.eael-woo-cart-product-remove {
    border: none !important;
}

.woocommerce-product-gallery__image.woocommerce-product-gallery__image--placeholder{
	border-radius: 15px !important;
}

.elementor-element.elementor-element-b3f7413.e-con-full.e-flex.e-con.e-child {
    z-index: 1;
}


/* FunnelKit Cart – gzd-item_desc Label ersetzen */
/* Original-Key ausblenden */
.fkcart-attr-key[data-attr-key="variation-gzd-item_desc"] {
    display: none;
}

html[lang="de-DE"]
.fkcart-attr-key[data-attr-key="variation-gzd-item_desc"]
+ .fkcart-attr-value::before {
    content: "Beschreibung: ";
}

html[lang="en-GB"]
.fkcart-attr-key[data-attr-key="variation-gzd-item_desc"]
+ .fkcart-attr-value::before {
    content: "Description: ";
}

/* Swatch selected label not show */
.cfvsw-selected-label{
	display: none !important;
}


/* MWST Style */
p.wc-gzd-additional-info.wc-gzd-additional-info-loop.tax-info
 {
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    margin-bottom: 5px;
	 font-size: 13px;
}

.price{
	margin-bottom: 0px !important;
}

p.wc-gzd-additional-info.price.price-unit.smaller.variation_modified.variation_gzd_modified {
    display: none !important;
}

.wc-block-components-product-metadata__description {
    display: none;
}

.eael-thankyou-order-overview ul li {
    justify-content: start !important;
}

.fkcart-attr-key[data-attr-key="variation-gzd-delivery_time"] {
    display: none !important;
}


.wds-fieldbox-header {
    display: none;
}

/* Iconic Woo Delivery Slots Schrift anpassen */
.wp-block-iconic-wds,
.wp-block-iconic-wds * {
    font-family: 'Big Shoulders Display', sans-serif !important;
}

span.wc-block-components-address-card__edit {
    background-color: white !important;
    color: #255136 !important;
}

.wc-block-store-notice.is-error {
	display: none !important;
}

.woocommerce-message{
	display: none !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
	z-index: 1 !important;
}


/* Container für die Extra-Auswahl limitieren */
.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-checkbox {
    max-height: 165px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    padding-right: 5px; /* Platz für den Scrollbalken */
}

/* Styling des Scrollbalkens für Chrome, Safari und Edge */
.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-checkbox::-webkit-scrollbar {
    width: 6px;
}

.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-checkbox::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-checkbox::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-checkbox::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Für Firefox */
.tmcp-ul-wrap.tmcp-elements.tm-extra-product-options-checkbox {
    scrollbar-width: thin;
    scrollbar-color: #ccc #f1f1f1;
}

/* Add to card button 100% width */
button.single_add_to_cart_button.button.alt {
    width: 100%;
}

/* Search Product images */

.eael-advanced-search-content-item .item-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

/* Nur Elemente ansprechen, die zum Attribut "dressing" gehören */
li[data-attribute_name="attribute_pa_dressing"] {
    height: 50px !important;
}

/* Den inneren Container der Dressings anpassen */
li[data-attribute_name="attribute_pa_dressing"] .variable-item-contents {
    height: 50px !important;
    display: flex;
    align-items: center;
    padding: 0 10px !important; /* Padding angepasst für bessere Lesbarkeit */
}

/* Die Textzeile der Dressings anpassen */
li[data-attribute_name="attribute_pa_dressing"] .variable-item-span {
    line-height: 15px !important;
    display: block; /* Stellt sicher, dass die Line-Height korrekt greift */
}

.woocommerce-info, .woocommerce-error, .woocommerce-warning{
	display: none !important;
}

/* Entfernt die zusätzliche Mengen-Auswahl im Mini-Cart Widget */
.fkcart_mini_cart_widget_quantity {
    display: none !important;
}

.pi-dtt-type-container {
    padding: 4px;
    background-color: #1212121C;
    border-radius: 8px;
}

label.pi-delivery-type-label {
    padding: 17px;
    font-family: "Big Shoulders Display";
    font-size: 20px;
	border-radius: 8px !important;
}

h2.wc-block-components-title.wc-block-components-checkout-step__title.pi-dtt-section-title {
    display: none;
}

.pi-dtt-date-time-location-container {
    margin: 0;
}

.e-n-tab-title:hover {
    background-color: white !important;
}

/* 1. Grundlayout der Tabelle fixieren */
table.eael-thankyou-order-items-table {
    width: 100% !important;
    border-collapse: collapse;
    table-layout: auto !important; /* Erlaubt dynamische Spaltenbreiten */
}

/* 2. Standard-Verhalten für Zellen in dieser Tabelle */
.eael-thankyou-order-items-table td, 
.eael-thankyou-order-items-table th {
    padding: 15px 10px;
    vertical-align: middle;
    /* Verhindert den Umbruch für fast alles, z.B. Preis, Anzahl */
    white-space: nowrap; 
}

/* 3. --- DER WICHTIGSTE FIX FÜR DEN PRODUKTTITEL --- */

/* Wir erlauben dem Text der Produkt-Details, wieder umzubrechen.
   Er wird aber NICHT mehr so eng sein, weil wir die anderen Spalten schrumpfen. */
.eael-thankyou-order-items-table td.eael-thankyou-order-item-details {
    white-space: normal !important; 
    width: auto !important; /* Nimmt den verbleibenden Platz */
}

/* 4. Die anderen Spalten zwingen, so schmal wie möglich zu sein */
.eael-thankyou-order-items-table th.eael-thankyou-order-item-variations,
.eael-thankyou-order-items-table th.eael-thankyou-order-item-qty,
.eael-thankyou-order-items-table th.eael-thankyou-order-totals,
.eael-thankyou-order-items-table td:nth-child(2), /* Option/Extras */
.eael-thankyou-order-items-table td:nth-child(3), /* Anzahl */
.eael-thankyou-order-items-table td:nth-child(4)  /* Preis */ {
    width: 1%; /* Ein CSS-Trick, um die Spalte auf die minimale Inhaltsbreite zu schrumpfen */
    white-space: nowrap !important; /* Garantiert kein Umbruch für diese Spalten */
}

/* 5. Bild und Info-Text ordentlich nebeneinander positionieren */
.eael-thankyou-order-items-table .eael-thankyou-product-details {
    display: flex;
    align-items: center;
    gap: 10px; /* Abstand zwischen Bild und Text */
}

.eael-thankyou-order-items-table .eael-thankyou-product-image {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover;
    flex-shrink: 0; /* Verhindert, dass das Bild gequetscht wird */
    margin: 0 !important;
}

.eael-thankyou-order-items-table .eael-thankyou-product-info {
    flex-grow: 1; /* Der Text nimmt den restlichen Platz in der Zelle */
    line-height: 1.4;
}

/* 6. Fix für die Meta-Daten (Option/Extras) damit sie in einer Zeile stehen */
.eael-thankyou-order-items-table .wc-item-meta {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    gap: 5px;
    align-items: center;
}

.eael-thankyou-order-items-table .wc-item-meta li {
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
}

.eael-thankyou-order-items-table .wc-item-meta p {
    margin: 0 !important;
    display: inline-block !important;
}

.eael-thankyou-product-name{
	white-space: nowrap;
}