/*
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;
}

/* Bestellung-erhalten: Erfolgs-Hinweis groesser + Abstand (11.06.2026) */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 25px;
    font-size: 24px;
}

/* ==========================================================================
   Mobil: "Überblick" oben (Manu 12.08.2026, To-do Xls 76 Blog / 79 Hilfe) — 16.08.2026
   Blog/Beiträge: Sidebar-Spalte (Suche, Neueste Beiträge, Kategorien) wandert auf dem
   Handy VOR den Inhalt und ist als Aufklapper "Überblick" zugeklappt (JS: js/child_js.js).
   Hilfe: FAQ-Spalte ("Häufig gestellte Fragen") kommt auf dem Handy zuerst.
   Desktop/Tablet: keine Änderung.
   ========================================================================== */
.cm-ueberblick-toggle { display: none; }

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

	/* Reihen mit Sidebar-Spalte: Sidebar zuerst */
	.et_pb_row:has(> .et_pb_column .et_pb_widget_area) {
		display: flex;
		flex-direction: column;
	}
	.et_pb_row > .et_pb_column:has(.et_pb_widget_area) {
		order: -1;
		margin-bottom: 20px;
	}

	/* Hilfe-Seite: FAQ-Spalte zuerst */
	.page-id-1150 .et_pb_row:has(> .et_pb_column .et_pb_toggle) {
		flex-direction: column;
	}
	.page-id-1150 .et_pb_row > .et_pb_column:has(.et_pb_toggle) {
		order: -1;
	}

	/* Aufklapper */
	.cm-ueberblick-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 12px 16px;
		background: var(--gcid-primary-color, #005761); /* Divi Global Color "Primary" */
		color: #fff;
		border: 0;
		border-radius: 10px; /* wie FAQ-Toggles */
		font-family: inherit;
		font-size: 17px;
		font-weight: 600;
		cursor: pointer;
		text-align: left;
	}
	.cm-ueberblick-icon {
		width: 10px;
		height: 10px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform .25s ease;
		margin-right: 4px;
	}
	.cm-ueberblick.is-open .cm-ueberblick-icon { transform: rotate(-135deg); }

	.cm-ueberblick-body {
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows .3s ease;
	}
	.cm-ueberblick-body > div { overflow: hidden; }
	.cm-ueberblick.is-open .cm-ueberblick-body { grid-template-rows: 1fr; }
	.cm-ueberblick.is-open .cm-ueberblick-body > div { padding-top: 16px; }
	.cm-ueberblick .et_pb_widget_area { margin-bottom: 0; }
}