/**
* Theme Name: WooFood Child
* Description: This is a child theme of WooFood.
* Author: <a href="https://www.wpslash.com">WPSlash</a>
* Template: woofood
* Version: 2.6.0
*/
/* =====================================================
   WP1 – WooFood Mini-Cart Buttons
   Desktop + Mobile | 19.10.2026
   ===================================================== */

.woocommerce-mini-cart__buttons.buttons a.button {
    background: #c62828 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #a91f1f !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;

    font-weight: 700 !important;
    text-align: center;
    transition: background-color .2s ease,
                box-shadow .2s ease,
                transform .2s ease;
}

/* Hover Desktop */
@media (hover: hover) {
    .woocommerce-mini-cart__buttons.buttons a.button:hover {
        background: #a91f1f !important;
        background-image: none !important;
        color: #ffffff !important;
        box-shadow: 0 5px 12px rgba(0,0,0,0.18) !important;
        transform: translateY(-1px);
    }
}

/* Tastaturbedienung */
.woocommerce-mini-cart__buttons.buttons a.button:focus-visible {
    outline: 3px solid #333333;
    outline-offset: 3px;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-mini-cart__buttons.buttons a.button {
        font-size: 16px !important;
        min-height: 44px;
        border-radius: 9px !important;
        padding: 12px 16px !important;
        box-sizing: border-box;
    }
}


/* =====================================================
   ERMAFI WP1 – MOBILE WARENKORBLEISTE
   19.10.2026
   Nur Farben – keine Positionsänderungen
   ===================================================== */

@media only screen and (max-width: 767px) {

    .header-cart {
        background: #242424 !important;
        background-image: none !important;
        border: 0 !important;
        border-top: 3px solid #c62828 !important;
        color: #ffffff !important;
    }

    .header-cart span,
    .header-cart .cart-icon,
    .header-cart .cart-icon i {
        color: #ffffff !important;
    }

}


/* =====================================================
   ERMAFI WP1 – WARENKORBSEITE BUTTONS
   19.10.2026
   Desktop + Mobile
   ===================================================== */

/* Warenkorb aktualisieren */
body.woocommerce-cart button[name="update_cart"],
body.woocommerce-cart input[name="update_cart"] {
    background: #c62828 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #a91f1f !important;
    border-radius: 9px !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
}

/* Weiter zur Kasse */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: #c62828 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #a91f1f !important;
    border-radius: 9px !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
}

/* Hover */
@media (hover: hover) {
    body.woocommerce-cart button[name="update_cart"]:hover,
    body.woocommerce-cart input[name="update_cart"]:hover,
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
        background: #a91f1f !important;
        background-image: none !important;
        color: #ffffff !important;
    }
}

/* Mobile: Checkout-Position unverändert */
@media (max-width: 767px) {
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        border-radius: 0 !important;
    }
}


/* =====================================================
   ERMAFI WP1 – EINHEITLICHE MOBILE AKTIONSLEISTE
   Shop / Warenkorb / Kasse
   ===================================================== */

@media only screen and (max-width: 767px) {

    body {
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Shop: vorhandene WooFood-Warenkorbleiste */
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-height: 76px !important;
        margin: 0 !important;
        padding: 0 16px env(safe-area-inset-bottom, 0px) !important;
        background: #e52520 !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 -4px 14px rgba(0,0,0,.22) !important;
        box-sizing: border-box !important;
        z-index: 1000 !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart > div {
        min-height: 76px !important;
        width: 100% !important;
        position: relative !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart span {
        color: #fff !important;
        font-size: 19px !important;
        font-weight: 700 !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart > div::after {
        content: "❯";
        color: #fff;
        font-size: 27px;
        font-weight: 700;
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    /* Shop-Leiste auf Warenkorb und Kasse ausblenden */
    body.woocommerce-cart .header-cart,
    body.woocommerce-checkout .header-cart {
        display: none !important;
    }

    /* Warenkorb und Kasse: dieselbe feste Aktionsleiste */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
    body.woocommerce-checkout #payment #place_order {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 76px !important;
        margin: 0 !important;
        padding: 22px 42px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
        background: #e52520 !important;
        background-color: #e52520 !important;
        background-image: none !important;
        color: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 -4px 14px rgba(0,0,0,.22) !important;
        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-align: center !important;
        opacity: 1 !important;
        filter: none !important;
        transition: none !important;
        box-sizing: border-box !important;
        z-index: 1000 !important;
        -webkit-tap-highlight-color: transparent;
    }

    /* Auch beim Antippen vollständig deckend */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
    body.woocommerce-checkout #payment #place_order:hover,
    body.woocommerce-checkout #payment #place_order:focus,
    body.woocommerce-checkout #payment #place_order:active,
    body.woocommerce-checkout #payment #place_order:disabled {
        background: #e52520 !important;
        background-image: none !important;
        color: #fff !important;
        opacity: 1 !important;
        filter: none !important;
    }

    /* Pfeil auf dem Warenkorb-Button */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after {
        content: "❯";
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        font-size: 27px;
        pointer-events: none;
    }

    /* Pfeil auf der Kasse als Hintergrundgrafik,
       damit die originale Button-Funktion erhalten bleibt */
    body.woocommerce-checkout #payment #place_order {
        background-image: none !important;
    }

    /* Kein störender zusätzlicher Footer-Warenkorb */
    body.woocommerce-cart .header-cart,
    body.woocommerce-checkout .header-cart {
        visibility: hidden !important;
    }
}

/* =====================================================
   ERMAFI WP1 – MOBILE PREMIUM BUTTON FINISH
   19.10.2026
   ===================================================== */

@media only screen and (max-width: 767px) {

    /* Einheitlicher 3D-Effekt für alle drei Leisten */
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart,
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
    body.woocommerce-checkout #payment #place_order {
        background-color: #e52520 !important;
        background-image: linear-gradient(
            to bottom,
            #f23b35 0%,
            #e52520 42%,
            #c91c18 100%
        ) !important;

        box-shadow:
            inset 0 2px 0 rgba(255,255,255,0.30),
            inset 0 -3px 0 rgba(110,0,0,0.20),
            0 -5px 18px rgba(0,0,0,0.24) !important;

        border-top: 1px solid rgba(255,255,255,0.22) !important;
        opacity: 1 !important;
    }

    /* Warenkorb: schwarze Schrift gezielt überschreiben */
    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button,
    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button:visited {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0,0,0,0.15) !important;
    }

    /* Weiße Schrift auf allen drei Leisten */
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart span,
    body.woocommerce-checkout #payment #place_order {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 0 1px 1px rgba(0,0,0,0.15) !important;
    }

    /* Checkout: Pfeil ergänzen */
    body.woocommerce-checkout #payment #place_order {
        position: fixed !important;
    }

    body.woocommerce-checkout #payment #place_order::after {
        content: "❯" !important;
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 27px !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }

    /* Antippen: Button wird optisch leicht eingedrückt */
    body:not(.woocommerce-cart):not(.woocommerce-checkout)
    .header-cart:active,
    body.woocommerce-cart
    .wc-proceed-to-checkout a.checkout-button:active,
    body.woocommerce-checkout #payment #place_order:active {
        background-image: linear-gradient(
            to bottom,
            #c91c18 0%,
            #df2420 100%
        ) !important;

        box-shadow:
            inset 0 3px 7px rgba(90,0,0,0.28),
            0 -2px 8px rgba(0,0,0,0.15) !important;
    }
}


/* =====================================================
   ERMAFI WP1 – MOBILE SLIM BUTTONS 64PX
   Shop / Warenkorb / Kasse
   ===================================================== */

@media only screen and (max-width: 767px) {

    /* Platz für die schlankere Leiste */
    body {
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Shop-Warenkorbleiste */
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart {
        min-height: 64px !important;
        height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart > div {
        min-height: 64px !important;
        height: 64px !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart span {
        font-size: 18px !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart > div::after {
        font-size: 23px !important;
    }

    /* Warenkorb und Kasse */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
    body.woocommerce-checkout #payment #place_order {
        min-height: 64px !important;
        height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        padding: 18px 42px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    /* Pfeile etwas dezenter */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after,
    body.woocommerce-checkout #payment #place_order::after {
        font-size: 23px !important;
    }
}


/* =====================================================
   ERMAFI WP1 – MOBILE SLIM BUTTONS 64PX
   Shop / Warenkorb / Kasse
   ===================================================== */

@media only screen and (max-width: 767px) {

    /* Platz für die schlankere Leiste */
    body {
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Shop-Warenkorbleiste */
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart {
        min-height: 64px !important;
        height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart > div {
        min-height: 64px !important;
        height: 64px !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart span {
        font-size: 18px !important;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-cart > div::after {
        font-size: 23px !important;
    }

    /* Warenkorb und Kasse */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
    body.woocommerce-checkout #payment #place_order {
        min-height: 64px !important;
        height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        padding: 18px 42px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    /* Pfeile etwas dezenter */
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after,
    body.woocommerce-checkout #payment #place_order::after {
        font-size: 23px !important;
    }
}


/* =====================================================
   ERMAFI WP1 – CHECKOUT DESKTOP SOFT CORNERS
   ===================================================== */

@media only screen and (min-width: 768px) {

    /* Dunkle Überschriften der Bestelltabelle */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table thead th:first-child {
        border-radius: 12px 0 0 12px !important;
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table thead th:last-child {
        border-radius: 0 12px 12px 0 !important;
    }

    /* Gesamtsumme: dunkle Leiste */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table tfoot tr.order-total th {
        border-radius: 12px 0 0 12px !important;
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table tfoot tr.order-total td {
        border-radius: 0 12px 12px 0 !important;
    }

    /* Grauer Hintergrund bei Barzahlung */
    body.woocommerce-checkout
    #payment .payment_box {
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    /* Zahlungsbereich leicht abrunden */
    body.woocommerce-checkout
    #payment {
        border-radius: 14px !important;
    }

    /* Bestehenden roten Bestellbutton sanft abrunden */
    body.woocommerce-checkout
    #payment #place_order {
        border-radius: 12px !important;
    }
}


/* =====================================================
   ERMAFI WP1 – CHECKOUT ROUNDED FIELDS
   Desktop + Mobile | 19.10.2026
   ===================================================== */

/* Nur WooCommerce-Kasse */
body.woocommerce-checkout {

    /* Dunkle Datums- und Zeitüberschriften */
    #wf-date-to-deliver .wf_tdlvr_title,
    #wf-time-to-deliver .wf_tdlvr_title,
    #wf-date-to-pickup .wf_tdlvr_title,
    #wf-time-to-pickup .wf_tdlvr_title {
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    /* Auswahlfelder: Datum und Uhrzeit */
    .woofood_date_to_deliver select,
    .woofood_date_to_pickup select,
    .woofood_time_to_deliver select,
    .woofood_time_to_pickup select {
        border: 1px solid #cbd2da !important;
        border-radius: 9px !important;
        background-color: #ffffff !important;
        color: #343a40 !important;
        min-height: 42px !important;
        padding-left: 12px !important;
        padding-right: 35px !important;
    }

    /* Graue Barzahlungsfläche */
    #payment .payment_box {
        border-radius: 12px !important;
        border: 1px solid #d1d5db !important;
        background-color: #e4e4e6 !important;
    }

    /* Tabellenkopf */
    .woocommerce-checkout-review-order-table {
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    .woocommerce-checkout-review-order-table thead th:first-child {
        border-radius: 10px 0 0 10px !important;
    }

    .woocommerce-checkout-review-order-table thead th:last-child {
        border-radius: 0 10px 10px 0 !important;
    }

    /* Gesamtsumme */
    .woocommerce-checkout-review-order-table tfoot tr.order-total th {
        border-radius: 10px 0 0 10px !important;
    }

    .woocommerce-checkout-review-order-table tfoot tr.order-total td {
        border-radius: 0 10px 10px 0 !important;
    }
}


/* =====================================================
   ERMAFI WP1 – DESKTOP CHECKOUT TABLE FINISH
   ===================================================== */

@media only screen and (min-width: 768px) {

    /* Tabellenzellen bündig und gleich hoch */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table {
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    /* Dunkle Balken als einheitliche Fläche */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    thead tr.bg-dark,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total {
        background: transparent !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    thead tr.bg-dark > th,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > th,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > td {
        background: #343a40 !important;
        color: #ffffff !important;
        vertical-align: middle !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    /* Nur äußere Ecken abrunden */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    thead tr > th:first-child,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > th:first-child {
        border-radius: 12px 0 0 12px !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    thead tr > th:last-child,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > td:last-child {
        border-radius: 0 12px 12px 0 !important;
    }

    /* Gleiche vertikale Ausrichtung des Gesamtbetrags */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > td .amount {
        vertical-align: baseline !important;
        line-height: inherit !important;
    }

    /* Barzahlung: feine Kontur */
    body.woocommerce-checkout #payment .payment_box {
        border: 1px solid #cbd2da !important;
        border-radius: 12px !important;
    }

    /* Kleines WooCommerce-Hinweisdreieck sichtbar machen */
    body.woocommerce-checkout #payment .payment_box::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: -10px !important;
        left: 24px !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important;
        border-bottom: 10px solid #cbd2da !important;
        border-top: 0 !important;
    }

    body.woocommerce-checkout #payment .payment_box {
        position: relative !important;
        overflow: visible !important;
    }
}


/* =====================================================
   ERMAFI WP1 – DESKTOP PAYMENT BOX CLEAN FINISH
   ===================================================== */

@media only screen and (min-width: 768px) {

    /* Graues Zahlungs-Hinweisfeld */
    body.woocommerce-checkout #payment .payment_box {
        background: #e4e4e6 !important;
        border: 1px solid #cbd2da !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    /* Schwebendes Dreieck vollständig entfernen */
    body.woocommerce-checkout #payment .payment_box::before,
    body.woocommerce-checkout #payment .payment_box::after {
        content: none !important;
        display: none !important;
    }
}


/* =====================================================
   ERMAFI WP1 – DESKTOP PAYMENT CARD V1
   Nur Desktop – Mobile bleibt unverändert
   ===================================================== */

@media only screen and (min-width: 768px) {

    /* WooCommerce-Zahlungsart als Karte */
    body.woocommerce-checkout
    #payment ul.payment_methods li.wc_payment_method {
        position: relative !important;
        background: #ffffff !important;
        border: 1px solid #d5d9df !important;
        border-radius: 12px !important;
        padding: 18px 18px 18px 48px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 3px 12px rgba(0,0,0,0.035) !important;
    }

    /* Aktive Barzahlung */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod {
        border-color: #d92c2c !important;
    }

    /* Zahlungsart-Label */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod > label {
        display: block !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #25282c !important;
        margin: 0 !important;
    }

    /* Vorhandenen Radio-Button sichtbar lassen */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod > input[type="radio"] {
        position: absolute !important;
        left: 17px !important;
        top: 22px !important;
        margin: 0 !important;
        accent-color: #d92c2c !important;
    }

    /* Grauen Hinweisblock in Kartentext verwandeln */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod .payment_box {
        display: block !important;
        position: static !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 5px 0 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        color: #656b73 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Doppelte oder schwebende Pfeile entfernen */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod .payment_box::before,
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod .payment_box::after {
        content: none !important;
        display: none !important;
    }

    /* Hinweistext ohne zusätzlichen Abstand */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod .payment_box p {
        margin: 0 !important;
    }
}


/* =====================================================
   ERMAFI WP1 – PAYMENT CARD FULL WIDTH DESKTOP
   ===================================================== */

@media only screen and (min-width: 768px) {

    /* Äußere Abstände der Zahlungsarten entfernen */
    body.woocommerce-checkout
    #payment ul.payment_methods {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Zahlungskarte über die volle verfügbare Breite */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =====================================================
   ERMAFI WP1 – PAYMENT CARD TEXT FINISH
   Desktop only
   ===================================================== */

@media only screen and (min-width: 768px) {

    /* Bestehenden Titel "Bar" optisch durch "Barzahlung" ersetzen */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod > label {
        font-size: 0 !important;
    }

    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod > label::before {
        content: "ZAHLUNGSART";
        display: inline-block;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.4;
        color: #25282c;
    }

    /* Doppelte Beschreibung "Bar" optisch ersetzen */
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod .payment_box p {
        font-size: 0 !important;
        margin: 0 !important;
    }

    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod .payment_box p::before {
        content: "Bezahlen Sie bei Abholung oder Lieferung bequem bar oder mit Karte.";
        display: block;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        color: #656b73;
    }
}


/* =====================================================
   ERMAFI WP1 – UNIFIED PAYMENT CARD
   Desktop + Mobile
   ===================================================== */

/* Zahlungskarte wie Abholadresse */
body.woocommerce-checkout
#payment ul.payment_methods {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod {
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 12px !important;
    padding: 18px 18px 18px 24px !important;
    background: #fbf1f1 !important;
    border: 0 !important;
    border-left: 5px solid #dc2d2d !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

/* Zahlungsart-Überschrift */
body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod > label {
    display: block !important;
    font-size: 0 !important;
    margin: 0 !important;
}

body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod > label::before {
    content: "ZAHLUNGSART" !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #d92c2c !important;
}

/* Vorhandene WooCommerce-Zahlungsbeschreibung */
body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod .payment_box {
    display: block !important;
    position: static !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 7px 0 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Beschreibung einheitlich anzeigen */
body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod .payment_box p {
    font-size: 0 !important;
    margin: 0 !important;
}

body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod .payment_box p::before {
    content: "Bezahlen Sie bei Abholung oder Lieferung bequem bar oder mit Karte." !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    color: #25282c !important;
}

/* Alte WooCommerce-Dreiecke entfernen */
body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod .payment_box::before,
body.woocommerce-checkout
#payment ul.payment_methods li.payment_method_cod .payment_box::after {
    content: none !important;
    display: none !important;
}

/* Mobile: kompakter */
@media only screen and (max-width: 767px) {
    body.woocommerce-checkout
    #payment ul.payment_methods li.payment_method_cod {
        padding: 16px 16px 16px 20px !important;
        border-radius: 16px !important;
    }
}


/* === ERMAFI-MINIMUM-COLORS-20261019 === */

/* Mindestbestellwert noch nicht erreicht: Hellrot */
.woofood-mini-cart-min-message {
    background: #fff0f0 !important;
    color: #a61b29 !important;
    border: 1px solid #f4c4c9 !important;
    border-left: 4px solid #dc3545 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin: 10px 0 !important;
    line-height: 1.5 !important;
}

/* Mindestbestellwert erreicht: Hellgrün */
.woofood-mini-cart-min-message.ermafi-minimum-success {
    background: #eaf8ee !important;
    color: #176b35 !important;
    border: 1px solid #b8e3c5 !important;
    border-left: 4px solid #28a745 !important;
}

/* === ENDE ERMAFI-MINIMUM-COLORS === */


/* ==================================================
   ErMaFi – Warenkorb: Weiter zur Kasse
   Nur Darstellung, keine Funktionsänderung
   ================================================== */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:link,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:visited {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =====================================================
   ErMaFi – Warenkorb-Erfolgsmeldung
   Einheitliches Grün statt Farbverlauf
   ===================================================== */

.toastify[style*="gradient"] {
    background: #16834a !important;
    background-image: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
    font-weight: 600 !important;
}


/* =====================================================
   ErMaFi – Toast Erfolgsmeldung v2
   Frisches Grün + mobile Optimierung
   ===================================================== */

/* Erfolgsmeldung: Desktop und Mobile */
.toastify[style*="gradient"] {
    background: #22a65a !important;
    background-image: none !important;
}

/* Nur Smartphones */
@media (max-width: 767px) {

    .toastify[style*="gradient"] {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        box-sizing: border-box !important;

        padding: 16px 18px !important;

        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;

        border-radius: 12px !important;
    }

    .toastify[style*="gradient"] * {
        font-size: inherit !important;
        line-height: inherit !important;
    }
}


/* ErMaFi – Mobile Toast: normale Schriftstärke */
@media (max-width: 767px) {
    .toastify[style*="gradient"],
    .toastify[style*="gradient"] * {
        font-weight: 400 !important;
    }
}


/* ErMaFi – Mobile Toast: normale Schriftstärke */
@media (max-width: 767px) {
    .toastify[style*="gradient"],
    .toastify[style*="gradient"] * {
        font-weight: 400 !important;
    }
}


/* ErMaFi – einheitliche Warenkorb-Meldungen */
.toastify {
    box-sizing: border-box !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 15px 18px !important;
    color: #fff !important;
    background-image: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18) !important;
}

.toastify .toast-close {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 4px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #fff !important;
    opacity: .9 !important;
}

.toastify[style*="#cc0000"],
.toastify[style*="rgb(204, 0, 0)"] {
    background: #E53935 !important;
}

@media (max-width: 767px) {
    .toastify {
        font-size: 16px !important;
        font-weight: 400 !important;
        border-radius: 14px !important;
    }
}


/* ==================================================
   WP1 – WooFood Produkt-Popup Warenkorb-Button
   Rot statt Gelb – Desktop und Mobile
   ================================================== */

.wf_product_view .single_add_to_cart_button,
.wf_product_view .single_add_to_cart_button.button.alt {
    background: #c90000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #c90000 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    transition: background-color .18s ease !important;
}

.wf_product_view .single_add_to_cart_button:hover,
.wf_product_view .single_add_to_cart_button:focus {
    background: #a80000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #a80000 !important;
}


/* === ERMAFI ORDER PRODUCT DESIGN 20261020 === */

/* Nur Bestellbestätigung: Produktnamen hervorheben */
body.woocommerce-order-received
.woocommerce-order-details
.woocommerce-table__product-name {
    color: #C62828;
    font-size: 16px;
    font-weight: 700;
}

/* Zutaten und gewählte Optionen dezenter darstellen */
body.woocommerce-order-received
.woocommerce-order-details
.woocommerce-table__product-name .wc-item-meta,
body.woocommerce-order-received
.woocommerce-order-details
.woocommerce-table__product-name .wc-item-meta * {
    color: #555;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

/* === ENDE ERMAFI ORDER PRODUCT DESIGN === */


/* ErMaFi – Leerer Warenkorb: modernes Design */

.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 25px 15px 35px;
}

.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
.cart-empty.woocommerce-info {
    display: block;
    width: 100%;
    max-width: 560px;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 22px 25px !important;
    text-align: center;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.5;
}

.woocommerce-cart .ermafi-empty-cart-return {
    display: block !important;
    width: 100%;
    max-width: 560px;
    margin: 0 !important;
    text-align: center;
}

.woocommerce-cart .ermafi-empty-cart-return a.button {
    display: block !important;
    box-sizing: border-box;
    width: 100%;
    padding: 17px 25px !important;
    background: #d62828 !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 5px 14px rgba(214,40,40,.20);
    transition: background .2s ease, transform .2s ease;
}

.woocommerce-cart .ermafi-empty-cart-return a.button:hover {
    background: #b91c1c !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return) {
        padding: 15px 10px 25px;
        gap: 14px;
    }

    .woocommerce-cart .ermafi-empty-cart-return a.button {
        font-size: 16px !important;
        padding: 16px 20px !important;
    }
}

/* ErMaFi – Rückgängig-Meldung und einheitliches Layout */

.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
.woocommerce-message,
.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
.cart-empty.woocommerce-info {
    width: 100% !important;
    max-width: 560px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 20px 24px !important;
    border-radius: 12px !important;
    background: #f7f7f9 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
    text-align: center !important;
    line-height: 1.6 !important;
}

.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
.woocommerce-message {
    border-top: 0 !important;
    border-left: 5px solid #1683e2 !important;
    color: #333 !important;
}

.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
.woocommerce-message a {
    color: #0875d1 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
.cart-empty.woocommerce-info {
    border-top: 0 !important;
    border-left: 5px solid #1683e2 !important;
}

.woocommerce-cart .ermafi-empty-cart-return {
    max-width: 560px !important;
    margin: 0 auto !important;
}

@media (max-width: 767px) {
    .woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
    .woocommerce-message,
    .woocommerce-cart .woocommerce:has(.ermafi-empty-cart-return)
    .cart-empty.woocommerce-info {
        padding: 16px 18px !important;
        font-size: 14px !important;
    }
}