/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* ============================================================================
 * 1. Global
 *
 * Site-wide resets and base typography overrides.
 * ========================================================================= */

a { text-decoration: none; }


/* ============================================================================
 * 2. Navigation (Morph Menu)
 *
 * Spacing and divider for the Morph mega-menu button and the "bordertop" menu items.
 * ========================================================================= */

.morph-main-menu-button { padding: 0; }

@media all and (max-width: 595px) {
	.morph-main-menu-button { padding: .5em; }
}

.morph-by-bonfire > ul.menu > li.bordertop a {
	padding-top: 19px;
	margin-top: 8px;
	border-top: 1px solid #d9d9d9;
}


/* ============================================================================
 * 3. Notification Bar (MTSNB)
 *
 * Inline link styling inside the My Tickets Sticky Notification Bar.
 * ========================================================================= */

.mtsnb-link { font-weight: 600; }


/* ============================================================================
 * 4. Forms (Contact Form 7)
 *
 * Two-column row layout via .cf_row/.cf_column, plus consistent control sizing.
 * ========================================================================= */

.cf_row {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.cf_column { flex: 1; }

@media (max-width: 768px) {
	.cf_row { flex-direction: column; }
	.cf_column { width: 100%; min-width: 100%; }
	.wpcf7-form-control { width: 100%; }
}

.wpcf7-form-control {
	height: 40px;
	padding: 8px;
	font-size: 16px;
	line-height: normal;
	box-sizing: border-box;
}

.wpcf7-checkbox .wpcf7-list-item { margin-left: 0; }


/* ============================================================================
 * 5. WooCommerce — Payments
 *
 * Normalize payment-method label weight (Revolut) and align PayPal description.
 * ========================================================================= */

.revolut-payment-method-label-container * { font-weight: normal !important; }

.ppcp-place-order-description { text-align: left !important; }


/* ============================================================================
 * 6. WooCommerce — Product Page (Gallery & Badges)
 *
 * Position context for the product gallery, tag-badges container/items, "AUSGEBUCHT" out-of-stock badge, and hide the product-meta tag list.
 * ========================================================================= */

.product,
.single-product .woocommerce-product-gallery {
	position: relative;
}

/* Badge container (top-left of the gallery) */
.single-product-tag-badges {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 30;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

/* Tag badge – angepasst an Le Bon Mot */
.single-product-tag-badge {
	background: rgba(242, 153, 74, 0.92); /* warmes Orange */
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 6px 10px;
	border-radius: 6px;
	line-height: 1;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* "AUSGEBUCHT" out-of-stock badge */
.lbm-out-of-stock-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 40;
	background: #c0392b; /* kräftiges Rot */
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 7px 12px;
	border-radius: 6px;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

/* Produkt-Tags im Einzelprodukt ausblenden */
.summary .product_meta .tagged_as { display: none !important; }


/* ============================================================================
 * 7. WooCommerce — Shop Grid (Kategorien)
 *
 * Center category tiles when they are rendered outside an Elementor grid.
 * ========================================================================= */

.woocommerce ul.products:not(.elementor-grid):has(.product-category) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}

.woocommerce ul.products:not(.elementor-grid) > li.product-category {
	width: 180px;
}