/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Template: Avada
Version: 1.1.0
*/



/* =========================================================
   1. HERO SEKTION (Avada Fullwidth)
   ========================================================= */

.dv-hero-bg {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: linear-gradient(180deg, #ECF4FF 0%, #FFFFFF 75%);
}

.dv-hero-center,
.fusion-fullwidth.dv-hero-center,
.fusion-builder-row.dv-hero-center {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dv-hero-center > .fusion-row,
.dv-hero-center > .fusion-builder-row {
    width: 100%;
}

@media (max-width: 768px) {
    .dv-pricebox {
        position: sticky;
        bottom: 10px;
        z-index: 999;
        box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
        border: 2px solid #28a745; /* Optional: Verstärkt den Rahmen */
    }

}




/* =========================================================
   DV CART – ALL-IN-ONE MASTERFILE (Finales Pixel-Feintuning)
   ========================================================= */

/* =========================================================
   1. GLOBALE REGELN (Verstecken & Kennzeichen-Design)
   ========================================================= */

/* Unnötige Spalten und Titel radikal ausblenden */
.woocommerce-cart .page-title,
.woocommerce-cart .cart-title,
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart .wc-block-cart__title,
.woocommerce-cart table.shop_table thead,
body.woocommerce-cart .cart_totals tr.cart-subtotal {
    display: none !important;
}

/* MENGE UND ZWEITEN PREIS RADIKAL VERNICHTEN */
body.woocommerce-cart .product-quantity,
body.woocommerce-cart td.product-quantity,
body.woocommerce-cart th.product-quantity,
body.woocommerce-cart .product-subtotal,
body.woocommerce-cart td.product-subtotal,
body.woocommerce-cart th.product-subtotal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* Dein Original Kennzeichen-Taferl (DV Plate) */
.woocommerce-cart .dv-cart-plate {
    display: inline-flex !important;
    align-items: stretch !important;
    border: 2px solid #111 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transform: translateY(-1px);
}
.woocommerce-cart .dv-cart-plate-band {
    background: #0b4ea2 !important;
    color: #fff !important;
    padding: 4px 6px !important;
    display: flex !important;
    align-items: center !important;
}
.woocommerce-cart .dv-cart-plate-code {
    font-size: 12px !important;
    letter-spacing: .5px !important;
}
.woocommerce-cart .dv-cart-plate-main {
    background: #fff !important;
    color: #111 !important;
    padding: 4px 10px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    letter-spacing: .8px !important;
}

/* Icons */
.woocommerce-cart td.product-name .dv-cart-ico {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eef0f3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* Emoji-Platzhalter NUR anzeigen, wenn KEINE dv-veh-* Klasse dran hängt */
.woocommerce-cart td.product-name .dv-ico-vehicle::after{
  content:"🚗";
  font-size:16px;
}

/* Sobald dv-veh-* dran ist: Emoji weg */
.woocommerce-cart td.product-name .dv-ico-vehicle[class*="dv-veh-"]::after{
  content:"" !important;
}

/* Checkout-Buttons */
.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 14px !important;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    height: 44px !important;
    padding: 0 16px !important;
    vertical-align: middle !important;
}
.woocommerce-cart a.dv-continue-shopping {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 5px;
    border: 1px solid #ff5a1f;
    color: #ff5a1f;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}
.woocommerce-cart a.dv-continue-shopping:hover {
    background: #ff5a1f !important;
    color: #fff !important;
}


/* =========================================================
   2. DESKTOP ANSICHT (ab 1251px)
   ========================================================= */
@media (min-width: 1251px) {
    .woocommerce-cart table.shop_table {
        table-layout: auto !important;
        width: 100% !important;
    }
    .woocommerce-cart table.shop_table td.product-thumbnail { width: 100px !important; }
    .woocommerce-cart table.shop_table td.product-price {
        width: 140px !important;
        white-space: nowrap !important;
    }
    .woocommerce-cart table.shop_table td.product-remove {
        width: 170px !important;
        text-align: right !important;
    }

    /* Avada Wrapper Desktop */
    .woocommerce-cart td.product-name .fusion-product-name-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    /* Desktop Flex-Layout */
    .woocommerce-cart td.product-name .dv-cart-item {
        display: flex;
        gap: 22px;
        align-items: flex-start;
        width: 100%;
    }
    .woocommerce-cart td.product-name .dv-cart-left {
        flex: 0 0 210px !important; 
        border-right: 1px solid #eef0f3;
        padding-right: 18px;
    }
    .woocommerce-cart td.product-name .dv-cart-duration {
        white-space: nowrap;
        font-weight: 900;
        font-size: 22px;
        color: #111;
        line-height: 1.1;
        margin-bottom: 6px;
    }
    .woocommerce-cart td.product-name .dv-cart-title,
    .woocommerce-cart td.product-name .dv-cart-title a {
        white-space: nowrap !important; 
        font-weight: 900 !important;
        display: inline-block;
        margin-bottom: 0px !important;
    }
    .woocommerce-cart td.product-price,
    .woocommerce-cart td.product-price .woocommerce-Price-amount {
        font-size: 18px !important;
        font-weight: 800 !important;
    }
    .woocommerce-cart .product-price::before {
        display: none !important;
    }
    
    /* Desktop Entfernen Button */
    .woocommerce-cart td.product-remove a.remove {
        font-size: 0 !important;
        line-height: 0 !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        border: 0 !important;
        text-decoration: none !important;
    }
    .woocommerce-cart td.product-remove a.remove::after {
        content: "Entfernen" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        border-radius: 10px !important;
        border: 1px solid #ff5a1f !important;
        color: #ff5a1f !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }
    .woocommerce-cart td.product-remove a.remove:hover::after {
        background: #ff5a1f !important;
        color: #fff !important;
    }
}


/* =========================================================
   3. PERFEKTES CARD-LAYOUT (Bis 1250px)
   ========================================================= */
@media (max-width: 1250px) {
    /* Tabellen Reset & Höhen Fix */
    body.woocommerce-cart table.shop_table,
    body.woocommerce-cart table.shop_table tbody,
    body.woocommerce-cart table.shop_table tr.cart_item {
        display: block !important;
        width: 100% !important;
        height: auto !important; 
        max-height: none !important;
        overflow: visible !important; 
        box-sizing: border-box !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body.woocommerce-cart table.shop_table tr.cart_item td {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }
    
    /* Die Card - Normales Padding, flexibler Stapel-Modus */
    body.woocommerce-cart table.shop_table tbody tr.cart_item {
        position: relative !important;
        padding: 20px !important;
        margin-bottom: 25px !important;
        background: #fff !important;
        border: 1px solid #eef0f3 !important;
        border-radius: 18px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
        display: flex !important;
        flex-direction: column !important; 
    }

    /* 1. TEXTBEREICH ZELLE */
    body.woocommerce-cart td.product-name { order: 1 !important; }

    /* Avada Wrapper sicher stapeln */
    body.woocommerce-cart td.product-name .fusion-product-name-wrapper {
        display: flex !important;
        flex-direction: column !important; 
        align-items: flex-start !important;
        width: 100% !important;
        height: auto !important;
        gap: 15px !important;
    }

    /* BILD ZWINGEND NACH OBEN (Reihenfolge 1) */
    body.woocommerce-cart td.product-name .product-thumbnail {
        order: 1 !important;
        margin: 0 0 5px 0 !important;
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }
    body.woocommerce-cart td.product-name .product-thumbnail img {
        width: 90px !important;
        max-width: 90px !important;
        height: auto !important;
        margin: 0 !important; 
        display: block !important;
    }

    /* TEXT (Reihenfolge 2) */
    body.woocommerce-cart td.product-name .product-info { 
        order: 2 !important; 
        display: block !important; 
        width: 100% !important; 
    }

    body.woocommerce-cart .dv-cart-item {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        align-items: flex-start !important;
    }
    body.woocommerce-cart .dv-cart-left,
    body.woocommerce-cart .dv-cart-mid {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        min-height: 0 !important;
        height: auto !important;
        border: none !important;
        padding: 0 !important;
        flex: none !important;
    }
    body.woocommerce-cart .dv-cart-left { margin-bottom: 5px !important; }
    
    /* Text-Umbrüche für Mobile sichern */
    body.woocommerce-cart .dv-cart-validity,
    body.woocommerce-cart .dv-cart-title,
    body.woocommerce-cart .dv-cart-title a,
    body.woocommerce-cart .dv-cart-mid h4 {
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    body.woocommerce-cart .dv-cart-validity { font-size: 13px !important; line-height: 1.3 !important; }
    body.woocommerce-cart .dv-cart-title { font-size: 16px !important; line-height: 1.2 !important; margin: 0 0 8px 0 !important; font-weight: 800 !important; }
    body.woocommerce-cart .dv-cart-platewrap { margin-bottom: 8px !important; display: block !important; }

    /* 2. PREIS OBEN RECHTS FIXIEREN */
    body.woocommerce-cart td.product-price {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        text-align: right !important;
        width: auto !important;
        display: block !important;
        z-index: 10 !important;
    }
    body.woocommerce-cart td.product-price::before { content: "PREIS: " !important; font-size: 11px !important; font-weight: 800 !important; color: #ff5a1f !important; margin-right: 4px !important; }
    body.woocommerce-cart td.product-price .woocommerce-Price-amount { color: #ff5a1f !important; font-size: 18px !important; font-weight: 900 !important; }

    /* 3. ENTFERNEN BUTTON IN DIE BOX ZWINGEN & UNTER PKW SETZEN */
    body.woocommerce-cart td.product-remove {
        order: 3 !important; 
        position: relative !important; 
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important; /* LINKSBÜNDIG UNTER PKW */
        margin: 15px 0 0 0 !important; /* Abstand nach oben zum PKW */
        padding: 0 !important;
        background: transparent !important;
        transform: none !important;
    }
    
    /* Den grauen Avada-Kreis restlos zerstören */
    body.woocommerce-cart td.product-remove a.remove {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important; 
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        border: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-decoration: none !important;
        transform: none !important;
    }
    body.woocommerce-cart td.product-remove a.remove::before { display: none !important; }
    
    /* Unser neuer Button */
    body.woocommerce-cart td.product-remove a.remove::after {
        content: "Entfernen" !important;
        font-size: 13px !important;
        padding: 8px 24px !important;
        border: 1px solid #ff5a1f !important;
        border-radius: 8px !important;
        color: #ff5a1f !important;
        font-weight: 700 !important;
        background: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        transition: all 0.3s ease;
    }
    body.woocommerce-cart td.product-remove a.remove:hover::after {
        background: #ff5a1f !important;
        color: #fff !important;
    }
}



/* =========================================================
   AVADA MOBILE-FIX (Handy-Ansicht & Go to... Menü)
   -> BITTE GANZ UNTEN AN DEIN BESTEHENDES CSS ANHÄNGEN!
   ========================================================= */
@media (max-width: 820px) {
    /* 1. Card-Padding nach unten sichern, damit nichts rausfällt */
    body.woocommerce-cart table.shop_table tbody tr.cart_item {
        padding-bottom: 25px !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 2. Button in der Mitte der Card fixieren (Überschreibt Avadas Rauswurf) */
    body.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item td.product-remove,
    body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove {
        position: relative !important;
        order: 99 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin: 20px 0 0 0 !important;
        padding: 0 !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        border: none !important;
        background: transparent !important;
    }

    /* 3. Grauen Oval-Schatten von Avada auf Handys endgültig löschen */
    body.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item td.product-remove a.remove,
    body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove a.remove {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
    }
}



/* =========================================================
   FIX: Entfernen-Button springt aus der Card (Avada Breakpoints)
   -> Button immer IN der Card verankern
   ========================================================= */

/* Card als Position-Context + genug Platz unten, damit Button nicht überlappt */
@media (max-width: 1250px){
  body.woocommerce-cart table.shop_table tbody tr.cart_item{
    position: relative !important;
    padding-bottom: 78px !important; /* Platz für den Entfernen-Button */
    overflow: hidden !important;     /* nix darf raus */
  }

  /* td.product-remove IMMER absolut in die Card unten rechts */
  body.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item td.product-remove,
  body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove{
    position: absolute !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    top: auto !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;

    display: block !important;
    float: none !important;
    transform: none !important;
    z-index: 20 !important;
  }

  /* Avada-Transforms/Abstände killen (die sind meist der "Spring"-Grund) */
  body.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item td.product-remove,
  body.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item td.product-remove *,
  body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove,
  body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove *{
    transform: none !important;
  }

  /* Link selbst neutralisieren (nur unser ::after ist sichtbar) */
  body.woocommerce-cart td.product-remove a.remove{
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Handy: Button mittig unten (wie auf deinem Screen) */
@media (max-width: 820px){
  body.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item td.product-remove,
  body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important; /* nur horizontal zentrieren */
  }
}



/* =========================================================
   FIX: riesiger Abstand vor "Gesamtsumme" kommt von Avada Cart Actions
   ========================================================= */
body.woocommerce-cart tr.avada-cart-actions,
body.woocommerce-cart tr.avada-cart-actions td.actions{
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}




body.woocommerce-cart tr.avada-cart-actions td.actions{
  padding: 0 !important;
  margin: 0 !important;
}
body.woocommerce-cart tr.avada-cart-actions .button[name="update_cart"]{
  display: none !important;
}





/* =========================================================
   CART TOTALS -> Buttons untereinander (Mobile/Tablet)
   ========================================================= */
@media (max-width: 820px){
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a{
    width: 100% !important;
    max-width: 100% !important;
  }
}




/* =========================================================
   FIX: Rest-Abstand zwischen Cart-Items (Tabelle) und Gesamtsumme
   Quelle: .woocommerce-content-box + Tabelle
   ========================================================= */
body.woocommerce-cart .woocommerce-content-box{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Table selbst: keinen Extra-Abstand unten */
body.woocommerce-cart table.woocommerce-cart-form__contents{
  margin-bottom: 0 !important;
}

/* Falls Avada noch "clearfix" / wrapper spacing addiert */
body.woocommerce-cart .woocommerce-cart-form{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Collaterals (Gesamtsumme-Block) näher rauf */
body.woocommerce-cart .cart-collaterals{
  margin-top: 10px !important;   /* ggf. auf 0-6px reduzieren */
  padding-top: 0 !important;
}








/* =========================================================
   CART TOTALS – nur "Gesamtsumme" + Preis hübsch (order-total)
   ========================================================= */
body.woocommerce-cart .cart_totals table{
  border-collapse: collapse !important;
}

/* die Zeile */
body.woocommerce-cart .cart_totals tr.order-total{
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;

  padding: 14px 18px !important;
  border: 1px solid #eef0f3 !important;
  border-radius: 12px !important;
  background: #fff !important;
  margin: 0 0 14px 0 !important; /* Abstand nach unten zu den Buttons */
}

/* th/td "tabellenmäßig" neutralisieren */
body.woocommerce-cart .cart_totals tr.order-total > th,
body.woocommerce-cart .cart_totals tr.order-total > td{
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Label links */
body.woocommerce-cart .cart_totals tr.order-total > th{
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

/* Preis rechts */
body.woocommerce-cart .cart_totals tr.order-total > td{
  text-align: right !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

body.woocommerce-cart .cart_totals tr.order-total .woocommerce-Price-amount{
  font-weight: 900 !important;
}











/* =========================================================
   DESKTOP FEINTUNING: Cart Totals + Buttons (ab 821px)
   ========================================================= */
@media (min-width: 821px){

  /* Totals Box rechts etwas kompakter & sauber */
  body.woocommerce-cart .cart_totals{
    max-width: 520px !important;     /* optional: 480–560 testen */
    margin-left: auto !important;    /* rechts halten */
  }

  /* Buttons untereinander (wirkt viel besser als 2 kleine nebeneinander) */
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding-top: 12px !important;
  }

  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a{
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
  }
}




/* =========================================================
   DESKTOP: nur "Preis:" vor dem Betrag (ohne Layout-Verschiebung)
   ========================================================= */
@media (min-width: 1251px){

  /* Falls du vorher flex gesetzt hast: wieder zurück auf normal */
  body.woocommerce-cart table.shop_table td.product-price{
    display: table-cell !important;
    text-align: center !important;   /* wenn es vorher zentriert war */
    white-space: nowrap !important;
  }

  /* Label direkt vor dem Betrag */
  body.woocommerce-cart table.shop_table td.product-price::before{
    content: "Preis: " !important;
    display: inline !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #ff5a1f !important;
    letter-spacing: .3px !important;
  }
}











/* =========================================================
   DV Wizard – Laufzeit (Summary Pills wieder wie vorher)
   Seite ggf. anpassen: page-id-966
   ========================================================= */

body.page-id-966 .dv-wizard.dv-duration .dv-data-summary{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin: 12px 0 18px !important;
}

body.page-id-966 .dv-wizard.dv-duration .dv-data-summary > div{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: #f3f5f7 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* "Zielland:" / "Fahrzeug:" nicht mehr oben drüber */
body.page-id-966 .dv-wizard.dv-duration .dv-data-summary > div strong{
  display: inline !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.page-id-966 .dv-wizard.dv-duration .dv-data-summary > div [data-dv-summary]{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* falls du das kleine Fahrzeug-Icon in der Pill drin hast: */
body.page-id-966 .dv-wizard.dv-duration .dv-data-summary .dv-sum-ico{
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  display: inline-block !important;
}





/* ===== Warenkorb: Vehicle Icon ===== */

.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle{
  width: 42px !important;
  height: 42px !important;
  border-radius: 6px;
  background: #eef0f3;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Emoji nur wenn KEIN dv-veh-* */
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle::after{
  content:"🚗";
  font-size:16px;
  line-height:1;
}
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle[class*="dv-veh-"]::after{
  content:"" !important;
}

/* Mapping AUT */
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-pkw{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/pkw.png");
}
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-motorrad{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/motorrad.png");
}
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-anhaenger{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/anhaenger.png");
}




/* ✅ MAPPING HU (Ungarn) – NUR wenn dv-veh-* Klasse genau so lautet */
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-d1-pkw-motorrad{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/d1-pkw-motorrad.png");
}
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-d1m-motorrad{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/d1m-motorrad.png");
}
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-d2-transporter-vans{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/d2-transporter-vans.png");
}
.woocommerce-cart td.product-name .dv-cart-ico.dv-ico-vehicle.dv-veh-u-anhaenger{
  background-image:url("/wp-content/themes/Avada-Child-Theme/assets/icons/u-anhaenger.png");
}