/*
Theme Name: Blocksy Gut Rosenkrantz
Theme URI: https://gut-rosenkrantz.de/
Author: Florian Mari
Author URI: https://florian-mari.de/
Description: Child Theme für Blocksy mit angepasstem Farbkonzept (#006833, #50906a) und Helvetica-Schrift.
Version: 1.0
Template: blocksy
Tags: blocksy, child theme, green, helvetica, woocommerce, b2b, custom colors
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-gut-rosenkrantz
*/
/* === Grundfarben und Schriftarten === */
:root {
    --ct-color-1: #006833;  /* Primärgrün */
    --ct-color-2: #50906a;  /* Hintergrundgrün */
    --ct-color-3: #ffffff;  /* Weiß */
    --ct-color-4: #f0f0f0;  /* Hellgrau */
    --ct-color-5: #dbe9df;  /* Sehr helles Grün */

    --ct-font-heading: Helvetica, sans-serif;
    --ct-font-base: Helvetica, sans-serif;
}

/* Grundlayout */
body,
.woocommerce,
.woocommerce-page {
    font-family: var(--ct-font-base) !important;
    color: var(--ct-color-1);
    background-color: var(--ct-color-3);
}

/* Überschriften */
h1, h2, h3, h4, h5, h6,
.woocommerce .product_title {
    font-family: var(--ct-font-heading);
    color: var(--ct-color-1);
}

/* Links */
a, .woocommerce a, .woocommerce-page a {
    color: var(--ct-color-1);
    transition: color 0.2s;
}
a:hover, .woocommerce a:hover, .woocommerce-page a:hover {
    color: var(--ct-color-2);
}

/* Buttons */
.woocommerce button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce-page button,
.woocommerce-page input.button,
.woocommerce-page a.button {
    background-color: var(--ct-color-1);
    color: var(--ct-color-3);
    border: none;
    border-radius: 4px;
    padding: 0.7em 1.5em;
    font-family: var(--ct-font-base);
    font-weight: bold;
    transition: background 0.2s;
}
.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    background-color: var(--ct-color-2);
    color: var(--ct-color-3);
}

/* Produktkarten */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: var(--ct-color-5);
    border: 1px solid var(--ct-color-4);
    border-radius: 8px;
    padding: 1em;
    transition: box-shadow 0.2s;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 16px rgba(0,104,51,0.08);
}

/* Preise */
.woocommerce .price,
.woocommerce-page .price {
    color: var(--ct-color-1);
    font-weight: bold;
}

/* Warenkorb & Checkout */
.woocommerce-cart .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    background: var(--ct-color-4);
    border-radius: 8px;
    padding: 1em;
}

/* Meldungen */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: var(--ct-color-5);
    color: var(--ct-color-1);
    border-left: 4px solid var(--ct-color-1);
    border-radius: 4px;
    padding: 1em;
    margin-bottom: 1em;
}

/* Formularfelder */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select {
    border: 1px solid var(--ct-color-4);
    border-radius: 4px;
    background: var(--ct-color-3);
    color: var(--ct-color-1);
    padding: 0.5em;
    font-family: var(--ct-font-base);
}

/* Weitere Anpassungen nach Bedarf... */

/* === Buttons === */
button,
input[type="submit"],
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.ct-button {
    background-color: var(--ct-color-1);
    color: var(--ct-color-3);
    border: none;
}
button:hover,
input[type="submit"]:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.ct-button:hover {
    background-color: var(--ct-color-2);
    color: var(--ct-color-3);
}

/* === Formularfelder === */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid var(--ct-color-2);
    background-color: var(--ct-color-5);
    color: var(--ct-color-1);
}

/* === WooCommerce: Preis und Produktseiten === */
.woocommerce .price,
.woocommerce div.product .price,
.woocommerce ul.products li.product .price {
    color: var(--ct-color-1);
    font-weight: bold;
}

/* === WooCommerce: Sterne-Bewertungen === */
.woocommerce .star-rating span:before {
    color: var(--ct-color-1);
}

/* === WooCommerce: Warenkorb und Kasse === */
.woocommerce-cart th,
.woocommerce-cart td,
.woocommerce-checkout th,
.woocommerce-checkout td {
    color: var(--ct-color-1);
}
.woocommerce-cart .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order {
    background-color: var(--ct-color-5);
    border: 1px solid var(--ct-color-2);
}

/* === WooCommerce: Notices und Fehler === */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-color: var(--ct-color-1);
    background-color: var(--ct-color-5);
    color: var(--ct-color-1);
}

/* === WooCommerce: Tabs auf Produktseiten === */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--ct-color-1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: var(--ct-color-2);
    color: var(--ct-color-3);
}

/* === Fußzeile === */
.ct-footer {
    background-color: var(--ct-color-2);
    color: var(--ct-color-3);
}
.ct-footer a {
    color: var(--ct-color-3);
}
.ct-footer a:hover {
    color: var(--ct-color-4);
}

/* WooCommerce: "Zum Warenkorb" Button nach dem Hinzufügen */
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
    background-color: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
    border: none;
    border-radius: 4px;
    font-family: var(--ct-font-base);
    font-weight: bold;
    padding: 0.7em 1.5em;
    display: inline-block;
    transition: background 0.2s;
    text-align: center;
    text-decoration: none;
}

.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
    background-color: var(--ct-color-2) !important;
    color: var(--ct-color-3) !important;
}

/* WooCommerce Pagination */
/* Einheitliche WooCommerce Pagination */
.page-numbers {
    color: var(--ct-color-1);
    border: 1px solid var(--ct-color-2);
    background: var(--ct-color-3);
}

a.page-numbers:hover {
    background: var(--ct-color-2);
    color: var(--ct-color-3);
    border-color: var(--ct-color-2); !important
}

span.page-numbers.current,
a.page-numbers.current {
    background: var(--ct-color-1); !important
    color: var(--ct-color-3); !important
    border-color: var(--ct-color-1); !important
    font-weight: bold; !important
}

[data-pagination=simple] .page-numbers.current,
[data-pagination=simple] span.page-numbers.current,
[data-pagination=simple] a.page-numbers.current {
    background: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
    border-color: var(--ct-color-1) !important;
    font-weight: bold !important;
}

/* Aktiver Menüpunkt im Blocksy-Menü */
.ct-menu-link[aria-current="page"],
.menu-item.current-menu-item .ct-menu-link,
.menu-item.current_page_item .ct-menu-link,
.ct-menu-link.is-active {
    color: var(--ct-color-1) !important;
}

/* Optional: Hover-Farbe für Menülinks */
.ct-menu-link:hover {
    color: var(--ct-color-2) !important;
}

.page-numbers:focus,
.page-numbers.current:focus,
.page-numbers:hover,
.page-numbers.current:hover {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--ct-color-2) !important; /* oder var(--ct-color-1) */
}

/* WooCommerce Mein Konto: Aktiver Menüpunkt */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link--current a,
.woocommerce-MyAccount-navigation-link a:focus,
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.active a,
.woocommerce-MyAccount-navigation-link.current a,
.woocommerce-MyAccount-navigation-link.current-menu-item a,
.woocommerce-MyAccount-navigation-link .is-active a,
.woocommerce-MyAccount-navigation-link .current a,
.woocommerce-MyAccount-navigation-link .active a {
    background: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
    border: none !important;
}

/* Optional: Icon-Farbe im Menü */
.woocommerce-MyAccount-navigation-link.is-active svg,
.woocommerce-MyAccount-navigation-link--current svg {
    color: var(--ct-color-3) !important;
    fill: var(--ct-color-3) !important;
}

/*Produktnamen im WooCommerce-Warenkorb fett */
.woocommerce-cart .cart_item .product-name,
.woocommerce table.shop_table .product-name,
.wc-block-components-product-name  {
    font-weight: bold !important;
}

/* WooCommerce Blocksy: "Weiter zum Bezahlen"-Button grün */
.wc-block-cart__submit-button.contained,
.wc-block-components-button.contained,
.wp-element-button.contained {
    background: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
}

/* Wenn der Button disabled ist */
.wc-block-cart__submit-button.contained:disabled,
.wc-block-components-button.contained:disabled,
.wp-element-button.contained:disabled {
    background: #bdbdbd !important;
    color: #fff !important;
}

/* === WooCommerce Add to Cart Button auf Einzelproduktseite === */
.woocommerce div.product form.cart .button.button.alt,
.woocommerce div.product form.cart .button.button.alt:hover,
.woocommerce div.product form.cart .button.single_add_to_cart_button,
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
    border-color: var(--ct-color-1) !important;
}

.woocommerce div.product form.cart .button.button.alt:hover,
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: var(--ct-color-2) !important;
    border-color: var(--ct-color-2) !important;
}

/* === Hintergrund und Text des Mini-Cart Flyouts (Blocksy) === */
.ct-cart-content {
    background-color: var(--ct-color-5) !important;  /* Sehr helles Grün */
    color: var(--ct-color-1) !important;
    border: 2px solid var(--ct-color-1) !important;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Falls nötig, Text in Buttons im Mini-Cart */
.ct-cart-content .buttons .button {
    background-color: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
    border: none;
}
.ct-cart-content .buttons .button:hover {
    background-color: var(--ct-color-2) !important;
    color: var(--ct-color-3) !important;
}
/* === Textfarbe im Mini-Cart korrigieren === */
.ct-cart-content,
.ct-cart-content * {
    color: var(--ct-color-1) !important; /* Primärgrün */
}

/* Speziell für Preisangaben */
.woocommerce-mini-cart__total,
.woocommerce-mini-cart .woocommerce-Price-amount,
.woocommerce-mini-cart .amount,
.woocommerce-mini-cart__buttons .button {
    color: var(--ct-color-1) !important;
}

/* Sicherstellen, dass Buttons weiterhin kontrastreich bleiben */
.woocommerce-mini-cart__buttons .button {
    background-color: var(--ct-color-1) !important;
    color: var(--ct-color-3) !important;
}
.woocommerce-mini-cart__buttons .button:hover {
    background-color: var(--ct-color-2) !important;
    color: var(--ct-color-3) !important;
}
/* === Mengen-Bubble im WooCommerce Blocksy Checkout stylen === */
.wc-block-components-order-summary-item__quantity {
    background-color: var(--ct-color-1) !important;  /* Primärgrün */
    color: var(--ct-color-3) !important;              /* Weiß */
    border-radius: 50%;
    min-width: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.85rem;
}
/* === Warenkorb-Zähler (Header) anpassen === */
.ct-dynamic-count-cart {
    background-color: var(--ct-color-1) !important;  /* Primärgrün */
    color: var(--ct-color-3) !important;              /* Weiß */
    border-radius: 999px;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
}
/* === Warenkorb-Icon Standardfarbe (SVG) === */
.ct-header-cart svg,
.ct-header-cart svg path {
    fill: var(--ct-color-1) !important; /* Primärgrün */
    transition: fill 0.2s ease;
}

/* === Warenkorb-Icon Hover-Farbe === */
.ct-header-cart:hover svg,
.ct-header-cart:hover svg path {
    fill: var(--ct-color-2) !important; /* Hintergrundgrün als Hover */
}
/* === Produkt-Tabs auf der Produktseite === */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    background-color: var(--ct-color-5);         /* Sehr helles Grün */
    color: var(--ct-color-1);                    /* Primärgrün */
    border: 1px solid var(--ct-color-2);
    font-weight: bold;
}

/* Aktiver Tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: var(--ct-color-1);
    color: var(--ct-color-3);                    /* Weiß */
    border-color: var(--ct-color-1);
}

/* Hover-Effekt */
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background-color: var(--ct-color-2);
    color: var(--ct-color-3);
}
/* Aktiver Tab – Schriftfarbe korrekt setzen */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--ct-color-3) !important;  /* Weiß */
}
/* === WooCommerce Mengenfeld (Produktseite) === */
.woocommerce div.product form.cart .quantity input[type="number"] {
    background-color: var(--ct-color-5);       /* Sehr helles Grün */
    color: var(--ct-color-1);                  /* Primärgrün */
    border: 1px solid var(--ct-color-2);       /* Mittelgrün */
    box-shadow: none !important;               /* Kein blauer Fokus-Schatten */
    outline: none !important;
}

/* Hover & Fokus */
.woocommerce div.product form.cart .quantity input[type="number"]:focus,
.woocommerce div.product form.cart .quantity input[type="number"]:hover {
    border-color: var(--ct-color-1);           /* Fokusrand = Primärgrün */
}

/* === Plus/Minus Buttons (Blocksy: .ct-increase / .ct-decrease) === */
.ct-increase,
.ct-decrease {
    background-color: var(--ct-color-1) !important;  /* Primärgrün */
    color: var(--ct-color-3) !important;              /* Weiß */
    border-radius: 4px;
    padding: 0.5em;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

/* Hover-Effekt */
.ct-increase:hover,
.ct-decrease:hover {
    background-color: var(--ct-color-2) !important;  /* Hintergrundgrün */
    color: var(--ct-color-3) !important;
}

/* === WooCommerce Produktübersicht: In den Warenkorb Button === */
.woocommerce a.button.product_type_simple.add_to_cart_button,
.woocommerce ul.products li.product .button {
    background-color: var(--ct-color-1) !important;  /* Primärgrün */
    color: var(--ct-color-3) !important;              /* Weiß */
    border: none;
    border-radius: 4px;
    font-weight: bold;
    padding: 0.7em 1.2em;
    transition: background-color 0.2s ease;
}

/* Hover-Effekt */
.woocommerce a.button.product_type_simple.add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: var(--ct-color-2) !important;  /* Sekundärgrün */
    color: var(--ct-color-3) !important;
}

/* Login-Button (richtige Struktur für <button>) */
.woocommerce .woocommerce-button.button.woocommerce-form-login__submit {
    background-color: var(--ct-color-1) !important;  /* Primärgrün */
    color: var(--ct-color-3) !important;              /* Weiß */
    border: none;
    border-radius: 4px;
    padding: 0.7em 1.5em;
    font-weight: bold;
    font-size: 1rem;
    transition: background-color 0.2s ease;
}

/* Hover */
.woocommerce .woocommerce-button.button.woocommerce-form-login__submit:hover {
    background-color: var(--ct-color-2) !important;  /* Sekundärgrün */
    color: var(--ct-color-3) !important;
}

/* === Input-Styles global (Login, Checkout, etc.) === */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    border: 1px solid var(--ct-color-2) !important;       /* Sekundärgrün */
    background-color: var(--ct-color-5);                  /* sehr helles Grün */
    color: var(--ct-color-1);                             /* Primärgrün */
    border-radius: 4px;
    padding: 0.5em;
}

/* === Fokus-Stil entfernen (blauer Rand) */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--ct-color-1) !important;           /* Primärgrün */
    box-shadow: none !important;
    outline: none !important;
}

/* === Entfernt den blauen Rahmen um Zahlungsdetails (Accordion) === */
.wc-block-components-radio-control-accordion-content {
    border: 1px solid var(--ct-color-1) !important; /* Primärgrün */
    background-color: var(--ct-color-5);            /* Sehr helles Grün */
    border-radius: 4px;
    padding: 1em;
    box-shadow: none !important;
}

div[class*="wc-block-components-radio-control__option"].is-selected {
    box-shadow: none !important;
    border-color: var(--ct-color-1) !important;
}

div[class*="wc-block-components-shipping-rates-control"].is-selected {
    box-shadow: none !important;
    border-color: var(--ct-color-1) !important;
}

/* Artikelbeschereibung bei Checkout ausblenden */
.wc-block-components-product-metadata__description {
    display: none !important;
}


/* Adressänderungen verhindern */
.woocommerce-Address .edit {
    display: none !important;
}
.wc-address-book-add-billing-button,
.wc-address-book-add-shipping-button {
    display: none !important;
}
.wc-address-book-edit,
.wc-address-book-delete {
    display: none !important;
}
/* Checkbox "Gleiche Adresse als Rechnungsadresse verwenden" ausblenden */
.wc-block-components-address-address-wrapper + div {
    display: none !important;
}

/* "Add New Address" Radiobutton und Label ausblenden */
#billing_address_book_add_new,
label[for="billing_address_book_add_new"] {
    display: none !important;
}
/* "Add New Address" Radiobutton und Label ausblenden */
#shipping_address_book_add_new,
label[for="shipping_address_book_add_new"] {
    display: none !important;
}
/* Gesamte "Lieferung an eine andere Adresse senden?"-Sektion ausblenden */
#ship-to-different-address,
#ship-to-different-address label,
#ship-to-different-address-checkbox,
label[for="ship-to-different-address-checkbox"] {
    display: none !important;
}
/* "Address nickname" Eingabefeld, Label und Beschreibung ausblenden */
#billing_address_nickname,
label[for="billing_address_nickname"],
#billing_address_nickname-description {
    display: none !important;
}
/* Rechnungsadresse: Vor- und Nachname ausblenden */
#billing_first_name,
#billing_last_name,
label[for="billing_first_name"],
label[for="billing_last_name"] {
    display: none !important;
}

/* Versandadresse: Vor- und Nachname ausblenden */
#shipping_first_name,
#shipping_last_name,
label[for="shipping_first_name"],
label[for="shipping_last_name"] {
    display: none !important;
}
/* Firmenname (Rechnungs- und Versandadresse) + zugehörige Labels ausblenden */
#billing_company,
#shipping_company,
label[for="billing_company"],
label[for="shipping_company"] {
    display: none !important;
}
/* "Address nickname" Eingabefeld, Label und Beschreibung ausblenden */
#shipping_address_nickname,
label[for="shipping_address_nickname"],
#shipping_address_nickname-description {
    display: none !important;
}
/* Länderauswahl (billing und shipping) inkl. Label ausblenden */
#billing_country,
#shipping_country,
label[for="billing_country"],
label[for="shipping_country"],
.select2-container--default[aria-labelledby^="select2-billing_country-container"],
.select2-container--default[aria-labelledby^="select2-shipping_country-container"] {
    display: none !important;
}
/* Straße / Address 1 (Rechnung und Versand) + zugehörige Labels ausblenden */
#billing_address_1,
#shipping_address_1,
label[for="billing_address_1"],
label[for="shipping_address_1"] {
    display: none !important;
}
/* Address 2 (Wohnung, Suite etc.) für Rechnungs- und Versandadresse ausblenden */
#billing_address_2,
#shipping_address_2,
label[for="billing_address_2"],
label[for="shipping_address_2"] {
    display: none !important;
}
/* Postleitzahl (billing + shipping) und zugehörige Labels ausblenden */
#billing_postcode,
#shipping_postcode,
label[for="billing_postcode"],
label[for="shipping_postcode"] {
    display: none !important;
}
/* Ort / Stadt (billing + shipping) und zugehörige Labels ausblenden */
#billing_city,
#shipping_city,
label[for="billing_city"],
label[for="shipping_city"] {
    display: none !important;
}
/* Bundesland / State (billing + shipping) und zugehörige Labels ausblenden */
#billing_state,
#shipping_state,
label[for="billing_state"],
label[for="shipping_state"],
#select2-billing_state-container,
#select2-shipping_state-container,
.select2-container[aria-labelledby="select2-billing_state-container"],
.select2-container[aria-labelledby="select2-shipping_state-container"] {
    display: none !important;
}
/* Telefonnummer (billing + shipping) und zugehörige Labels ausblenden */
#billing_phone,
#shipping_phone,
label[for="billing_phone"],
label[for="shipping_phone"] {
    display: none !important;
}
/* E-Mail-Adresse (billing) und zugehöriges Label ausblenden */
#billing_email,
#shipping_email,
label[for="billing_email"],
label[for="shipping_email"]{
    display: none !important;
}
/* Alle Wrapper-Container zu ausgeblendeten Feldern ebenfalls ausblenden */
#billing_address_nickname_field,
#billing_first_name_field,
#billing_last_name_field,
#billing_company_field,
#billing_country_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_postcode_field,
#billing_city_field,
#billing_state_field,
#billing_phone_field,
#billing_email_field,

#shipping_first_name_field,
#shipping_last_name_field,
#shipping_company_field,
#shipping_country_field,
#shipping_address_1_field,
#shipping_address_2_field,
#shipping_postcode_field,
#shipping_city_field,
#shipping_state_field,
#shipping_phone_field {
    display: none !important;
}
.woocommerce-checkout label[for*="address_book"] .optional {
    display: none !important;
}
/* Globaler Wrapper für die Checkout-Seite */
.woocommerce-checkout, 
.woocommerce-cart,
.woocommerce-page {
    font-family: var(--ct-font-base);
    color: #000; /* Oder var(--ct-color-1) wenn du Primärgrün als Textfarbe willst */
    background-color: var(--ct-color-3); /* Weißer Hintergrund */
}

/* Überschriften (z. B. „Rechnungsdetails“, „Lieferadresse“) */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout h4,
.woocommerce-checkout .page-title {
    font-family: var(--ct-font-heading);
    color: var(--ct-color-1); /* Primärgrün */
}

/* Labels und Formulartexte */
.woocommerce-checkout label,
.woocommerce-checkout .form-row,
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    font-family: var(--ct-font-base);
    color: #000;
}

/* Tabellenüberschriften und Inhalte */
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    font-family: var(--ct-font-base);
    color: #000;
}

/* Hintergrund vom Warenkorb-Bereich (Bestellübersicht) */
.woocommerce-checkout-review-order {
    background-color: var(--ct-color-3); /* Weiß */
    border: none;
    padding: 2rem;
    border-radius: 8px;
    font-family: var(--ct-font-base);
}

/* Checkout-Seite article Container */
article.page {
    background-color: var(--ct-color-3);
    font-family: var(--ct-font-base);
    color: #000;
}
/* 🟢 RADIO & CHECKBOXES an dein Design anpassen */
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--ct-color-1); /* Primärgrün */
}

/* 🟢 FORMULARFELDER (Inputs, Selects, Textareas) */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border: 1px solid var(--ct-color-4); /* Hellgrau */
    background-color: var(--ct-color-3); /* Weiß */
    padding: 0.75rem;
    border-radius: 6px;
    font-family: var(--ct-font-base);
    font-size: 1rem;
    color: #000;
    width: 100%;
}

/* 🟢 HOVER/FOCUS STATES */
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: var(--ct-color-1);
    outline: none;
    box-shadow: 0 0 0 1px var(--ct-color-1);
}

/* 🟢 BUTTONS im Primärgrün */
.woocommerce-checkout .button,
.woocommerce-checkout button,
.woocommerce-checkout input[type="submit"] {
    background-color: var(--ct-color-1);
    color: white;
    border: none;
    padding: 0.75rem 1.25rem;
    border-radius: 6px;
    font-family: var(--ct-font-heading);
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

/* 🟢 Button Hover */
.woocommerce-checkout .button:hover,
.woocommerce-checkout button:hover,
.woocommerce-checkout input[type="submit"]:hover {
    background-color: #004f26; /* dunkleres Grün */
}
.woocommerce-checkout table.shop_table {
    border: none;
    box-shadow: none;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    border: none;
}
/* Mein Konto ausblenden */
.page-id-10 .entry-header .page-title {
    display: none !important;
}

/* Abstand über dem Content auf Shopseite entfernen */
body.woocommerce-shop .ct-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.tax-product_cat .ct-container[data-vertical-spacing="top:bottom"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.woocommerce-account .ct-container-full[data-vertical-spacing="top:bottom"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.woocommerce-orders-table__cell-order-number {
    vertical-align: middle !important;
}

.woocommerce-orders-table__cell-order-number a {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

/* Listenansicht */
/* Listencontainer ohne Zwischenräume */
body.list-view ul.products {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 0;
}

/* Jedes Produkt als schmale, horizontale Zeile */
body.list-view ul.products li.product {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 70px;
  padding: 0.5rem 0.75rem;
  overflow: hidden;       /* Verhindert unkontrolliertes Überlaufen */
  box-sizing: border-box;
}



/* Bild kleiner und fixiert */
body.list-view li.product img {
  width: 48px;
  height: auto;
  flex-shrink: 0;
}

/* Link um Bild + Titel + Kategorie */
body.list-view .woocommerce-loop-product__link {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex-grow: 1;
  text-decoration: none;
  color: inherit;
}

/* Titel kleiner, kompakt */
body.list-view .woocommerce-loop-product__title {
  font-size: 0.95rem;
  margin: 0;
  font-weight: 600;
}

/* Kategorie (falls vorhanden) kompakt anzeigen */
body.list-view .woocommerce-loop-product__category,
body.list-view .woocommerce-loop-category__title {
  font-size: 0.75rem;
  color: #666;
}

/* Preis + Menge + Button als rechte Spalte */
body.list-view .list-add-to-cart {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  white-space: nowrap;
}

body.list-view .list-add-to-cart input[type="number"] {
  width: 60px;
  height: 28px;
  font-size: 0.85rem;
  padding: 2px 6px;
}

body.list-view .list-add-to-cart button {
  height: 28px;
  font-size: 0.85rem;
  padding: 0 8px;
}

/* Kompakter Icon-Button */
.list-toggle-icon {
  background-color: transparent;
  cursor: pointer;
  padding: 0.25rem;
  font-size: 1rem;
  line-height: 1;
  height: 32px;
  width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

/* Hover */
.list-toggle-icon:hover {
  background-color: var(--ct-color-3);
}

/* Aktiv bei Listenansicht */
body.list-view .list-toggle-icon {
  background-color: var(--ct-color-5);
}


/*Neue Listenansicht */
/* Toggle-Buttons */
.shop-view-toggle .view-btn {
  padding: .35rem .6rem;
  border: 1px solid var(--ct-color-border, #ddd);
  border-radius: .5rem;
  text-decoration: none;
  line-height: 1;
  font-size: .9rem;
}
.shop-view-toggle .view-btn.is-active {
  border-color: var(--ct-color-primary, #006833);
  background: color-mix(in srgb, var(--ct-color-primary, #006833) 10%, transparent);
}

/* Kompakte Listenansicht */
.shop-view--list ul.products {
  display: block;               /* 1 Spalte über Woo-Filter, zur Sicherheit */
  gap: 0 !important;
}

.shop-view--list ul.products li.product {
  display: grid !important;
  grid-template-columns: 110px 1fr auto;
  gap: .9rem;
  align-items: center;
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--ct-color-border, #e8e8e8);
  border-radius: 0;
  box-shadow: none !important;
  background: transparent !important;
}

.shop-view--list ul.products li.product .woocommerce-LoopProduct-link {
  display: contents; /* Titel/Thumbnail bleiben klickbar */
}

/* Thumbnail kompakt */
.shop-view--list ul.products li.product a img {
  width: 100%;
  max-width: 110px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: .5rem;
}

/* Mittlere Spalte (Titel, Rating, Kurztext) */
.shop-view--list .woocommerce-loop-product__title {
  margin: 0 0 .2rem;
  font-size: 1rem;
  line-height: 1.2;
}
.shop-view--list .star-rating { margin: .1rem 0 .2rem; }
.shop-view--list .woocommerce-product-details__short-description,
.shop-view--list .ct-product-card-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .9rem;
  opacity: .8;
  margin: .15rem 0 .4rem;
}

/* Rechte Spalte (Preis + Button) */
.shop-view--list ul.products li.product .price,
.shop-view--list ul.products li.product .add_to_cart_button,
.shop-view--list ul.products li.product .button {
  justify-self: end;
}
.shop-view--list ul.products li.product .price {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: .35rem;
}
.shop-view--list ul.products li.product .button {
  padding: .45rem .7rem !important;
  border-radius: .6rem;
  font-size: .9rem;
}

/* Unnötige Grid-Styles von Blocksy in Liste entschärfen */
.shop-view--list .ct-woo-card { display: contents; }
.shop-view--list .ct-woo-card-actions { margin: 0; }

/* Mobil: 2-zeiliges, sehr kompaktes Layout */
@media (max-width: 640px) {
  .shop-view--list ul.products li.product {
    grid-template-columns: 80px 1fr;
    grid-auto-rows: auto;
  }
  .shop-view--list ul.products li.product .price,
  .shop-view--list ul.products li.product .button {
    justify-self: start;
  }
}

/* Alten 2-Button-Toggle sicherheitshalber ausblenden (falls noch im Code) */
.shop-view-toggle { display: none !important; }

/* Ein-Button-Umschalter */
.shop-view-switch {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .42rem .7rem;
  border: 1px solid var(--ct-color-border, #ddd);
  border-radius: .6rem;
  text-decoration: none;
  font-size: .9rem;
  line-height: 1;
  transition: background .15s ease, border-color .15s ease;
  margin-right: .6rem; /* sitzt links neben der Sortierung */
}
.shop-view-switch:hover {
  border-color: var(--ct-color-primary, #006833);
  background: color-mix(in srgb, var(--ct-color-primary, #006833) 10%, transparent);
}

/* Toolbar-Reihe (Blocksy ist meist Flex) – sorgt, dass Button und Sortierung rechts beieinander stehen */
.woocommerce .woocommerce-ordering {
  display: inline-flex;
  vertical-align: middle;
}

/* Ein-Button-Umschalter (wie zuvor) */
.shop-view-switch {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .42rem .7rem; border: 1px solid var(--ct-color-border, #ddd);
  border-radius: .6rem; text-decoration: none; font-size: .9rem; line-height: 1;
  transition: background .15s, border-color .15s; margin-right: .6rem;
}
.shop-view-switch:hover {
  border-color: var(--ct-color-primary, #006833);
  background: color-mix(in srgb, var(--ct-color-primary, #006833) 10%, transparent);
}

/* ===== Kompakt-Layout in LISTENANSICHT ===== */
.shop-view--list ul.products { display: block; gap: 0 !important; }

.shop-view--list ul.products li.product {
  /* 4 Spalten: Thumbnail | Titel | Preis | Button */
  display: grid !important;
  grid-template-columns: 80px 1fr auto auto;
  gap: .4rem 1rem;
  align-items: center;
  padding: .55rem .8rem;            /* flacher */
  border-bottom: 1px solid var(--ct-color-border, #e8e8e8);
  box-shadow: none !important;
  background: transparent !important;
}

/* Container flachziehen, damit Kinder direkt ins Grid können */
.shop-view--list .ct-woo-card,
.shop-view--list .ct-woo-card-actions,
.shop-view--list ul.products li.product .woocommerce-LoopProduct-link { display: contents; }

/* Thumbnail klein & square */
.shop-view--list ul.products li.product a img {
  width: 100%; max-width: 80px; aspect-ratio: 1/1; object-fit: cover; border-radius: .4rem;
}

/* Titel: einzeilig mit Ellipsis in Spalte 2 */
.shop-view--list .woocommerce-loop-product__title {
  grid-column: 2; margin: 0; font-size: .98rem; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Preis in Spalte 3, kompakt */
.shop-view--list ul.products li.product .price {
  grid-column: 3; margin: 0; font-size: .95rem; font-weight: 600;
}

/* Button in Spalte 4, kompakt */
.shop-view--list ul.products li.product .button,
.shop-view--list ul.products li.product .add_to_cart_button {
  grid-column: 4; margin: 0; padding: .38rem .6rem !important;
  border-radius: .5rem; font-size: .85rem; line-height: 1.05;
}

/* Überflüssiges ausblenden für maximale Kompaktheit */
.shop-view--list .star-rating,
.shop-view--list .ct-product-card-excerpt,
.shop-view--list .ct-woo-card-badges,
.shop-view--list .ct-woo-card-category,
.shop-view--list .ct-woo-card-divider { display: none !important; }

/* Mobile: Preis & Button unter dem Titel (2 Spalten) */
@media (max-width: 640px) {
  .shop-view--list ul.products li.product {
    grid-template-columns: 64px 1fr;
    gap: .35rem .8rem;
    padding: .5rem .7rem;
  }
  .shop-view--list ul.products li.product a img { max-width: 64px; }
  .shop-view--list .woocommerce-loop-product__title { grid-column: 2; }
  .shop-view--list ul.products li.product .price { grid-column: 2; justify-self: start; margin-top: .15rem; }
  .shop-view--list ul.products li.product .button { grid-column: 2; justify-self: start; margin-top: .15rem; }
}

/* --- Liste noch kompakter & exakt einlinig --- */
.shop-view--list ul.products li.product {
  padding: .45rem .8rem;
  border-bottom: 1px solid var(--ct-color-border, #e8e8e8);
  background: transparent !important;
  box-shadow: none !important;
}

/* Karte als 4-Spalten-Grid: [72px Bild] [Titel] [Preis] [Button] */
.shop-view--list li.product .ct-woo-card {
  display: grid !important;
  grid-template-columns: 72px 1fr auto auto;
  column-gap: 1rem;
  align-items: center;          /* alle vertikal mittig */
  margin: 0 !important;
}

/* Bild links kompakt */
.shop-view--list li.product .ct-image-container { grid-column: 1; margin: 0 !important; }
.shop-view--list li.product .ct-image-container img {
  width: 72px; height: 72px; object-fit: cover; border-radius: .35rem;
}

/* Titel: leicht kleiner, EINZEILIG, vertikal mittig */
.shop-view--list li.product a.woocommerce-LoopProduct-link {
  grid-column: 2; display: flex; align-items: center; min-height: 36px; /* hält die Zeile ruhig */
  margin: 0 !important; text-align: left !important;
}
.shop-view--list li.product .woocommerce-loop-product__title,
.shop-view--list li.product .ct-woo-card-title {
  margin: 0 !important;
  font-size: .94rem;            /* kleiner als vorher */
  line-height: 1.1;             /* gleich wie Preis/Btn */
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Meta/Kategorie/Divider komplett raus (macht sonst die 2. Zeile) */
.shop-view--list li.product .entry-meta,
.shop-view--list li.product .ct-woo-card-category,
.shop-view--list li.product .ct-woo-card-meta,
.shop-view--list li.product .product_meta,
.shop-view--list li.product .posted_in,
.shop-view--list li.product .ct-woo-card-divider,
.shop-view--list li.product .ct-woo-card-badges,
.shop-view--list li.product .star-rating { display: none !important; }

/* Preis: gleiche Höhe wie Titel, ohne Standard-Margins */
.shop-view--list li.product .price {
  grid-column: 3;
  justify-self: end; align-self: center;
  margin: 0 !important;
  font-size: .94rem; font-weight: 600; line-height: 1.1; white-space: nowrap;
}

/* Button: gleiche Höhe, kompakt – Text ist jetzt "Kaufen" */
.shop-view--list li.product .ct-woo-card-actions,
.shop-view--list li.product .ct-woo-card-actions-horizontal {
  grid-column: 4; justify-self: end; align-self: center;
  margin: 0 !important; width: auto !important; display: inline-flex !important;
}
.shop-view--list li.product .button,
.shop-view--list li.product .add_to_cart_button,
.shop-view--list li.product a.button {
  margin: 0 !important; padding: .28rem .56rem !important;
  font-size: .84rem !important; line-height: 1.1 !important;
  border-radius: .5rem; white-space: nowrap;
}

/* Mobil: falls eng, Preis + Button unter den Titel klappen */
@media (max-width: 640px) {
  .shop-view--list li.product .ct-woo-card { grid-template-columns: 60px 1fr; row-gap: .25rem; }
  .shop-view--list li.product .price,
  .shop-view--list li.product .ct-woo-card-actions,
  .shop-view--list li.product .ct-woo-card-actions-horizontal { grid-column: 2; justify-self: start; }
  .shop-view--list li.product .ct-image-container img { width: 60px; height: 60px; }
}

/* Listenansicht: Titel links ausrichten */
.shop-view--list li.product .ct-woo-card { text-align: left !important; }

.shop-view--list li.product a.woocommerce-LoopProduct-link {
  grid-column: 2;
  display: flex;                /* wie zuvor für die Zeilenhöhe */
  align-items: center;
  justify-content: flex-start;  /* statt evtl. zentriert */
  margin: 0 !important;
  text-align: left !important;
}

.shop-view--list li.product .woocommerce-loop-product__title,
.shop-view--list li.product .ct-woo-card-title {
  text-align: left !important;
}

/* ===== LIST: noch schlanker (eine Zeile) ===== */
.shop-view--list ul.products li.product {
  padding: .35rem .6rem;                 /* weniger vertikaler Padding */
  border-bottom: 1px solid var(--ct-color-border, #e8e8e8);
}

/* Karte als 4 Spalten – kleinere Thumb */
.shop-view--list li.product .ct-woo-card {
  display: grid !important;
  grid-template-columns: 56px 1fr auto auto;  /* 56px Thumb */
  align-items: center;
  column-gap: .8rem;
  row-gap: 0 !important;
  margin: 0 !important;
}

/* Thumbnail 56px */
.shop-view--list li.product .ct-image-container { margin: 0 !important; }
.shop-view--list li.product .ct-image-container img {
  width: 56px; height: 56px; object-fit: cover; border-radius: .3rem;
}

/* Titel kleiner + einzeilig */
.shop-view--list li.product a.woocommerce-LoopProduct-link {
  grid-column: 2; display: flex; align-items: center;
  min-height: 28px; margin: 0 !important; text-align: left !important;
}
.shop-view--list li.product .woocommerce-loop-product__title,
.shop-view--list li.product .ct-woo-card-title {
  margin: 0 !important;
  font-size: .92rem;                 /* kleiner */
  line-height: 1.05;                 /* flach */
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Meta/Badges/Divider aus */
.shop-view--list li.product .entry-meta,
.shop-view--list li.product .ct-woo-card-category,
.shop-view--list li.product .ct-woo-card-meta,
.shop-view--list li.product .product_meta,
.shop-view--list li.product .posted_in,
.shop-view--list li.product .ct-woo-card-badges,
.shop-view--list li.product .ct-woo-card-divider,
.shop-view--list li.product .star-rating { display: none !important; }

/* Preis extra kompakt */
.shop-view--list li.product .price {
  grid-column: 3; justify-self: end; align-self: center;
  margin: 0 !important;
  font-size: .9rem; font-weight: 600; line-height: 1.05; white-space: nowrap;
}

/* Button super kompakt – passt in die Zeile */
.shop-view--list li.product .ct-woo-card-actions,
.shop-view--list li.product .ct-woo-card-actions-horizontal {
  grid-column: 4; justify-self: end; align-self: center;
  margin: 0 !important; width: auto !important; display: inline-flex !important; gap: .4rem;
}
.shop-view--list li.product .button,
.shop-view--list li.product .add_to_cart_button,
.shop-view--list li.product a.button {
  padding: .22rem .5rem !important;     /* schlanker */
  font-size: .82rem !important;
  line-height: 1.05 !important;
  border-radius: .45rem;
  white-space: nowrap;
  margin: 0 !important;
  min-height: 0 !important;
}

/* Sicherheitsnetz: alle Standard-Margins in der Karte neutralisieren */
.shop-view--list li.product .price *,
.shop-view--list li.product .woocommerce-loop-product__title * { margin: 0 !important; }

/* Mobil: schmalere Thumb, Preis/Btn unter Titel, weiterhin kompakt */
@media (max-width: 640px) {
  .shop-view--list li.product .ct-woo-card {
    grid-template-columns: 52px 1fr;
    row-gap: .2rem;
  }
  .shop-view--list li.product .ct-image-container img { width: 52px; height: 52px; }
  .shop-view--list li.product .price,
  .shop-view--list li.product .ct-woo-card-actions,
  .shop-view--list li.product .ct-woo-card-actions-horizontal { grid-column: 2; justify-self: start; }
}

/* ===== LIST ultrakompakt: exakt eine Zeile ===== */

/* 4 Spalten (Thumb | Titel | Preis | Button) */
.shop-view--list ul.products li.product { padding:.25rem .55rem; }
.shop-view--list ul.products li.product { display:grid !important; grid-template-columns:48px 1fr auto auto; align-items:center; column-gap:.7rem; }

/* Thumbnail klein */
.shop-view--list ul.products li.product > figure,
.shop-view--list ul.products li.product .ct-image-container { margin:0 !important; grid-column:1; }
.shop-view--list ul.products li.product img { width:48px; height:48px; object-fit:cover; border-radius:.3rem; }

/* TITEL-Link: alle Abstände weg, linksbündig, einzeilig */
.shop-view--list ul.products li.product > a.woocommerce-LoopProduct-link,
.shop-view--list ul.products li.product > a.woocommerce-loop-product__title,
.shop-view--list ul.products li.product > .woocommerce-loop-product__link { 
  grid-column:2; display:flex; align-items:center; margin:0 !important; padding:0 !important; text-align:left !important;
}
.shop-view--list ul.products li.product .woocommerce-loop-product__title { 
  margin:0 !important; font-size:.9rem; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Kategorie/Meta + Divider vollständig raus (macht sonst Höhe) */
.shop-view--list ul.products li.product ul.entry-meta,
.shop-view--list ul.products li.product .entry-meta,
.shop-view--list ul.products li.product .ct-woo-card-divider { display:none !important; }

/* Preis kompakt, exakt auf Titelhöhe */
.shop-view--list ul.products li.product .price { 
  grid-column:3; justify-self:end; align-self:center; margin:0 !important; padding:0 !important;
  font-size:.9rem; font-weight:600; line-height:1.05; white-space:nowrap;
}

/* Button sehr flach (28px), gleiche Zeile wie Preis/Titel */
.shop-view--list ul.products li.product .ct-woo-card-actions,
.shop-view--list ul.products li.product .ct-woo-card-actions-horizontal { 
  grid-column:4; justify-self:end; align-self:center; margin:0 !important; padding:0 !important; display:inline-flex !important;
}
.shop-view--list ul.products li.product .button,
.shop-view--list ul.products li.product .add_to_cart_button,
.shop-view--list ul.products li.product a.button {
  display:inline-flex; align-items:center; justify-content:center;
  height:28px; min-height:0 !important;
  padding:0 .5rem !important; margin:0 !important;
  font-size:.82rem !important; line-height:1 !important; border-radius:.45rem; white-space:nowrap;
}

/* Sicherheitsnetz: keine versteckten Außenabstände */
.shop-view--list ul.products li.product > * { margin-block:0 !important; }

/* Fix: Titel wird links abgeschnitten (Listenansicht) */
.shop-view--list ul.products { list-style: none; padding-left: 0; } /* Sicherheit */

.shop-view--list li.product figure,
.shop-view--list li.product .ct-image-container {
  grid-column: 1 !important;
  margin: 0 !important;
  position: relative;
  z-index: 0; /* Bild darf nicht über den Titel ragen */
}

.shop-view--list li.product .woocommerce-loop-product__title,
.shop-view--list li.product .woocommerce-loop-product__title a {
  grid-column: 2 !important;
  display: block !important;
  position: relative;
  z-index: 1;              /* über dem Bild */
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
  min-width: 0 !important; /* wichtig bei Grid/Flex, sonst clippt Text */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Falls Blocksy ein Fade/Mask am Titel setzt – sicherheitshalber neutralisieren */
.shop-view--list li.product .woocommerce-loop-product__title {
  -webkit-mask-image: none !important;
          mask-image: none !important;
}

/* Bild wirklich linksbündig (Blocksy: figure > a.ct-media-container/.ct-image-container) */
.shop-view--list li.product figure,
.shop-view--list li.product .ct-media-container,
.shop-view--list li.product .ct-image-container {
  grid-column: 1 !important;
  margin: 0 !important;
  width: 48px;                 /* gleiche Breite wie das Bild */
  display: flex;
  align-items: center;         /* vertikal mittig im Zeilenrahmen */
  justify-content: flex-start; /* nicht zentrieren → linksbündig */
}
.shop-view--list li.product figure img,
.shop-view--list li.product .ct-media-container img,
.shop-view--list li.product .ct-image-container img {
  width: 48px; height: 48px; object-fit: cover; display: block;
}

/* Artikeltitel vertikal zentrieren & linksbündig */
.shop-view--list li.product a.woocommerce-LoopProduct-link {
  grid-column: 2 !important;
  display: flex;               /* damit wir zentrieren können */
  align-items: center;         /* vertikal mittig */
  min-height: 48px;            /* gleiche Höhe wie Thumb */
  margin: 0 !important; padding: 0 !important; text-align: left !important;
}
.shop-view--list li.product .woocommerce-loop-product__title {
  margin: 0 !important;
  font-size: .9rem; line-height: 1.05;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-align: left !important;
  align-self: center;          /* falls Grid-Regeln greifen */
  min-width: 0;                /* verhindert Abschneiden am Spaltenrand */
}

/* Sicherheitsnetz: Preis & Button ebenfalls exakt mittig der Zeile */
.shop-view--list li.product .price,
.shop-view--list li.product .ct-woo-card-actions,
.shop-view--list li.product .ct-woo-card-actions-horizontal {
  align-self: center !important;
}

/* Zeilenhöhe = Thumbnailhöhe und alles vertikal mittig */
.shop-view--list ul.products li.product {
  display: grid !important;
  grid-template-columns: 48px 1fr auto auto;   /* Bild | Titel | Preis | Button */
  column-gap: .7rem;
  align-items: center !important;              /* alle Items vertikal mittig */
  grid-auto-rows: 48px;                        /* feste Zeilenhöhe wie das Bild */
}

/* Bild links bündig, 48px hoch */
.shop-view--list ul.products li.product figure,
.shop-view--list ul.products li.product .ct-media-container,
.shop-view--list ul.products li.product .ct-image-container { 
  grid-column: 1 !important; margin:0 !important; display:flex; align-items:center;
  width:48px;
}
.shop-view--list ul.products li.product figure img,
.shop-view--list ul.products li.product .ct-media-container img,
.shop-view--list ul.products li.product .ct-image-container img {
  width:48px; height:48px; object-fit:cover; display:block;
}

/* Titelblock vertikal mittig in Spalte 2 */
.shop-view--list ul.products li.product h2.woocommerce-loop-product__title {
  grid-column: 2 !important;
  margin: 0 !important; padding: 0 !important;
  align-self: center !important;               /* sicherheitshalber */
}

/* Link IM Titel: exakt 48px hoch und in sich zentriert */
.shop-view--list ul.products li.product h2.woocommerce-loop-product__title a.woocommerce-LoopProduct-link,
.shop-view--list ul.products li.product h2.woocommerce-loop-product__title a.woocommerce-loop-product__link {
  display: flex !important;
  align-items: center !important;              /* vertikal zentriert */
  height: 48px !important;                     /* = Thumbnailhöhe */
  line-height: 48px !important;                /* verhindert „oben kleben“ */
  min-width: 0 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-align: left !important;
}

/* Preis & Button ebenfalls exakt mittig */
.shop-view--list ul.products li.product .price,
.shop-view--list ul.products li.product .ct-woo-card-actions,
.shop-view--list ul.products li.product .ct-woo-card-actions-horizontal {
  align-self: center !important;
  margin: 0 !important; padding: 0 !important;
}
/* ==== Mobile-Layout: Preis + Button in 2. Zeile ==== */
@media (max-width: 640px) {
  /* 3 Spalten: [Bild][Text links][Aktionen rechts] und 2 Reihen */
  .shop-view--list ul.products li.product {
    grid-template-columns: 48px 1fr auto !important;
    grid-auto-rows: auto !important;   /* keine feste Zeilenhöhe */
    row-gap: .2rem !important;
    align-items: start !important;
  }

  /* Bild über beide Reihen links */
  .shop-view--list li.product figure,
  .shop-view--list li.product .ct-media-container,
  .shop-view--list li.product .ct-image-container {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  /* Titel in Reihe 1, über Spalte 2–3 */
  .shop-view--list li.product h2.woocommerce-loop-product__title {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
    align-items: center !important;
    min-height: 0 !important;
  }
  .shop-view--list li.product h2.woocommerce-loop-product__title a {
    height: auto !important;
    line-height: 1.2 !important;   /* nicht mehr 48px */
  }

  /* Preis in Reihe 2, Spalte 2 (links) */
  .shop-view--list li.product .price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
  }

  /* Button in Reihe 2, Spalte 3 (rechts) */
  .shop-view--list li.product .ct-woo-card-actions,
  .shop-view--list li.product .ct-woo-card-actions-horizontal {
    grid-column: 3 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    width: auto !important;
    display: inline-flex !important;
  }

  /* optional: Button minimal schlanker auf Mobil */
  .shop-view--list li.product .button,
  .shop-view--list li.product .add_to_cart_button {
    padding: .22rem .5rem !important;
    font-size: .82rem !important;
    line-height: 1.1 !important;
  }
}
/* === Mobile-Fix: Titel nicht abschneiden, über Spalte 2–Ende === */
@media (max-width: 640px) {
  /* 3 Spalten: [48px Bild][flexibler Bereich][Breite für Button] */
  .shop-view--list ul.products li.product {
    grid-template-columns: 48px 1fr auto !important;
    grid-auto-rows: auto !important;
    row-gap: .2rem !important;
  }

  /* Titel in Reihe 1 über beide rechten Spalten spannen */
  .shop-view--list ul.products li.product h2.woocommerce-loop-product__title {
    grid-column: 2 / -1 !important;   /* <— hier liegt der Fix */
    min-width: 0 !important;
    margin: 0 !important; padding: 0 !important;
  }
  .shop-view--list ul.products li.product h2.woocommerce-loop-product__title a {
    display: -webkit-box !important;  /* bis zu 2 Zeilen */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;   /* kein nowrap mehr */
    width: 100% !important;
    line-height: 1.2 !important;
  }

  /* Reihe 2: Preis links, Button rechts */
  .shop-view--list li.product .price {
    grid-column: 2 !important; grid-row: 2 !important;
    justify-self: start !important; align-self: center !important;
    margin: 0 !important;
  }
  .shop-view--list li.product .ct-woo-card-actions,
  .shop-view--list li.product .ct-woo-card-actions-horizontal {
    grid-column: 3 !important; grid-row: 2 !important;
    justify-self: end !important; align-self: center !important;
    margin: 0 !important; width: auto !important; display: inline-flex !important;
  }
}

/* List-Ansicht: "Warenkorb anzeigen" Link nach Ajax ausblenden */
.shop-view--list a.added_to_cart.wc-forward { 
  display: none !important; 
}

/* Gleiche Optik für den Button im "added"-Zustand */
.shop-view--list .add_to_cart_button.added {
  pointer-events: auto; /* klickbar lassen, falls gewünscht */
}

/* Abgerundete Ecken für Kategoriebilder (Woo Product Categories List Block) */
.wc-block-product-categories-list-item__image,
.wc-block-product-categories-list-item__image img {
    border-radius: 7px !important;   
    overflow: hidden;      
}

/* Oberen Produkt-Titel (der über dem grünen Titel steht) ausblenden */
.single-product .summary.entry-summary.entry-summary-items > h1:not(.product_title) {
    display: none;
}

/* Kurze Beschreibung unter diesem oberen Titel ausblenden */
.single-product .woocommerce-product-details__short-description {
    display: none;
}

/* Markenlogos unter dem Produktbild links ausrichten */
.product-brand-under-image {
    text-align: left;
    margin-top: 10px;
}

.product-brand-under-image img {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

/* Produktbild auf Mobil & Tablet kleiner darstellen, linksbündig, mit Abstand nach oben */
@media (max-width: 1024px) {
    .single-product div.product .woocommerce-product-gallery {
        max-width: 30%;
        margin: 0;
        padding-top: 20px;  /* Abstand nach oben – hier anpassen */
    }

    .single-product div.product .woocommerce-product-gallery img {
        width: 100%;
        height: auto;
    }
}


/* Wrapper für Sortierung + Ergebnisse-pro-Seite */
.ct-ordering-ppp-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;

    /* schiebt den ganzen Block nach rechts */
    margin-left: auto;
}

/* Unser Formular im Blocksy-Stil kompakt anzeigen */
.products-per-page-form {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.products-per-page-form .ppp-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.8;
}

.products-per-page-form select {
    width: auto !important;
    min-width: 70px;
}

@media (max-width: 768px) {
    .ct-ordering-ppp-wrapper {
        margin-left: 0;            /* auf Mobile nicht erzwingen */
        justify-content: flex-end; /* aber trotzdem rechts halten */
        width: 100%;
    }
}

/* Nur im WooCommerce-Shop ausblenden */
.woocommerce .page-description {
    display: none !important;
}

/* Checkout: Hinweis-Banner NICHT auseinanderziehen, sauber umbrechen */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error {
  display: block !important;
}

.woocommerce-checkout .woocommerce-info p,
.woocommerce-checkout .woocommerce-message p,
.woocommerce-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-info li {
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
}

/* Falls Blocksy/Theme den Inhalt als Flex mit space-between rendert */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 8px;
}

/* Preise/Text im Banner immer inline lassen (kein “Spalten”-Effekt) */
.woocommerce-checkout .woocommerce-info * {
  float: none !important;
  display: inline !important;
}
.woocommerce-checkout .woocommerce-info::before {
  display: inline-block !important;
  vertical-align: top;
  margin-right: 10px;
}

/* Checkout: Zahlungsarten (payment methods) ausblenden */
.woocommerce-checkout ul.wc_payment_methods {
    display: none !important;
}

/* Block-Warenkorb: Versand-Wert (z.B. "KOSTENLOS") ausblenden */
.wp-block-woocommerce-cart .wc-block-components-totals-shipping
  .wc-block-components-totals-item__value {
  display: none !important;
}

/* Language Switcher nach vorne holen */
.rk-lang-switcher{
  position: relative;
  z-index: 9999;
  background: rgba(255,255,255,.85);
  padding: 2px 6px;
  border-radius: 4px;
}

/* sicherstellen, dass die Header-Zeile nicht drunter liegt */
.ct-header, .ct-header [data-row]{
  position: relative;
  z-index: 10;
}

/* === FORCE Checkout Kombi-Checkbox Layout === */
.woocommerce-checkout .fm-checkout-terms {
    margin: 16px 0 !important;
}

.woocommerce-checkout .fm-checkout-terms label {
    display: grid !important;
    grid-template-columns: 20px 1fr auto !important;
    align-items: start !important;
    column-gap: 10px !important;
    cursor: pointer !important;
}

/* Checkbox */
.woocommerce-checkout .fm-checkout-terms input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    accent-color: #006833 !important;
}

/* Text */
.woocommerce-checkout .fm-checkout-terms label span {
    line-height: 1.4 !important;
    display: block !important;
}

/* Stern */
.woocommerce-checkout .fm-checkout-terms .required {
    color: #c00 !important;
    font-weight: 700 !important;
}

/* ========== Address Book for WooCommerce (B2B Auswahl) ========== */

/* Info-Text ausblenden (englischer Satz) */
body.woocommerce-account.woocommerce-edit-address p.myaccount_address{
  display:none;
}

/* 2-Spalten Grid im Address Book (Billing/Shipping) */
body.woocommerce-account.woocommerce-edit-address .address_book .col2-set.addresses.address-book{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}

/* Einträge als Card */
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-address{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 14px 14px 16px 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  position: relative;
}

/* Titel "HOME / TEST" etwas stärker */
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-address h3{
  margin: 0 0 8px 0;
  font-size: 15px;
  font-weight: 700;
}

/* Adressblock lesbarer */
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-address address{
  line-height: 1.55;
  margin: 0;
  padding-right: 120px; /* Platz für Button rechts */
}

/* Meta/Links-Zeile oben rechts sauber als Buttongruppe */
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-meta{
  position:absolute;
  top: 12px;
  right: 12px;
  display:flex;
  gap: 8px;
  align-items:center;
}

/* Standard: nur "Make Primary" anzeigen (B2B clean) */
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-edit,
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-delete{
  display:none !important;
}

/* Make Primary als echter Button */
body.woocommerce-account.woocommerce-edit-address .address_book a.wc-address-book-make-primary{
  display:inline-flex;
  align-items:center;
  padding: 8px 10px;
  border-radius: 10px;
  text-decoration:none !important;
  border: 1px solid rgba(0,0,0,.14);
  background: rgba(0,0,0,.02);
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
}

/* Hover */
body.woocommerce-account.woocommerce-edit-address .address_book a.wc-address-book-make-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

/* Optional: aktiven Eintrag hervorheben, wenn Plugin Klasse setzt */
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-address.is-primary,
body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-address.primary{
  border-color: rgba(0,104,51,.35);
  box-shadow: 0 10px 26px rgba(0,104,51,.12);
}

/* Mobile: 1 Spalte */
@media (max-width: 900px){
  body.woocommerce-account.woocommerce-edit-address .address_book .col2-set.addresses.address-book{
    grid-template-columns: 1fr;
  }
  body.woocommerce-account.woocommerce-edit-address .address_book .wc-address-book-address address{
    padding-right: 0;
    margin-top: 46px; /* Platz für Button oben */
  }
}
body.woocommerce-account.woocommerce-edit-address .address_book{
  margin-bottom: 20px;
}
/* Abstand zwischen Rechnungs-/Lieferadresse und Address Book Überschrift */
body.woocommerce-account.woocommerce-edit-address 
.u-columns.woocommerce-Addresses.col2-set.addresses{
  margin-bottom: 28px;
}

/* ================================
   Blocksy Account Widget – Avatar ohne Bilddatei
   ================================ */

/* kaputtes / leeres img ausblenden */
.ct-header-account .ct-media-container img{
  display: none !important;
}

/* Avatar-Kreis */
.ct-header-account .ct-media-container{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #e9f3ee; /* leicht grünlich, passt zu euch */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Kopf (CSS-Kreis) */
.ct-header-account .ct-media-container::before{
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0b6b3a; /* Gut Rosenkrantz Grün */
  position: absolute;
  top: 7px;
}

/* Schultern (CSS-Halbkreis) */
.ct-header-account .ct-media-container::after{
  content: "";
  width: 18px;
  height: 10px;
  border-radius: 0 0 12px 12px;
  background: #0b6b3a;
  position: absolute;
  bottom: 6px;
}