/*
Theme Name: Divi 5 Child Theme | 2026
Theme URI: https://www.cordmedia.de
Version: 2.4
Description: Made with love by Cord Media Digital Services
Template: Divi
Author: Frank Oschatz
Author URI: https://www.cordmedia.de
*/

 
/* =Theme customization starts here
------------------------------------------------------- */

/* Logout-Bestaetigungs-Form: Abstand zwischen "Ja, abmelden" und "Nein, zurueck" */
.cm-logout-form {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 20px;
}

/* Eingabefelder einheitlich: BG weiss, schwarze Schrift, serifenlos.
   Generelle WC-Regel (Spezifitaet 0,2,1). */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="search"],
.woocommerce input[type="url"],
.woocommerce input[type="date"],
.woocommerce textarea,
.woocommerce select,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="password"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="number"],
.woocommerce-page input[type="search"],
.woocommerce-page input[type="url"],
.woocommerce-page input[type="date"],
.woocommerce-page textarea,
.woocommerce-page select {
    background-color: #ffffff;
    color: #000000;
    font-family: inherit;
}

/* Divi-Static-CSS-Override: matcht Divis Original-Selektoren 1:1 (gleiche
   Spezifitaet 0,3,2 / 0,4,1) — da unser Child-CSS spaeter laedt, gewinnen wir.
   Plus !important als Versicherung gegen Customizer-CSS. */
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.et_pb_wc_cart_totals .select2-container--default .select2-selection--single,
.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single,
.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: inherit !important;
}

/* WC-Bestellungen-Tabelle: Action-Buttons (Anzeigen, Rechnung) auseinanderziehen + kleiner */
.woocommerce-orders-table__cell-order-actions .woocommerce-button {
    margin-right: 10px !important;
    font-size: 16px !important;
}
.woocommerce-orders-table__cell-order-actions .woocommerce-button:last-child {
    margin-right: 0 !important;
}

/* WC-Mein-Konto-Forms: Fieldset-Abstand + Select ohne Border.
   WC nutzt <fieldset> an manchen Stellen, bei Adressen aber
   <div class="woocommerce-address-fields__field-wrapper"> — daher beide. */
.woocommerce fieldset,
.woocommerce-page fieldset,
.woocommerce-address-fields__field-wrapper {
    margin-bottom: 20px;
}
.woocommerce select,
.woocommerce-page select,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select,
.select2-container--default .select2-selection--single {
    border: none !important;
}

/* WC-Block-Checkout (separate Architektur, eigene Selektoren). */
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-checkout-form input[type="text"],
.wc-block-components-checkout-form input[type="email"],
.wc-block-components-checkout-form input[type="tel"],
.wc-block-components-form input[type="text"],
.wc-block-components-form input[type="email"],
.wc-block-components-form input[type="tel"],
.wc-block-components-form input[type="password"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: inherit !important;
}


/* === Warenkorb-Counter Bubble (Bordeaux, halbverdeckend) === */
.et-cart-info { position: relative; }
.cm-cart-count {
    position: absolute;
    top: -4px;
    right: -10px;
    background: #800020;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    padding: 0 5px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    pointer-events: none;
}