/* ==========================================================================
   LOKANES CSS-Modul: warenkorb.css
   Lädt auf der Warenkorbseite (is_cart).
   Inhalt: Klassische WooCommerce-Warenkorbseite.

   Einbindung und Ladereihenfolge: ../lokanes-css.php (global, geschenkefinder, Seitenmodul).
   Ein Seitenmodul lädt immer nach global.css. Hinweise zur Pflege: ../README.md
   Hervorgegangen aus dem früheren WoodMart "Global Custom CSS" (Stand 12.10.2026);
   Regeln und Abschnittskommentare sind unverändert übernommen.
   ========================================================================== */

/* ===============================================================
   LOKANES / WARENKORB-POLISH v2 · STAGING (Karten- und X-Fix)
   Nur klassische WooCommerce-Warenkorbseite, kein Checkout,
   kein Custom-Minicart, keine Änderung an Versand-/Preislogik.
   DIESEN BLOCK statt des bisherigen MAIN CART PAGE Blocks einsetzen.
   =============================================================== */

/* Farb-/Typografie-Kontext der bestehenden Seite */
body.woocommerce-cart .cart-content-wrapper {
    --lc-ink: #1a1a1a;
    --lc-copper: #b98061;
    --lc-copper-soft: rgba(204,158,126,.28);
    --lc-line: rgba(47,38,32,.105);
    --lc-paper: #fcfaf7;
    font-family: 'Jost', sans-serif;
}

.woocommerce-cart p.return-to-shop { display: none !important; }
.cart-empty.woocommerce-info { color: #1a1a1a !important; font-family: 'Georgia', serif !important; }

/* Editorialer Seiteneinstieg: Hook-Markup aus Snippet 03 */
body.woocommerce-cart .lokanes-cart-intro {
    margin: 8px 0 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid var(--lc-copper-soft, rgba(204,158,126,.28));
}
body.woocommerce-cart .lokanes-cart-intro__eyebrow {
    display: block; margin: 0 0 7px;
    font: 500 11px/1.5 'Jost',sans-serif;
    letter-spacing: .20em; text-transform: uppercase; color: #b98061;
}
body.woocommerce-cart .lokanes-cart-intro h1 {
    font: 400 clamp(30px,3vw,42px)/1.15 Georgia,serif !important;
    letter-spacing: -.025em; color: #1a1a1a !important;
    margin: 0 !important;
}
body.woocommerce-cart .lokanes-cart-intro__text {
    margin: 7px 0 0; max-width: 550px;
    color: #68625e; font: 400 14px/1.55 'Jost',sans-serif;
}

/* Versand-Kombi-Hinweis: neue dynamische Botschaft, unveränderte Versandkostenlogik */
body.woocommerce-cart .lokanes-upsell-box-wrapper { margin: 0 0 20px !important; }
body.woocommerce-cart .lokanes-upsell-box-wrapper > div {
    background: rgba(241,245,239,.88) !important;
    border: 1px solid #d7e3d5 !important;
    border-left: 3px solid #92ad96 !important;
    border-radius: 12px !important;
    box-shadow: 0 7px 24px rgba(25,42,25,.025) !important;
    color: #2c4434 !important;
    font: 400 13px/1.65 'Jost',sans-serif !important;
    text-align: left !important;
    padding: 14px 17px !important;
}
body.woocommerce-cart .lokanes-upsell-box-wrapper a {
    color: #2c4434 !important; text-underline-offset: 3px;
}
/* Neu: strukturierter Text für alle bisherigen Versandszenarien. */
body.woocommerce-cart .lokanes-upsell-box-wrapper > .lokanes-shipping-notice {
    position: relative;
    padding: 15px 20px 15px 22px !important;
}
body.woocommerce-cart .lokanes-shipping-notice__title {
    margin: 0 0 3px !important;
    font: 600 13px/1.45 'Jost',sans-serif !important;
    color: inherit !important;
    letter-spacing: .012em;
}
body.woocommerce-cart .lokanes-shipping-notice__text {
    margin: 0 !important;
    font: 400 13px/1.55 'Jost',sans-serif !important;
    color: inherit !important;
}
body.woocommerce-cart .lokanes-upsell-box-wrapper > .lokanes-shipping-notice--progress {
    background: rgba(251,248,242,.91) !important;
    border-color: #e5d9c8 !important;
    border-left-color: #cc9e7e !important;
    color: #54483e !important;
}
body.woocommerce-cart .lokanes-upsell-box-wrapper .lokanes-shipping-notice--progress a { color: #906044 !important; }
body.woocommerce-cart .lokanes-shipping-notice a {
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Tabelle: weiche, ruhige einzelne Produktzeilen */
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 11px !important;
    background: transparent !important;
    border: 0 !important;
}
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents thead th {
    font: 500 10px/1.3 'Jost',sans-serif !important;
    letter-spacing: .17em !important; text-transform: uppercase !important;
    color: #9e7967 !important; border: 0 !important;
    padding: 0 12px 8px !important;
}
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td {
    background: rgba(255,255,255,.70) !important;
    border-top: 1px solid var(--lc-line) !important;
    border-bottom: 1px solid var(--lc-line) !important;
    padding: 17px 12px !important;
    vertical-align: middle !important;
    transition: background-color .2s ease, border-color .2s ease !important;
}
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td:first-child {
    border-left: 1px solid var(--lc-line) !important;
    border-radius: 14px 0 0 14px !important;
}
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td:last-child {
    border-right: 1px solid var(--lc-line) !important;
    border-radius: 0 14px 14px 0 !important;
}
@media (hover:hover) {
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item:hover td {
        background: rgba(255,255,255,.92) !important;
        border-top-color: rgba(185,128,97,.27) !important;
        border-bottom-color: rgba(185,128,97,.27) !important;
    }
}
body.woocommerce-cart table.woocommerce-cart-form__contents .product-remove { width: 30px !important; }
body.woocommerce-cart table.woocommerce-cart-form__contents .product-remove a.remove {
    color: #928983 !important; background: transparent !important;
    font-size: 19px !important; text-decoration: none !important;
    width: 30px; height: 30px; line-height: 30px !important;
    border-radius: 50%; transition: color .2s, background-color .2s;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .product-remove a.remove:hover,
body.woocommerce-cart table.woocommerce-cart-form__contents .product-remove a.remove:focus-visible {
    color: #1a1a1a !important; background: rgba(204,158,126,.12) !important;
}
/* WoodMart rendert teils zusätzlich zum echten × ein Icon via Pseudo-Element.
   Das echte WooCommerce-Linkzeichen behalten, nur Theme-Duplikat unterdrücken. */
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-remove a.remove {
    font-family: 'Jost', sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    text-indent: 0 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap;
    overflow: visible !important;
}
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-remove a.remove::before,
body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-remove a.remove::after {
    content: none !important;
    display: none !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-thumbnail { width: 95px !important; }
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-thumbnail img {
    display: block !important; width: 85px !important; max-width: 85px !important;
    height: 85px !important; object-fit: cover !important;
    border-radius: 11px !important; box-shadow: none !important;
    filter: none !important; background: #eee9e3 !important;
    transform: none !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item:hover td.product-thumbnail img {
    transform: none !important; filter: none !important;
}

body.woocommerce-cart table.woocommerce-cart-form__contents td.product-name {
    color: #1a1a1a !important;
    text-align: left !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-name > a {
    display: inline-block;
    font: 400 18px/1.3 Georgia,serif !important;
    letter-spacing: -.01em; color: #1a1a1a !important;
    text-decoration: none !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-name > a:hover { color: #af795b !important; }
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-name .delivery-time-info {
    display: block !important;
    margin: 6px 0 0 !important;
    color: #827a74 !important;
    font: 400 12px/1.4 'Jost',sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-name .delivery-time-info * {
    color: inherit !important; font: inherit !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .product-price,
body.woocommerce-cart table.woocommerce-cart-form__contents .product-subtotal {
    font: 500 14px/1.4 'Jost',sans-serif !important;
    color: #1a1a1a !important;
    white-space: nowrap;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .product-price { color: #66615c !important; }
body.woocommerce-cart table.woocommerce-cart-form__contents .product-subtotal .amount { font-weight: 600; }
body.woocommerce-cart table.woocommerce-cart-form__contents .product-quantity .quantity {
    height: 39px !important; padding: 0 6px !important;
    border: 1px solid rgba(26,26,26,.13) !important;
    background: #fbfaf8 !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .product-quantity .quantity button {
    min-width: 27px; padding: 0 5px !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .product-quantity .qty {
    font-size: 14px !important; min-width: 20px;
}

/* Herkunftskarte als visuell eigene Spalte innerhalb der Produktnamen-Zelle.
   FIX v2: td.product-name benötigt denselben/einen HÖHEREN Selektor-Spezifitätsgrad
   wie die Tabellen-Basisregel `tr.cart_item td { padding:17px 12px !important; }`.
   In v1 wurde dadurch padding-left:93px überschrieben: Karte überlagerte Text! */
@media (min-width: 769px) {
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name {
        position: relative !important;
        box-sizing: border-box !important;
        padding: 17px 12px 17px 103px !important;
        min-width: 220px;
    }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name .lokanes-inline-karte {
        position: absolute !important;
        top: 50% !important;
        left: 14px !important;
        transform: translateY(-50%) !important;
        width: 74px !important;
        height: 82px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name .lokanes-inline-karte img {
        width: 70px !important;
        min-width: 0 !important;
        max-width: 70px !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        filter: none !important;
        box-shadow: none !important;
        transform: none !important;
    }
}
/* Engere Tablet-Ansicht: schmälere Karten-Spalte statt Überlappung. */
@media (min-width: 769px) and (max-width: 1100px) {
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name {
        padding-left: 78px !important;
        min-width: 175px;
    }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name .lokanes-inline-karte {
        left: 8px !important;
        width: 60px !important;
        height: 70px !important;
    }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name .lokanes-inline-karte img {
        width: 57px !important;
        max-width: 57px !important;
    }
}
body.woocommerce-cart table.woocommerce-cart-form__contents .variation {
    margin: 10px 0 0 !important;
    background: rgba(204,158,126,.065);
    padding: 10px 12px !important;
    border-radius: 8px;
    max-width: 400px;
    color: #5f5954;
    overflow-wrap: anywhere;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .variation li { margin: 0 !important; }
body.woocommerce-cart table.woocommerce-cart-form__contents .variation .item-variation-name {
    font: 600 11px/1.35 'Jost',sans-serif !important; color: #5f5149 !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents .variation .item-variation-value,
body.woocommerce-cart table.woocommerce-cart-form__contents .variation p {
    font: 400 12px/1.55 'Jost',sans-serif !important;
    color: #665e58 !important; margin: 3px 0 0 !important;
}

/* Bestehende Warenkorb-Aktionen; keine Änderung an PHP/Mengen oder Gutschein */
body.woocommerce-cart .woocommerce-cart-form .cart-actions > div[style*="order: -1"] {
    padding: 15px 18px !important; margin: 15px 0 0 !important;
    background: rgba(204,158,126,.07);
    border-left: 2px solid #cc9e7e;
    border-radius: 0 10px 10px 0;
    color: #665e57 !important;
    font: 400 13px/1.6 'Jost',sans-serif !important;
}
body.woocommerce-cart .woocommerce-cart-form .cart-actions > div[style*="order: -1"] em { font-style: normal !important; }
body.woocommerce-cart .woocommerce-cart-form .cart-actions > div[style*="order: -1"] a {
    color: #885b44 !important; text-underline-offset: 3px;
}
/* vorhandenes Gutscheinverhalten */
.woocommerce-cart table.cart td.actions .coupon .input-text {
    border-radius: 10px !important; border: 1px solid #e5ded7 !important;
    padding: 13px 20px !important; background: #fff !important;
    font-family: 'Jost',sans-serif !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
    border-color: #cc9e7e !important; outline: 2px solid rgba(204,158,126,.16) !important;
}
.woocommerce-cart table.cart td.actions .coupon .button {
    background: #1a1a1a !important; border-radius: 30px !important;
    color: #f2f0ef !important; border: 0 !important;
    padding: 14px 30px !important; margin-left: 10px !important;
}
.woocommerce-cart table.cart td.actions .coupon .button:hover { background: #333 !important; color: #cc9e7e !important; }

/* Bestellübersicht – tatsächliches WoodMart-Markup ohne .cart-collaterals */
body.woocommerce-cart .cart-content-wrapper > .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals {
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(204,158,126,.24) !important;
    border-radius: 18px !important;
    padding: 27px 25px !important;
    box-shadow: 0 14px 38px rgba(37,30,24,.045) !important;
}
body.woocommerce-cart .cart_totals h2 {
    font: 400 clamp(23px,2vw,28px)/1.2 Georgia,serif !important;
    letter-spacing: -.012em; color: #1a1a1a !important;
    text-transform: none !important;
    padding: 0 0 17px !important;
    margin: 0 0 14px !important;
    border-bottom: 1px solid rgba(204,158,126,.30) !important;
}
body.woocommerce-cart .cart_totals table.shop_table { border: 0 !important; margin: 0 !important; background: transparent !important; }
body.woocommerce-cart .cart_totals table.shop_table tr th,
body.woocommerce-cart .cart_totals table.shop_table tr td {
    padding: 12px 0 !important;
    font-family: 'Jost',sans-serif !important;
    border-bottom: 1px solid rgba(26,26,26,.06) !important;
    color: #55504b !important;
    vertical-align: middle;
}
body.woocommerce-cart .cart_totals table.shop_table tr th {
    font-size: 10px !important; letter-spacing: .12em !important;
    text-transform: uppercase !important; font-weight: 500 !important;
    color: #9c7967 !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr td { font-size: 13px !important; text-align: right; }
body.woocommerce-cart .cart_totals table.shop_table .order-total th,
body.woocommerce-cart .cart_totals table.shop_table .order-total td {
    padding-top: 17px !important; border-bottom: 0 !important;
}
body.woocommerce-cart .cart_totals table.shop_table .order-total .amount {
    font: 600 22px/1.25 'Jost',sans-serif !important; color: #1a1a1a !important;
}
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    font: 400 11px/1.5 'Jost',sans-serif !important;
    color: #817a73 !important; margin: 6px 0 0 !important;
}
body.woocommerce-cart .cart_totals .order-total-small-business-notice td { border: 0 !important; padding: 8px 0 4px !important; }
body.woocommerce-cart .cart_totals .order-total-small-business-notice .wc-gzd-additional-info {
    display: block !important; text-align: center;
    font: 400 10px/1.5 'Jost',sans-serif !important;
    text-transform: none !important; letter-spacing: 0 !important;
    color: #77716b !important; margin: 0 !important;
}
body.woocommerce-cart a.checkout-button {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; min-height: 54px;
    padding: 15px 20px !important; margin: 17px 0 0 !important;
    background: #1a1a1a !important; border-radius: 999px !important;
    color: #f9f6f2 !important; font: 500 12px/1.3 'Jost',sans-serif !important;
    letter-spacing: .11em !important; text-transform: uppercase !important;
    transition: background-color .2s, color .2s, transform .2s !important;
}
body.woocommerce-cart a.checkout-button:hover {
    background: #333 !important; color: #e8b18d !important;
    transform: translateY(-1px) !important;
}
body.woocommerce-cart a.checkout-button:focus-visible { outline: 2px solid #b98061 !important; outline-offset: 3px; }

/* Neues, eigens für Cart erzeugtes Trust-Modul, keine Elementor-Skalierung */
body.woocommerce-cart .lokanes-cart-trust-badges {
    display: block; margin: 21px 0 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(204,158,126,.25);
    text-align: left !important;
    font-family: 'Jost',sans-serif;
}
body.woocommerce-cart .lokanes-cart-trust__line {
    display: flex; gap: 11px; align-items: flex-start;
    padding: 0 0 14px;
}
body.woocommerce-cart .lokanes-cart-trust__icon { color: #bc8665; width: 21px; height: 21px; flex: 0 0 21px; margin-top: 1px; }
body.woocommerce-cart .lokanes-cart-trust__icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
body.woocommerce-cart .lokanes-cart-trust__line strong,
body.woocommerce-cart .lokanes-cart-trust__pay-title {
    display: block; color: #24211f;
    font: 500 12px/1.35 'Jost',sans-serif; letter-spacing: .005em;
}
body.woocommerce-cart .lokanes-cart-trust__line span:not(.lokanes-cart-trust__icon) {
    display: block; font: 400 11px/1.5 'Jost',sans-serif; color: #7b726b;
    margin-top: 2px;
}
body.woocommerce-cart .lokanes-cart-trust__payments {
    padding-top: 13px; border-top: 1px solid rgba(26,26,26,.075);
}
body.woocommerce-cart .lokanes-cart-trust__pay-title { margin-bottom: 11px; }
body.woocommerce-cart .lokanes-cart-trust__logos {
    display: flex; flex-wrap: wrap; gap: 7px; align-items: center;
}
body.woocommerce-cart a.lokanes-cart-trust__logo {
    display: inline-flex; justify-content: center; align-items: center;
    height: 35px; min-width: 40px; padding: 5px 9px;
    border: 1px solid rgba(47,38,32,.12); border-radius: 8px;
    background: rgba(255,255,255,.68); color: #292522 !important;
    text-decoration: none !important;
    transition: border-color .2s, background-color .2s;
}
body.woocommerce-cart a.lokanes-cart-trust__logo:hover,
body.woocommerce-cart a.lokanes-cart-trust__logo:focus-visible {
    border-color: rgba(204,158,126,.7); background: #fff;
}
body.woocommerce-cart .lokanes-cart-trust__logo img {
    display: block; width: 24px !important; height: 19px !important;
    object-fit: contain; filter: brightness(0) !important;
}
body.woocommerce-cart .lokanes-cart-trust__logo--text {
    gap: 5px; font: 500 10px/1 'Jost',sans-serif !important;
    white-space: nowrap;
}
body.woocommerce-cart .lokanes-cart-trust__logo--text svg {
    width: 16px; height: 16px; fill: none; stroke: currentColor;
    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
body.woocommerce-cart .lokanes-cart-trust__caption {
    font: 400 10px/1.5 'Jost',sans-serif; color: #8b8078;
    margin: 10px 0 0;
}

/* Mobile: WoodMart-Woo-Zeilenlayout bleibt intakt, Karte unter dem Namen.
   Keine Tabellenstruktur per CSS umgebaut. */
@media (max-width: 768px) {
    body.woocommerce-cart .lokanes-cart-intro { margin: 7px 0 20px; padding-bottom: 16px; }
    body.woocommerce-cart .lokanes-cart-intro__text { font-size: 13px; }
    body.woocommerce-cart .lokanes-upsell-box-wrapper > div { padding: 13px 14px !important; font-size: 12px !important; }
    body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item td { padding: 12px !important; }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name {
        position: static !important;
        min-width: 0 !important;
        padding: 12px !important;
        display: flex !important; flex-direction: column !important;
        align-items: flex-start !important; text-align: left !important;
    }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name .lokanes-inline-karte {
        position: static !important; margin: 9px 0 0 !important;
        transform: none !important; width: auto !important; height: auto !important;
        display: flex !important; align-items: flex-start !important;
    }
    body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tr.cart_item td.product-name .lokanes-inline-karte img {
        width: 65px !important; min-width: 0 !important; max-width: 65px !important;
        height: auto !important; background: transparent !important; filter: none !important;
    }
    body.woocommerce-cart table.woocommerce-cart-form__contents td.product-thumbnail img {
        width: 70px !important; max-width: 70px !important; height: 70px !important;
    }
    body.woocommerce-cart table.woocommerce-cart-form__contents td.product-name > a { font-size: 17px !important; }
    body.woocommerce-cart .cart-content-wrapper > .cart_totals,
    body.woocommerce-cart .cart-collaterals .cart_totals { padding: 22px 18px !important; border-radius: 14px !important; }
    body.woocommerce-cart .cart_totals table.shop_table tr th,
    body.woocommerce-cart .cart_totals table.shop_table tr td { padding: 11px 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.woocommerce-cart .cart-content-wrapper *,
    body.woocommerce-cart .cart-content-wrapper *::before,
    body.woocommerce-cart .cart-content-wrapper *::after { transition-duration: .01ms !important; }
}

/* ==========================================================
   LOKANES – WARENKORB MOBILE v4: Produktkarte mit fester Bildspalte
   ERSETZT den bisherigen Mobile-Kartenfix v3 vollständig.
   Nach Warenkorb-Polish v2 am Ende des globalen CSS.
   Nur /warenkorb/ bis 768px; kein PHP, keine WooCommerce-Logik.
   ========================================================== */
@media (max-width: 768px) {

  /* WoodMart bricht die Warenkorb-Tabelle mobil auf.
     Daraus wird pro Produkt eine einzige Karte statt getrennter Zellen. */
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-areas:
      "thumbnail name"
      "price price"
      "quantity quantity"
      "subtotal subtotal";
    column-gap: 14px !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
    background: rgba(255, 255, 255, .82) !important;
    border: 1px solid rgba(47, 38, 32, .11) !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 22px rgba(37, 30, 24, .035) !important;
  }

  /* Zelleneigene weiße Boxen, Rahmen und Float-Layouts entfernen. */
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td,
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td:first-child,
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td:last-child {
    display: block !important;
    float: none !important;
    position: static !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-remove {
    position: absolute !important;
    top: 9px !important;
    right: 9px !important;
    width: 30px !important;
    height: 30px !important;
    z-index: 1;
  }

  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item td.product-remove a.remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
  }

  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-thumbnail {
    grid-area: thumbnail !important;
    width: 104px !important;
    max-width: 104px !important;
    min-width: 0 !important;
    align-self: start !important;
    overflow: hidden !important; /* Auch WoodMart-Bildvarianten bleiben in ihrer Spalte. */
  }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-thumbnail > a {
    display: block !important;
    position: static !important;
    width: 96px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 10px !important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-thumbnail img {
    display: block !important;
    width: 96px !important;
    max-width: 100% !important;
    max-height: 96px !important;
    height: 96px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }

  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-name {
    grid-area: name !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 2px 27px 14px 0 !important; /* Abstand zum Entfernen-X */
    text-align: left !important;
    overflow-wrap: anywhere;
  }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-name > a {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item td.product-name .lokanes-inline-karte {
    position: static !important;
    display: flex !important;
    margin: 9px 0 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item td.product-name .lokanes-inline-karte img {
    width: 60px !important;
    min-width: 0 !important;
    max-width: 60px !important;
    height: auto !important;
  }

  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-price,
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-quantity,
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-subtotal {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 43px !important;
    padding: 10px 0 !important;
    border-top: 1px solid rgba(47, 38, 32, .10) !important;
    text-align: right !important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-price { grid-area: price; }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-quantity { grid-area: quantity; }
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-subtotal { grid-area: subtotal; }

  /* Die von WooCommerce/WoodMart erzeugten mobilen Feldlabels bleiben sichtbar. */
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-price::before,
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-quantity::before,
  body.woocommerce-cart .woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr.cart_item > td.product-subtotal::before {
    float: none !important;
    margin: 0 auto 0 0 !important;
    text-align: left !important;
    white-space: nowrap;
  }
	
}

/* --- LOKANES Priority: Hinweis unter "Weiter zur Kasse", nur wenn Priority für diesen Warenkorb
       im Checkout wählbar ist (Snippet "LOKANES Priority – Hinweis im Warenkorb"). Basisstil in global.css,
       Fläche wie die Priority-Box im Checkout. --- */
body.woocommerce-cart .lokanes-priority-hint--cart {
    margin: 16px 0 0;
    padding: 11px 13px 12px;
    background: #f7f2ee;
    border: 1px solid rgba(204, 158, 126, 0.38);
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #544a44;
}