/*
 Theme Name:   Mriella Bricks Child
 Description:  Child Theme für Bricks Builder — mriella.com
 Template:     bricks
 Version:      1.6.5
 Text Domain:  mriella
*/

/* Accessibility: Farbkontrast WCAG AA (mind. 4.5:1) */
/* xzybdc: Feature-Beschreibungen auf Produktseite (#9c9a98 war 2.8:1 auf #f1edeb) */
/* dknvyr: Vergleichstexte "Andere Alben" (rgba 0.38 war 2.6:1) */
:root {
    --bricks-color-xzybdc: #6b6b6b;
    --bricks-color-dknvyr: rgba(2, 1, 1, 0.55);
}

/* Startseite: Video-Preview Thumbnail — Container ist 150x250 (Hochformat),
   Bild ist 1200x846 (Querformat). object-fit: cover croppt statt verzerren. */
#brxe-riffnt img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Accessibility: Labels visuell versteckt, aber für Screenreader lesbar */
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}



/* Produktseite: Flexslider-Wrapper (width:2000%) verursacht horizontalen Scroll */
/* Checkout: Elemente ragen auf Mobile ueber Viewport hinaus */
body.single-product,
body.woocommerce-checkout {
    overflow-x: hidden !important;
}
.single-product .woocommerce-product-gallery,
.single-product .brx-product-gallery {
    overflow: hidden !important;
}

/* Mobile Menu: Hintergrund entfernen */
.bricks-mobile-menu-toggle,
button.bricks-mobile-menu-toggle,
.brxe-nav-menu .bricks-mobile-menu-toggle,
#brxe-zqqgdw .bricks-mobile-menu-toggle {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.bricks-mobile-menu-toggle::before,
.bricks-mobile-menu-toggle::after {
    display: none !important;
    content: none !important;
}

/* Mobile Menu: Balken schwarz */
.bricks-mobile-menu-toggle .bar-top,
.bricks-mobile-menu-toggle .bar-center,
.bricks-mobile-menu-toggle .bar-bottom {
    background-color: #000 !important;
}

/* WooCommerce: "Zurücksetzen"-Link bei Varianten ausblenden */
.reset_variations {
    display: none !important;
}

/* WooCommerce: Layout-Shift bei Variantenwechsel verhindern.
   .single_variation wird dynamisch mit Preis/Verfuegbarkeit befuellt
   und schiebt sonst die Elemente darunter nach unten. */
.woocommerce-variation.single_variation {
    display: none !important;
}

/* WAPF: Container-Padding entfernen damit Button gleich breit wie "In den Warenkorb" */
.wapf-wrapper,
.wapf-field-group,
.wapf-field-container,
.wapf-field-input {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* WAPF: "+ Personalisieren" Button wie "In den Warenkorb" stylen */
.button-open-customizer {
    display: block !important;
    width: 100% !important;
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 10px !important;
    padding: 13px 0 !important;
    line-height: 1 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background-color 0.2s, color 0.2s !important;
}

.button-open-customizer:hover {
    background-color: #000 !important;
    color: #fff !important;
}

/* Abstand zwischen Image Swatches und Checkbox */
ul.bricks-variation-swatches {
    margin-bottom: 0 !important;
}

.wapf-personalisierung {
    margin-top: 10px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

/* WAPF: Personalisierung-Checkbox Typography + Text anpassen */
.wapf-checkbox .wapf-label-text {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 0 !important;
    color: #000 !important;
}

.wapf-checkbox .wapf-label-text::after {
    content: "Personalisierung hinzufügen" !important;
    font-size: 16px !important;
}

/* 15px Abstand zwischen "+ Personalisieren" und "In den Warenkorb" */
.wapf,
.wapf-wrapper,
.wapf-field-group,
.wapf-product-totals,
.tooltip-container,
.single_variation_wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Checkout: Zahlungsmethoden Layout fixen (Radio + Label nebeneinander) */
.wc_payment_methods li,
.payment_methods li {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

.wc_payment_methods li > input[type="radio"],
.payment_methods li > input[type="radio"] {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.wc_payment_methods li > label,
.payment_methods li > label {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.wc_payment_methods li .payment_box,
.payment_methods li .payment_box {
    flex-basis: 100% !important;
    margin-left: 24px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 0 0 0 !important;
}

/* Payment Box: Stripe gespeicherte Karten Select2 */
.wc-stripe-saved-methods-container .select2-container .select2-selection--single {
    height: 40px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    background-color: #f1edeb !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
}

.wc-stripe-saved-methods-container .select2-selection__rendered,
.wc-stripe-saved-methods-container .wc-stripe-select2-container {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    line-height: normal !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
}

.wc-stripe-saved-methods-container .select2-selection__arrow {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

/* Payment Box: Gespeicherte Karten native Dropdown (Fallback) */
.woocommerce-checkout select,
.payment_box select {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    background-color: #f1edeb !important;
    box-shadow: none !important;
    width: 100% !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Payment Icons rechts ausrichten */
.wc_payment_methods li > label img,
.payment_methods li > label img {
    float: none !important;
}

/* Einzelne Icons (PayPal, Apple Pay, etc.) */
.wc_payment_methods li > label > img,
.payment_methods li > label > img {
    margin-left: auto !important;
}

/* Stripe Card Icons Container (AMEX, VISA, MC) */
.wc-stripe-card-icons-container {
    margin-left: auto !important;
}

/* Checkout: Gesamte Checkout Section Hintergrund */
#brxe-rmwooh,
#brxe-rmwooh .brxe-container,
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout .col2-set,
.brxe-woocommerce-checkout-order-review {
    background-color: #f1edeb !important;
}

/* Checkout: Einheitlicher Hintergrund #f1edeb für alle Sektionen */
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .create-account,
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    background-color: #f1edeb !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

/* Checkout Sektions-Überschriften */
h3.checkout-upsell-title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    margin-top: 30px !important;
}

/* Checkout Buttons: Montserrat, schwarz (nur Checkout-Form) */
.woocommerce-checkout form.checkout button,
.woocommerce-checkout form.checkout .button,
.woocommerce-checkout form.checkout .button.alt,
.woocommerce-checkout form.checkout input[type="submit"],
.woocommerce-checkout form.checkout #place_order,
.coupon-form button,
.coupon-form .button,
button[name="apply_coupon"],
button[name="woocommerce_checkout_place_order"],
.checkout-upsell-add {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: none !important;
}

/* Place Order Button spezifisch */
#place_order,
button#place_order,
.woocommerce-checkout button.button.alt#place_order {
    padding: 15px 20px !important;
    line-height: 1 !important;
    height: auto !important;
    min-height: unset !important;
}

/* Apple Pay Button: Styling wird ueber woo-stripe-payment Plugin konfiguriert */

/* Payment Methods: Montserrat */
.woocommerce-checkout .wc_payment_methods label,
.woocommerce-checkout .payment_methods label,
.woocommerce-checkout .payment_box,
.woocommerce-checkout .payment_box p {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* Order Table: Montserrat */
.woocommerce-checkout .shop_table,
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .cart_item,
.woocommerce-checkout .product-name,
.woocommerce-checkout .product-total,
.woocommerce-checkout .order-total,
.woocommerce-checkout .woocommerce-Price-amount {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* Checkout: Border für alle cart_items (auch letztes) */
.woocommerce-checkout .cart_item,
.woocommerce-checkout .shop_table .cart_item,
.woocommerce-checkout-review-order-table .cart_item {
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* Checkout Produkt-Zeile mit Thumbnail */
.checkout-product-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
}

.checkout-product-image {
    flex-shrink: 0 !important;
}

.checkout-product-thumbnail {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.checkout-product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.checkout-product-name {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.checkout-product-quantity {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666 !important;
}

/* Terms & Conditions: Montserrat */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text p {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* Terms Checkbox: Stern vor Text, padding 10px */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .checkbox label,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox {
    padding: 10px 0 !important;
}

/* Alle abbr.required (Pflichtfeld-Sterne) im Checkout ausblenden */
.woocommerce-checkout abbr.required,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper abbr.required,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .checkbox label abbr.required {
    display: none !important;
}

/* Stern vor dem Text via ::before */
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text::before {
    content: "* " !important;
    color: #000 !important;
}

/* Checkbox Labels: Montserrat */
.woocommerce-checkout .woocommerce-form__label,
.woocommerce-checkout .checkbox label,
.woocommerce-checkout .create-account label {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* Gutschein Toggle ausblenden, Formular permanent sichtbar */
.coupon-toggle {
    display: none !important;
}

.coupon-div {
    display: block !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.coupon-description {
    display: none !important;
}

/* Gutschein Container: kein Padding, Standard-Hintergrund */
#brxe-nnjtbr,
.brxe-woocommerce-checkout-coupon {
    padding: 0 !important;
    background-color: transparent !important;
}

/* Order Review Section: kein Padding */
#brxe-ziltct,
.brxe-woocommerce-checkout-order-review,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .shop_table,
.woocommerce-checkout .wc_payment_methods,
.woocommerce-checkout .payment_methods {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Checkout: col-2 ausblenden (Lieferadresse-Toggle + Bestellnotizen) */
.woocommerce-checkout #customer_details .col-2 {
    display: none !important;
}

/* Billing Fields: native Ueberschrift ausblenden */
.woocommerce-checkout .woocommerce-billing-fields > h3 {
    display: none !important;
}

/* Billing Fields: kein extra Padding (ganz links) */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

/* Payment Section: kein Padding und Rahmen */
.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Zwischensumme ausblenden (redundant mit Gesamtsumme) */
.woocommerce-checkout .cart-subtotal,
.woocommerce-cart .cart-subtotal,
.woocommerce-order-received .cart-subtotal {
    display: none !important;
}

/* Warenkorb: Mengenangabe, Subtotal, Quantity-Input und WAPF-Bearbeiten ausblenden */
.woocommerce-cart .product-quantity,
.woocommerce-cart .product-subtotal,
.woocommerce-cart td.product-quantity,
.woocommerce-cart td.product-subtotal,
.woocommerce-cart th.product-quantity,
.woocommerce-cart th.product-subtotal,
.woocommerce-cart .wapf-edit-cartitem,
.woocommerce-cart .quantity,
.woocommerce-cart [data-title="Menge"],
.woocommerce-cart [data-title="Zwischensumme"],
.woocommerce-cart [data-title="Gesamt"],
.woocommerce-cart [data-title="Subtotal"],
.woocommerce-cart [data-title="Quantity"],
.woocommerce-cart .cart_item td:last-child,
.woocommerce-cart .cart_item > .product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
    display: none !important;
}

/* Warenkorb Mobile: Tabellen-Header ausblenden (nur Produkt-Tabelle, nicht cart_totals) */
@media (max-width: 768px) {
    .woocommerce-cart .shop_table.cart thead,
    .woocommerce-cart .woocommerce-cart-form thead {
        display: none !important;
    }
}

/* Warenkorb: "Weiter zur Kasse" Button wie Checkout-Buttons */
.woocommerce-cart .checkout-button,
.wc-proceed-to-checkout .checkout-button {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: none !important;
    line-height: 1 !important;
    height: auto !important;
    min-height: unset !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

/* Account und Shipping Fields: kein extra Padding */
.woocommerce-checkout .woocommerce-account-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-shipping-fields *,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields .shipping_address,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout #ship-to-different-address label {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-checkout .woocommerce-shipping-fields {
    margin-top: 20px !important;
}

/* Payment Methods Items innerhalb der Liste */
.wc_payment_methods li,
.payment_methods li {
    background-color: transparent !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.wc_payment_methods li:last-child,
.payment_methods li:last-child {
    border-bottom: none !important;
}

/* Checkout: "Produkt hinzugefuegt" Notice ausblenden (nicht relevant bei Skip-Cart Flow) */
.woocommerce-checkout .woocommerce-message {
    display: none !important;
}

/* Checkout: Typography und Spacing vereinheitlichen */

/* Überschriften: Montserrat 18px (nur Checkout-Form) */
.woocommerce-checkout form.checkout h3,
.woocommerce-checkout form.checkout .woocommerce-billing-fields h3,
.woocommerce-checkout form.checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout form.checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout label.required_field,
.woocommerce-checkout .form-row > label {
    font-family: "Montserrat", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 15px !important;
}

/* Labels in Formularen kleiner */
.woocommerce-checkout .form-row > label {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Input-Felder: Montserrat 14px (nur Checkout-Form) */
.woocommerce-checkout form.checkout input[type="text"],
.woocommerce-checkout form.checkout input[type="email"],
.woocommerce-checkout form.checkout input[type="tel"],
.woocommerce-checkout form.checkout input[type="number"],
.woocommerce-checkout form.checkout input[type="password"],
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea,
.woocommerce-checkout form.checkout .input-text {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
    border-radius: 8px !important;
    height: auto !important;
}

/* Select2 Dropdown Fix */
.woocommerce-checkout .select2-container {
    width: 100% !important;
}

.woocommerce-checkout .select2-selection--single {
    height: 48px !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    background-color: #f1edeb !important;
}

.woocommerce-checkout .select2-selection__rendered {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
    line-height: 24px !important;
    padding: 0 !important;
    padding-left: 0 !important;
}

/* Rechnungsadresse Dropdown: kein extra padding */
.woocommerce-billing-fields .select2-selection__rendered {
    padding-left: 0 !important;
}

/* Lieferadresse Dropdown: padding-left */
.woocommerce-shipping-fields .select2-selection__rendered,
.shipping_address .select2-selection__rendered,
#shipping_country,
.shipping_address select {
    padding-left: 20px !important;
}

.woocommerce-checkout .select2-selection__arrow {
    height: 46px !important;
}

/* Select2 Dropdown: Suchfeld komplett ausblenden */
.select2-dropdown {
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    background-color: #f1edeb !important;
}

.select2-search,
.select2-search--dropdown,
.select2-container .select2-search,
.select2-container .select2-search--dropdown,
.select2-container--open .select2-search,
.select2-container--open .select2-search--dropdown {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.select2-results__options {
    background-color: #f1edeb !important;
}

.select2-results__option {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
    background-color: #f1edeb !important;
}

.select2-results__option--highlighted,
.select2-results__option[aria-selected="true"] {
    background-color: #4a7c9b !important;
    color: #fff !important;
}

/* Placeholder Text (nur Checkout-Form) */
.woocommerce-checkout form.checkout input::placeholder,
.woocommerce-checkout form.checkout textarea::placeholder {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #999 !important;
}

/* Form-Rows einheitliche Abstände (20px) */
.woocommerce-checkout .form-row {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.woocommerce-checkout .form-row:last-child {
    margin-bottom: 0 !important;
}

/* Vorname/Nachname untereinander (volle Breite) */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 100% !important;
    float: none !important;
}

.woocommerce-checkout .form-row-first {
    margin-right: 0 !important;
}

.woocommerce-checkout .form-row-wide {
    width: 100% !important;
    clear: both !important;
}

/* Labels ausblenden wenn Placeholder vorhanden */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row > label,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row > label {
    display: none !important;
}

/* Account-Erstellung: Padding und Alignment */
.woocommerce-checkout .woocommerce-account-fields {
    margin: 20px 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout .woocommerce-account-fields p,
.woocommerce-checkout .woocommerce-account-fields .form-row,
.woocommerce-checkout .woocommerce-account-fields .create-account,
.woocommerce-checkout .woocommerce-account-fields label {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-checkout .woocommerce-account-fields .create-account {
    margin-top: 15px !important;
}

/* Lieferadresse: Alignment wie "Ein Konto erstellen" */
.woocommerce-checkout .woocommerce-shipping-fields {
    margin-top: 20px !important;
}

/* Alle Checkout Checkboxen: einheitliches horizontales Layout */
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout label.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000 !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-checkout label.woocommerce-form__label-for-checkbox input[type="checkbox"] {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Section Spacing */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
    margin-bottom: 15px !important;
}

/* Lieferadresse Toggle: h3 Container */
h3#ship-to-different-address {
    display: flex !important;
    align-items: center !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1 !important;
}

h3#ship-to-different-address label,
h3#ship-to-different-address label.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    direction: ltr !important;
    width: auto !important;
    line-height: normal !important;
}

h3#ship-to-different-address label * {
    vertical-align: middle !important;
}

/* Checkbox: position/float reset + order + vertical align */
h3#ship-to-different-address input[type="checkbox"],
#ship-to-different-address-checkbox {
    position: static !important;
    float: none !important;
    order: -1 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transform: translateY(1px) !important;
}

h3#ship-to-different-address label span {
    order: 1 !important;
    vertical-align: middle !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/* Clear floats */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}


/* Checkout: Alle Eingabefelder mit #f1edeb Hintergrund (nur Checkout-Form) */
.woocommerce-checkout form.checkout input[type="text"],
.woocommerce-checkout form.checkout input[type="email"],
.woocommerce-checkout form.checkout input[type="tel"],
.woocommerce-checkout form.checkout input[type="number"],
.woocommerce-checkout form.checkout input[type="password"],
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea,
.woocommerce-checkout form.checkout .select2-selection,
.woocommerce-checkout form.checkout .input-text {
    background-color: #f1edeb !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

/* Warenkorb: 20px Abstand zwischen Produktbild und Text */
.woocommerce-cart .product-thumbnail {
    padding-right: 20px !important;
}

.woocommerce-cart .product-thumbnail img {
    margin-right: 0 !important;
}

/* Warenkorb Mobile: Thumbnail, Name, Preis, Loeschen inline */
@media (max-width: 768px) {
    .woocommerce-cart .cart_item {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .woocommerce-cart .cart_item td {
        display: block !important;
        width: auto !important;
        padding: 0 !important;
    }

    .woocommerce-cart .cart_item td.product-quantity,
    .woocommerce-cart .cart_item td.product-subtotal,
    .woocommerce-cart td.product-quantity,
    .woocommerce-cart td.product-subtotal {
        display: none !important;
    }

    .woocommerce-cart .cart_item td::before,
    .woocommerce-cart td::before,
    .woocommerce-cart th::before,
    .woocommerce-cart-form tbody td[data-title]::before,
    .woocommerce-cart-form tbody th[data-title]::before,
    .woocommerce-cart .product-name::before,
    .woocommerce-cart td.product-name::before,
    .woocommerce-cart th.product-name::before {
        display: none !important;
        content: none !important;
    }

    .woocommerce-cart .product-thumbnail {
        flex-shrink: 0 !important;
        width: 60px !important;
        padding-right: 0 !important;
    }

    .woocommerce-cart .product-thumbnail img {
        width: 60px !important;
        height: auto !important;
        border-radius: 6px;
    }

    .woocommerce-cart .product-name,
    .woocommerce-cart td.product-name,
    .woocommerce-cart .cart_item td.product-name,
    .woocommerce-cart .cart_item .product-name {
        display: block !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .woocommerce-cart .product-price {
        flex-shrink: 0 !important;
    }

    .woocommerce-cart .product-remove {
        order: 99 !important;
        flex-shrink: 0 !important;
    }

}

/* =================================================================
   THANK YOU PAGE (Bestellbestätigung)
   ================================================================= */

/* Thank You Page: Layout zentrieren (wie Mein Konto) */
.woocommerce-order-received .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 768px) {
    .woocommerce-order-received .woocommerce {
        width: 90% !important;
    }
}

/* Überschriften: Montserrat (nur WooCommerce-Content, nicht Footer) */
.woocommerce-order-received .woocommerce h1,
.woocommerce-order-received .woocommerce h2,
.woocommerce-order-received .woocommerce h3,
.woocommerce-order-received .woocommerce h4,
.woocommerce-order-received .woocommerce .woocommerce-order-details__title {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    color: #000 !important;
}

.woocommerce-order-received .woocommerce h1 {
    font-size: 28px !important;
}

/* Bestätigungsnachricht */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Alle Wrapper-Abstände zwischen Blöcken eliminieren */
.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .woocommerce-order > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Text: Montserrat (nur WooCommerce-Order-Content) */
.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .woocommerce-order p,
.woocommerce-order-received .woocommerce-order li,
.woocommerce-order-received .woocommerce-order address,
.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* Kundeninfo + Bestellübersicht: gemeinsame Zeilen-Styles */
.mriella-thankyou-customer,
.woocommerce-order-received .woocommerce-order-overview {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: block !important;
}

.mriella-thankyou-customer li,
.woocommerce-order-received .woocommerce-order-overview li {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    border-right: none !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    float: none !important;
    clear: both !important;
}

/* Label/Value: Label links, Value rechtsbündig */
.mriella-thankyou-customer .label,
.woocommerce-order-received .woocommerce-order-overview li .label {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

.mriella-thankyou-customer .value,
.woocommerce-order-received .woocommerce-order-overview li .value {
    text-align: right !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* br zwischen Label und Wert ausblenden (Fallback für nicht-JS) */
.woocommerce-order-received .woocommerce-order-overview li br {
    display: none !important;
}

/* Bestellübersicht: E-Mail, Gesamt, Zahlungsmethode ausblenden */
.woocommerce-order-received .woocommerce-order-overview__email,
.woocommerce-order-received .woocommerce-order-overview__total,
.woocommerce-order-received .woocommerce-order-overview__payment-method,
.woocommerce-order-received ul.woocommerce-order-overview .email,
.woocommerce-order-received ul.woocommerce-order-overview .total,
.woocommerce-order-received ul.woocommerce-order-overview .method {
    display: none !important;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
}

/* "Bestelldetails" Überschrift ausblenden + Abstand zur Overview reduzieren */
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-order-details > h2 {
    display: none !important;
}

.woocommerce-order-received .woocommerce-order-details {
    margin: 0 !important;
    padding: 0 !important;
}

/* thead ausblenden (Überschrift ist weg, Spaltenköpfe redundant) */
.woocommerce-order-received .woocommerce-table--order-details thead {
    display: none !important;
}

/* Tabellen: transparent, keine Rahmen (wie Mein Konto) */
.woocommerce-order-received .woocommerce table,
.woocommerce-order-received .woocommerce .woocommerce-table,
.woocommerce-order-received .woocommerce .woocommerce-table--order-details,
.woocommerce-order-received .woocommerce .shop_table {
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.woocommerce-order-received .woocommerce table tr,
.woocommerce-order-received .woocommerce table thead,
.woocommerce-order-received .woocommerce table tbody,
.woocommerce-order-received .woocommerce table tfoot {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

.woocommerce-order-received .woocommerce table th,
.woocommerce-order-received .woocommerce table td {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 12px 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    background: transparent !important;
}

.woocommerce-order-received .woocommerce table tfoot td,
.woocommerce-order-received .woocommerce table tbody td.product-total {
    text-align: right !important;
}

.woocommerce-order-received .woocommerce table tbody td.product-name {
    white-space: nowrap !important;
}

.woocommerce-order-received .woocommerce table thead th {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
}

.woocommerce-order-received .woocommerce table tfoot th {
    font-weight: 400 !important;
}

/* Alle tfoot-Zeilen: border-bottom erzwingen (auch zwischen Zahlungsmethode und Rechnung) */
.woocommerce-order-received .woocommerce table tfoot tr th,
.woocommerce-order-received .woocommerce table tfoot tr td {
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.woocommerce-order-received .woocommerce table tfoot tr:last-child th,
.woocommerce-order-received .woocommerce table tfoot tr:last-child td {
    border-bottom: none !important;
}

/* Tabellen-Buttons: klein (Rechnung etc.) */
.woocommerce-order-received .woocommerce table td a.button,
.woocommerce-order-received .woocommerce table td .button {
    display: inline-flex !important;
    width: auto !important;
    padding: 5px 16px !important;
    font-size: 13px !important;
    min-height: auto !important;
}

/* Adressen nebeneinander */
.woocommerce-order-received .woocommerce-columns--addresses {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
}

.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column {
    width: 50% !important;
}

.woocommerce-order-received .woocommerce-columns--addresses h2 {
    font-size: 18px !important;
}

.woocommerce-order-received .woocommerce-columns--addresses address {
    font-style: normal !important;
}

.woocommerce-order-received .woocommerce-column--shipping-address {
    text-align: right !important;
}

@media (max-width: 768px) {
    .woocommerce-order-received .woocommerce-columns--addresses {
        flex-direction: column !important;
    }

    .woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column {
        width: 100% !important;
    }

    .woocommerce-order-received .woocommerce-column--shipping-address {
        text-align: left !important;
    }
}

/* Buttons: schwarz, Montserrat (nur WooCommerce-Content) */
.woocommerce-order-received .woocommerce .button,
.woocommerce-order-received .woocommerce a.button {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 5px 20px !important;
    min-height: 40px !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce-order-received .woocommerce .button:hover,
.woocommerce-order-received .woocommerce a.button:hover {
    background-color: #333 !important;
}

/* "Erneut bestellen" Button ausblenden */
.woocommerce-order-received .order-again,
.woocommerce-order-received .order-again .button {
    display: none !important;
}

/* Info/Notice Boxen */
.woocommerce-order-received .woocommerce-info,
.woocommerce-order-received .woocommerce-message,
.woocommerce-order-received .woocommerce-error {
    background-color: #f1edeb !important;
    border: none !important;
    border-left: none !important;
    color: #000 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
}

.woocommerce-order-received .woocommerce-info::before,
.woocommerce-order-received .woocommerce-message::before {
    display: none !important;
}

/* Produktnamen in Tabelle */
.woocommerce-order-received .product-name .wc-item-meta,
.woocommerce-order-received .product-name dl.variation {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 5px !important;
}

.woocommerce-order-received .product-name .wc-item-meta dt,
.woocommerce-order-received .product-name .wc-item-meta dd,
.woocommerce-order-received .product-name .wc-item-meta .wc-item-meta-label,
.woocommerce-order-received .product-name dl.variation dt,
.woocommerce-order-received .product-name dl.variation dd {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

/* Stripe/Payment Details Boxen */
.woocommerce-order-received .wc-stripe-order-payment-info,
.woocommerce-order-received .payment_method_details {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* =================================================================
   MEIN KONTO: Login/Registrierung Seite
   ================================================================= */

/* Überschriften: Montserrat (außer Footer) */
.woocommerce-account #brx-content h1,
.woocommerce-account #brx-content h2,
.woocommerce-account #brx-content h3,
.woocommerce-account #brx-content h4,
.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
}

/* Text und Labels: Montserrat (außer Footer) */
.woocommerce-account #brx-content,
.woocommerce-account #brx-content p:not(.brxe-heading),
.woocommerce-account #brx-content label,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* Input-Felder (nur Account-Content) */
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    background-color: #f1edeb !important;
}

/* Mein Konto Adress-Formular: Inputs + Dropdowns */
.woocommerce-account .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-address-fields textarea,
.woocommerce-account .woocommerce-address-fields .input-text {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    background-color: #f1edeb !important;
}

.woocommerce-account .woocommerce-address-fields .select2-selection,
.woocommerce-account .woocommerce-address-fields .select2-selection--single {
    background-color: #f1edeb !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    height: auto !important;
    padding: 5px 15px !important;
}

.woocommerce-account .woocommerce-address-fields .select2-selection__rendered {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    line-height: normal !important;
    padding: 0 !important;
    color: rgba(0,0,0,0.4) !important;
}

/* Select2 Dropdowns: volle Breite */
.woocommerce-account .select2-container {
    width: 100% !important;
}

/* Select2 Dropdowns: Standard-Hintergrund */
.woocommerce-account .select2-selection,
.woocommerce-account .select2-selection--single {
    background-color: #f1edeb !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    height: auto !important;
    padding: 5px 15px !important;
}

.woocommerce-account .select2-selection__rendered {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    line-height: normal !important;
    padding: 0 !important;
    color: rgba(0,0,0,0.4) !important;
}

/* Select2: Schwarze Farbe wenn Wert ausgewählt */
.woocommerce-account .select2-selection__rendered[title] {
    color: #000 !important;
}

/* Buttons: schwarz, weiß Text, volle Breite */
.woocommerce-account button[type="submit"],
.woocommerce-account .button:not(.show-password-input):not(.wp-hide-pw),
.woocommerce-account input[type="submit"],
.woocommerce-account .woocommerce-form-login button[type="submit"],
.woocommerce-account .woocommerce-form-register button[type="submit"] {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 5px 20px !important;
    min-height: 40px !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Passwort-Toggle Buttons: Standard-Styling (kein schwarzer Hintergrund) */
.woocommerce-account .show-password-input,
.woocommerce-account .wp-hide-pw,
.woocommerce-account button.show-password-input,
.woocommerce-account button.wp-hide-pw {
    background: transparent !important;
    background-color: transparent !important;
    width: auto !important;
    display: inline-block !important;
    padding: 0 !important;
    border: none !important;
    color: #666 !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Passwort-Feld Container: relative für Toggle-Positionierung */
.woocommerce-account .woocommerce-form-row.form-row-password,
.woocommerce-account .form-row:has(input[type="password"]) {
    position: relative !important;
}

.woocommerce-account button[type="submit"]:hover,
.woocommerce-account .button:not(.show-password-input):not(.wp-hide-pw):hover,
.woocommerce-account input[type="submit"]:hover {
    background-color: #333 !important;
}

/* Form-Rows: Abstände */
.woocommerce-account .form-row {
    margin-bottom: 15px !important;
}

/* Checkbox Labels */
.woocommerce-account .woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

/* Links */
.woocommerce-account a.woocommerce-privacy-policy-link,
.woocommerce-account .lost_password a {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* Privacy Text */
.woocommerce-account .woocommerce-privacy-policy-text {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    color: #666 !important;
}

/* Mein Konto: Vor- und Nachname untereinander */
.woocommerce-account .form-row-first,
.woocommerce-account .form-row-last {
    width: 100% !important;
    float: none !important;
}

/* Mein Konto: Labels ausblenden (Adressformular + Kontodetails) */
.woocommerce-account .woocommerce-address-fields label,
.woocommerce-account .woocommerce-EditAccountForm label[for="account_first_name"],
.woocommerce-account .woocommerce-EditAccountForm label[for="account_last_name"],
.woocommerce-account .woocommerce-EditAccountForm label[for="account_email"],
.woocommerce-account .woocommerce-EditAccountForm label[for="password_current"],
.woocommerce-account .woocommerce-EditAccountForm label[for="password_1"],
.woocommerce-account .woocommerce-EditAccountForm label[for="password_2"],
.woocommerce-account .woocommerce-form-login label[for="username"],
.woocommerce-account .woocommerce-form-login label[for="password"],
.woocommerce-account .woocommerce-form-register label[for="reg_email"],
.woocommerce-account .woocommerce-form-register label[for="reg_password"] {
    display: none !important;
}

/* Mein Konto: Adressen nebeneinander (Desktop), untereinander (Mobile) */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .col2-set {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
    width: 50% !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Mein Konto: Adress-Header auflösen — Kinder in Parent-Flex einreihen */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address header,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title {
    display: contents !important;
}

/* Reihenfolge: Titel (1) → Adresse (2) → Button (3) */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address h3 {
    order: 1 !important;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
    order: 2 !important;
}

/* Mein Konto: Adressen "hinzufügen/bearbeiten" — Position unten */
.woocommerce-account .woocommerce-Addresses a.edit {
    order: 3 !important;
    margin-top: 10px !important;
}

/* Mobile: Adressen untereinander */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-Addresses,
    .woocommerce-account .col2-set {
        flex-direction: column !important;
    }

    .woocommerce-account .woocommerce-Addresses .woocommerce-Address,
    .woocommerce-account .col2-set .col-1,
    .woocommerce-account .col2-set .col-2 {
        width: 100% !important;
    }
}

/* Mein Konto: WooCommerce Info/Notice Boxen */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
    background-color: #f1edeb !important;
    border: none !important;
    border-left: none !important;
    color: #000 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before {
    display: none !important;
}

/* Mein Konto: Alle Buttons einheitlich */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-info a.button,
.woocommerce-account .woocommerce-Addresses a.edit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background-color: #000 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    border: none !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-decoration: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account .woocommerce-info .button:hover,
.woocommerce-account .woocommerce-info a.button:hover,
.woocommerce-account .woocommerce-Addresses a.edit:hover {
    background-color: #333 !important;
}

/* Mein Konto: Tabellen-Buttons klein (Rechnung, Löschen, etc.) */
.woocommerce-account .woocommerce-MyAccount-content .shop_table a.button,
.woocommerce-account .woocommerce-MyAccount-content table td a.button,
.woocommerce-account .woocommerce-MyAccount-content a.button.invoice,
.woocommerce-account .woocommerce-MyAccount-content a.button.delete,
.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.invoice {
    display: inline-flex !important;
    width: auto !important;
    padding: 5px 16px !important;
    font-size: 13px !important;
    min-height: auto !important;
}

/* Mein Konto: Tabellen-Aktionszellen rechtsbündig */
.woocommerce-account .woocommerce-MyAccount-content table td:last-child {
    text-align: right !important;
}

/* Mein Konto: Rechnung-Button ausblenden (WooCommerce PDF Invoices Plugin) */
.woocommerce-account a.button.invoice,
.woocommerce-account .woocommerce-button.invoice,
.woocommerce-account a.invoice,
.woocommerce-account a[class*="invoice"],
.woocommerce-account td a.invoice,
.woocommerce-account .shop_table a.invoice {
    display: none !important;
}

/* Mein Konto: Bestelldetails (view-order) */
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details,
.woocommerce-account .woocommerce-order-details + .woocommerce-columns--addresses {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

.woocommerce-account .woocommerce-order-details h2,
.woocommerce-account .woocommerce-customer-details h2,
.woocommerce-account .woocommerce-columns--addresses h2 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
}

/* Bestelldetails: Tabelle (alle möglichen WooCommerce-Tabellenklassen) */
.woocommerce-account .woocommerce-table,
.woocommerce-account .woocommerce-table--order-details,
.woocommerce-account .shop_table,
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table {
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
    border-spacing: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.woocommerce-account .shop_table tr,
.woocommerce-account .shop_table thead,
.woocommerce-account .shop_table tbody,
.woocommerce-account .shop_table tfoot,
.woocommerce-account .woocommerce-table tr,
.woocommerce-account .woocommerce-table thead,
.woocommerce-account .woocommerce-table tbody,
.woocommerce-account .woocommerce-table tfoot,
.woocommerce-account .woocommerce-MyAccount-content table tr,
.woocommerce-account .woocommerce-MyAccount-content table thead,
.woocommerce-account .woocommerce-MyAccount-content table tbody,
.woocommerce-account .woocommerce-MyAccount-content table tfoot {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

.woocommerce-account .woocommerce-table th,
.woocommerce-account .woocommerce-table td,
.woocommerce-account .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-table--order-details td,
.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td,
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    padding: 12px 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background: transparent !important;
}

.woocommerce-account .shop_table thead th,
.woocommerce-account .woocommerce-table thead th,
.woocommerce-account .woocommerce-MyAccount-content table thead th {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
}

.woocommerce-account .shop_table tfoot th,
.woocommerce-account .woocommerce-table tfoot th,
.woocommerce-account .woocommerce-MyAccount-content table tfoot th {
    font-weight: 600 !important;
}

.woocommerce-account .shop_table tfoot tr:last-child th,
.woocommerce-account .shop_table tfoot tr:last-child td,
.woocommerce-account .woocommerce-table tfoot tr:last-child th,
.woocommerce-account .woocommerce-table tfoot tr:last-child td {
    border-bottom: none !important;
}

/* Bestellstatus-Zeile */
.woocommerce-account .woocommerce-order-details + p,
.woocommerce-account p.woocommerce-thankyou-order-details,
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child mark {
    background: transparent !important;
    font-weight: 600 !important;
}

/* Bestelldetails: Adressen nebeneinander */
.woocommerce-account .woocommerce-columns--addresses {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-column {
    width: 50% !important;
}

.woocommerce-account .woocommerce-columns--addresses h2 {
    font-size: 18px !important;
}

.woocommerce-account .woocommerce-columns--addresses address {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
}

.woocommerce-account .woocommerce-column--shipping-address {
    text-align: right !important;
}

@media (max-width: 768px) {
    .woocommerce-account .woocommerce-columns--addresses {
        flex-direction: column !important;
    }

    .woocommerce-account .woocommerce-columns--addresses .woocommerce-column {
        width: 100% !important;
    }

    .woocommerce-account .woocommerce-column--shipping-address {
        text-align: left !important;
    }
}

/* Mein Konto: Anzeigename-Feld ausblenden */
.woocommerce-account .form-row:has(#account_display_name) {
    display: none !important;
}

/* Mein Konto Navigation: Dashboard, Downloads, Abmelden aus Tabs ausblenden */
.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none !important;
}

/* Mein Konto: Abmelden-Button unten auf der Seite (per JS verschoben) */
.mriella-logout-bottom {
    margin-top: 40px !important;
}

.mriella-logout-bottom a {
    display: block !important;
    width: 100% !important;
    background-color: transparent !important;
    color: #000 !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    border: 1px solid #000 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.mriella-logout-bottom a:hover {
    background-color: #000 !important;
    color: #fff !important;
}

/* Mein Konto: Layout vertikal (Tabs oben, Content unten) */
.woocommerce-account div.woocommerce,
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 768px) {
    .woocommerce-account div.woocommerce,
    .woocommerce-account .woocommerce {
        width: 90% !important;
    }
}

/* Mein Konto Navigation: Horizontale Tabs */
.woocommerce-account nav.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
    flex: 1 0 auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 10px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    color: #000 !important;
    background-color: transparent !important;
    border: none !important;
}

/* Aktiver Tab */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: rgba(0,0,0,0.06) !important;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
    background-color: rgba(0,0,0,0.03) !important;
}

/* Mein Konto Content: volle Breite */
.woocommerce-account div.woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Login/Registrierung: volle Breite */
.woocommerce-account .brxe-tabs-nested,
.woocommerce-account .brxe-tabs-nested > .brxe-block,
.woocommerce-account .brxe-tabs-nested .tab-content,
.woocommerce-account .brxe-tabs-nested .tab-pane,
.woocommerce-account .brxe-tabs-nested .brxe-container,
.woocommerce-account .brxe-tabs-nested form {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tabs: Login/Registrierung */
.woocommerce-account .tab-menu {
    display: flex !important;
    width: 100% !important;
}

.woocommerce-account .tab-title {
    flex: 1 !important;
    width: 50% !important;
    text-align: center !important;
}

.woocommerce-account .tab-title .brxe-text-basic {
    font-family: "Montserrat", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.woocommerce-account .tab-title {
    cursor: pointer !important;
}

.woocommerce-account .tab-title:hover {
    background-color: rgba(0,0,0,0.03) !important;
}

/* Checkout: Upsale-Sektion */
#checkout-upsells {
    margin-bottom: 24px !important;
}
.checkout-upsell-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.checkout-upsell-item:last-child {
    border-bottom: none !important;
}
.checkout-upsell-image img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}
.checkout-upsell-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.checkout-upsell-name {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #222 !important;
}
.checkout-upsell-price {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
}
/* Gutschein: Eingabefeld gleiche Hoehe wie Button */
.brxe-woocommerce-checkout-coupon .coupon-div .coupon-form input[name="coupon_code"] {
    height: 40px !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    line-height: 40px !important;
    min-height: 0 !important;
}

/* Gutschein + Upsale Buttons identisch (ueberschreibt Bricks WC-Integration) */
.brxe-woocommerce-checkout-coupon .coupon-div .coupon-form button[name="apply_coupon"],
#checkout-upsells .checkout-upsell-add {
    padding: 0 16px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}
@media (hover: hover) {
    .brxe-woocommerce-checkout-coupon .coupon-div .coupon-form button[name="apply_coupon"]:hover,
    #checkout-upsells .checkout-upsell-add:hover {
        background-color: #000 !important;
        color: #fff !important;
    }
}

/* Mobile: Coupon-Form als Zeile beibehalten (Bricks setzt flex-direction:column + width:100%) */
@media (max-width: 767px) {
    .brxe-woocommerce-checkout-coupon .coupon-div .coupon-form {
        flex-direction: row !important;
    }
    .brxe-woocommerce-checkout-coupon .coupon-div .coupon-form button[name="apply_coupon"] {
        width: auto !important;
    }
}
@media (max-width: 768px) {
    .checkout-upsell-item {
        gap: 12px !important;
    }
    .checkout-upsell-image img {
        width: 50px !important;
        height: 50px !important;
    }
}

/* Newsletter (Brevo/Sendinblue): Button-Styling */
.sib-form-block__button {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-width: 1px !important;
}
.sib-form-block__button:hover {
    background-color: #000 !important;
    color: #fff !important;
}
/* Warenkorb + Kasse: Zwei unabhängige Header-Blöcke (identisch zu Bricks-Header) */
.mriella-simple-header__left,
.mriella-simple-header__right {
    position: fixed !important;
    top: 0 !important;
    z-index: 99999 !important;
}

.mriella-simple-header__left {
    left: 0;
    margin-top: 10px;
    margin-left: 20px;
}

.mriella-simple-header__left a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 10px;
    border-radius: 10px;
    background-color: #f1edeb;
    line-height: 0;
}

.mriella-simple-header__left img {
    height: 100%;
    width: auto;
    object-fit: scale-down;
}

.mriella-simple-header__right {
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    height: 60px;
    padding: 0 20px;
    margin-top: 10px;
    margin-right: 20px;
    border-radius: 10px;
    background-color: #f1edeb;
}

.mriella-simple-header__title {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.mriella-simple-header__close {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    line-height: 0;
}

.mriella-simple-header__close:hover {
    color: #666;
}

@media (max-width: 767px) {
    .mriella-simple-header__left {
        margin-left: 10px;
    }
    .mriella-simple-header__left a {
        width: 60px;
    }
    .mriella-simple-header__right {
        margin-right: 10px;
    }
}

/* Warenkorb Empty-State: Standard-Meldung ausblenden */
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart .return-to-shop {
    display: none !important;
}

/* Warenkorb Empty-State: Piccolo-Empfehlung */
.cart-piccolo-recommendation {
    text-align: center;
    padding: 40px 20px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cart-piccolo-recommendation h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.cart-piccolo-subtitle {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #666;
    margin: 0;
}

.cart-piccolo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 150px));
    justify-content: center;
    gap: 20px;
    max-width: 600px;
    margin: 30px auto;
}

.cart-piccolo-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 15px;
}

.cart-piccolo-item a {
    text-decoration: none;
}

.cart-piccolo-img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    border-radius: 8px;
}

.cart-piccolo-color {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #000;
}

.cart-piccolo-btn {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff !important;
    background-color: #000;
    padding: 6px 14px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: background-color 0.2s;
}

.cart-piccolo-btn:hover {
    background-color: #333;
}

@media (max-width: 768px) {
    .cart-piccolo-recommendation {
        padding-top: 80px;
        min-height: auto;
    }

    .cart-piccolo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Checkout: Passwort-Toggle Button ausblenden */
.woocommerce-checkout .show-password-input,
.woocommerce-checkout button.show-password-input,
.woocommerce-checkout .wp-hide-pw,
.woocommerce-checkout button.wp-hide-pw {
    display: none !important;
}


/* Checkout: Bricks-Checkout-Section ausblenden (wird durch eigene Logik ersetzt) */
.woocommerce-checkout .brxe-section:has(.brxe-woocommerce-checkout-order-review),
.woocommerce-checkout .brxe-section:has(.brxe-woocommerce-checkout-customer-details) {
    display: none !important;
}

/* Checkout: Preise rechtsbündig (nur Preis-Spalte + Summen) */
.woocommerce-checkout .shop_table .product-total,
.woocommerce-checkout .shop_table thead th:last-child,
.woocommerce-checkout .shop_table tfoot td {
    text-align: right !important;
}

/* Coupon-Entfernen als Papierkorb-Icon (links neben Betrag) */
.woocommerce-checkout .cart-discount td,
.woocommerce-cart .cart-discount td {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}
.woocommerce-checkout .woocommerce-remove-coupon,
.woocommerce-cart .woocommerce-remove-coupon {
    color: #999 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    order: -1 !important;
    transition: color 0.2s;
}
.woocommerce-checkout .woocommerce-remove-coupon:hover,
.woocommerce-cart .woocommerce-remove-coupon:hover {
    color: #000 !important;
}

/* Checkout: Gutschein-Feld */
.checkout-coupon-form {
    display: flex;
    gap: 10px;
    align-items: center;
}

#checkout-coupon-code {
    flex: 1;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    height: 40px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 10px !important;
    background-color: #f1edeb !important;
    box-sizing: border-box !important;
}

#checkout-coupon-apply {
    padding: 0 16px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

@media (hover: hover) {
    #checkout-coupon-apply:hover {
        background-color: #000 !important;
        color: #fff !important;
    }
}

/* Checkout: Sektions-Überschriften (Zusammenfassung, Adresse, Zahlung) */
h3.checkout-section-title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 30px 0 10px 0;
}

h3.checkout-section-title:first-of-type {
    margin-top: 0;
    padding-top: 80px;
}

/* Checkout: Form verstecken bis JS-Reorder fertig (verhindert FOUC) */
.woocommerce-checkout form.checkout {
    opacity: 0;
}
.woocommerce-checkout form.checkout.mriella-ready {
    opacity: 1;
    transition: opacity 0.15s ease;
}

/* Checkout: Layout-Container */
.woocommerce-checkout .woocommerce {
    position: relative;
    width: 60%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 50px;
}

@media (max-width: 768px) {
    .woocommerce-checkout .woocommerce {
        width: 90%;
        padding-bottom: 30px;
    }
    /* iOS Auto-Zoom verhindern (nur bei font-size < 16px) */
    .woocommerce-checkout input[type="text"],
    .woocommerce-checkout input[type="email"],
    .woocommerce-checkout input[type="tel"],
    .woocommerce-checkout input[type="number"],
    .woocommerce-checkout input[type="password"],
    .woocommerce-checkout select,
    .woocommerce-checkout textarea {
        font-size: 16px !important;
    }
}

/* Product Actions: Trash + Mengensteuerung (Warenkorb & Checkout) */
.product-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

.product-action-delete {
    color: #999 !important;
    text-decoration: none !important;
    line-height: 0 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-right: 8px !important;
    display: inline-flex !important;
    cursor: pointer !important;
    transition: color 0.2s;
}

.product-action-delete:hover {
    color: #000 !important;
}

.product-action-delete svg {
    display: block !important;
}

.product-action-qty-btn {
    background: none !important;
    border: none !important;
    font-size: 16px !important;
    color: #999 !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    border-radius: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400 !important;
    transition: color 0.2s;
}

.product-action-qty-btn:hover {
    color: #000 !important;
    background: none !important;
}

.product-action-qty {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important;
    min-width: 16px !important;
    text-align: center !important;
}

/* Warenkorb: Nativen Remove-Button ausblenden (ersetzt durch Product Actions) */
.woocommerce-cart .product-remove,
.woocommerce-cart td.product-remove,
.woocommerce-cart th.product-remove {
    display: none !important;
}

/* AGB, Datenschutz, Widerrufsbelehrung: Überschriften kleiner */
.page-id-625 h1,
.page-id-636 h1,
.page-id-1152 h1 {
    font-size: 20px !important;
}

.page-id-625 h2,
.page-id-636 h2,
.page-id-1152 h2 {
    font-size: 16px !important;
}

/* Über Uns: H2 wie Footer-Headings (Montserrat, 700, 24px) */
.page-id-10125 h2 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}

/* Accordion: Pfeile (Ionicons-Font wird durch LiteSpeed nicht geladen) */
.accordion-title-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.accordion-title-wrapper .brxe-icon {
    font-size: 0 !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
}

.accordion-title-wrapper .brxe-icon::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 1.5px solid #999 !important;
    border-bottom: 1.5px solid #999 !important;
    transform: rotate(45deg) !important;
    margin-top: -4px !important;
}

.accordion-title-wrapper[aria-expanded="true"] .brxe-icon {
    transform: rotate(180deg) !important;
}


/* Stretch-Bug beim Klicken verhindern */
.sib-form-block__button-with-loader {
    height: auto !important;
    max-height: none !important;
    transition: none !important;
}
.sib-form-block__button-with-loader .sib-form-block__button {
    position: static !important;
    transform: none !important;
}