/**
 * Sidecart Variations Display Fix
 * Zeigt jede Variante in einer eigenen Zeile, aber Label und Wert inline
 */

/* Basis Container für Variations */
html body #wcc-sidecart-container .wcc-item-meta {
    display: block !important;
    font-size: 12px !important;
    color: #666 !important;
    margin-top: 5px !important;
    line-height: 1.5 !important;
}

/* Definition List als Block für Zeilenumbrüche */
html body #wcc-sidecart-container .wcc-item-meta dl {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Definition Terms (Label) inline */
html body #wcc-sidecart-container .wcc-item-meta dt {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    float: none !important;
    clear: none !important;
}

/* Kein zusätzlicher Doppelpunkt - WooCommerce fügt ihn bereits hinzu */
html body #wcc-sidecart-container .wcc-item-meta dt:after {
    content: " " !important; /* Nur ein Leerzeichen für bessere Lesbarkeit */
}

/* Definition Description (Value) inline aber mit Zeilenumbruch danach */
html body #wcc-sidecart-container .wcc-item-meta dd {
    display: inline !important;
    margin: 0 !important;
    padding: 0 2px 0 0 !important;
    float: none !important;
}

/* Zeilenumbruch nach jedem dd Element */
html body #wcc-sidecart-container .wcc-item-meta dd:after {
    content: "\A" !important;
    white-space: pre !important;
}

/* Alternative: Mit Flexbox für bessere Kontrolle */
html body #wcc-sidecart-container .wcc-item-meta.variation {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}

html body #wcc-sidecart-container .wcc-item-meta.variation > * {
    display: inline-flex !important;
    align-items: center !important;
}

/* Variationen in einer Zeile mit Umbruch bei Bedarf */
html body #wcc-sidecart-container .wcc-sidecart-item-variation {
    display: inline-block !important;
    margin-right: 10px !important;
    white-space: nowrap !important;
}

/* P-Tags in Variations entfernen */
html body #wcc-sidecart-container .wcc-item-meta p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Responsive für kleine Bildschirme */
@media (max-width: 400px) {
    html body #wcc-sidecart-container .wcc-item-meta {
        font-size: 11px !important;
    }
    
    html body #wcc-sidecart-container .wcc-item-meta dd {
        margin-right: 5px !important;
    }
}

/* Cart & Checkout Page Variations - Label und Wert in einer Zeile */
html body .woocommerce-cart dl.variation,
html body .woocommerce-checkout dl.variation,
html body form.woocommerce-cart-form dl.variation,
html body .woocommerce-cart-form-wrapper dl.variation,
html body .woocommerce-checkout-payment dl.variation,
html body .woocommerce-checkout-review-order-table dl.variation {
    display: block !important;
    margin: 0 !important;
    padding: 5px 0 !important;
}

/* Label (dt) inline anzeigen */
html body .woocommerce-cart dl.variation dt,
html body .woocommerce-checkout dl.variation dt,
html body form.woocommerce-cart-form dl.variation dt,
html body .woocommerce-cart-form-wrapper dl.variation dt,
html body .woocommerce-checkout-payment dl.variation dt,
html body .woocommerce-checkout-review-order-table dl.variation dt {
    display: inline !important;
    float: none !important;
    width: auto !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
}

/* Wert (dd) inline anzeigen und p-Tags entfernen */
html body .woocommerce-cart dl.variation dd,
html body .woocommerce-checkout dl.variation dd,
html body form.woocommerce-cart-form dl.variation dd,
html body .woocommerce-cart-form-wrapper dl.variation dd,
html body .woocommerce-checkout-payment dl.variation dd,
html body .woocommerce-checkout-review-order-table dl.variation dd {
    display: inline !important;
    margin: 0 0 0 5px !important;
    padding: 0 !important;
}

/* P-Tags innerhalb von dd entfernen */
html body .woocommerce-cart dl.variation dd p,
html body .woocommerce-checkout dl.variation dd p,
html body form.woocommerce-cart-form dl.variation dd p,
html body .woocommerce-cart-form-wrapper dl.variation dd p,
html body .woocommerce-checkout-payment dl.variation dd p,
html body .woocommerce-checkout-review-order-table dl.variation dd p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Zeilenumbruch nach jedem dd */
html body .woocommerce-cart dl.variation dd:after,
html body .woocommerce-checkout dl.variation dd:after,
html body form.woocommerce-cart-form dl.variation dd:after,
html body .woocommerce-cart-form-wrapper dl.variation dd:after,
html body .woocommerce-checkout-payment dl.variation dd:after,
html body .woocommerce-checkout-review-order-table dl.variation dd:after {
    content: "\A" !important;
    white-space: pre !important;
}

/* Spezifische Styles für Checkout Review Order Table */
html body .woocommerce-checkout .shop_table dl.variation {
    font-size: 12px !important;
    line-height: 1.5 !important;
}