/* =========================================================
   HILLINGER EVENTS

   Dieses Styling gilt für Event-/Ticketauswahl sowie
   WooCommerce-Downloadbereiche der Eventtickets.

   Für neue Events ist hier grundsätzlich keine Änderung
   erforderlich. Die Produkt-ID wird ausschließlich in
   hill-events.php ergänzt.
========================================================= */


/* =========================================================
   EVENT PRODUKTSEITE
========================================================= */

/* Alte WooCommerce-Preis-/Variationsausgabe ausblenden */
.hill-event-product .summary > p.price,
.hill-event-product .summary > form.variations_form.cart{
	display: none !important;
}


/* =========================================================
   TICKETAUSWAHL
========================================================= */

.insyde-ticket-bundle {
	display: block;
	width: 100%;
	max-width: 620px;
	margin-top: 15px;
	border: 1px solid #000;
}

.insyde-ticket-row {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) 85px 150px;
	align-items: center;
	gap: 10px;
	padding: 14px 15px;
	border-bottom: 1px solid #d3d3d3;
}

.insyde-ticket-row__name {
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.insyde-ticket-row__price {
	font-size: 16px;
	color: #000;
	white-space: nowrap;
}

.insyde-ticket-row__price .woocommerce-Price-amount {
	color: #000;
}

.insyde-ticket-row__quantity {
	display: flex;
	width: 160px;
	height: 42px;
	border: 1px solid #000;
}

.insyde-ticket-row__quantity button {
	width: 45px;
	min-width: 45px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
}

.insyde-ticket-row__quantity button:hover {
	background: #f5f5f5;
	color: #000;
}

.insyde-ticket-row__quantity button:first-child {
	border-right: 1px solid #d3d3d3;
}

.insyde-ticket-row__quantity button:last-child {
	border-left: 1px solid #d3d3d3;
}

.insyde-ticket-row__quantity input.insyde-ticket-qty {
	width: 70px;
	min-width: 0;
	height: 40px;
	margin: 0;
	padding: 0 5px;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	appearance: textfield;
	-moz-appearance: textfield;
}

.insyde-ticket-row__quantity input.insyde-ticket-qty::-webkit-outer-spin-button,
.insyde-ticket-row__quantity input.insyde-ticket-qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.insyde-ticket-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 15px 10px;
	font-size: 16px;
	color: #000;
}

.insyde-ticket-summary__price {
	text-align: right;
}


/* =========================================================
   WARENKORB-BUTTON
========================================================= */

.insyde-ticket-bundle .insyde-ticket-bundle-button {
	display: block;
	width: calc(100% - 30px);
	margin: 0 15px 15px;
	padding: 12px 20px;
	border: 1px solid #000 !important;
	border-radius: 0;
	background-color: #000 !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.insyde-ticket-bundle .insyde-ticket-bundle-button:hover,
.insyde-ticket-bundle .insyde-ticket-bundle-button:focus {
	background-color: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}

.insyde-ticket-bundle .insyde-ticket-bundle-button:disabled {
	cursor: default;
	opacity: 0.45;
	background-color: #000 !important;
	color: #fff !important;
}


/* =========================================================
   WOOCOMMERCE DANKE-SEITE
========================================================= */

#content div.woocommerce-thank-you-page-container__row.woocommerce-thank-you-page-container__row_3.woocommerce-thank-you-page-2-column{
	display: none !important;
}


/* =========================================================
   TICKETS & DOWNLOADS
========================================================= */

/* Download-Button auf der Danke-Seite */
body.woocommerce-order-received #content-wrap section.woocommerce-order-downloads td.download-file a{
	color: #fff;
}

/* Unnötige Download-Spalten vollständig ausblenden */
body.woocommerce-account section.woocommerce-order-downloads table.woocommerce-table--order-downloads th.download-remaining,
body.woocommerce-account section.woocommerce-order-downloads table.woocommerce-table--order-downloads td.download-remaining,
body.woocommerce-order-received section.woocommerce-order-downloads table.woocommerce-table--order-downloads th.download-remaining,
body.woocommerce-order-received section.woocommerce-order-downloads table.woocommerce-table--order-downloads td.download-remaining,
body.woocommerce-account section.woocommerce-order-downloads table.woocommerce-table--order-downloads th.download-expires,
body.woocommerce-account section.woocommerce-order-downloads table.woocommerce-table--order-downloads td.download-expires,
body.woocommerce-order-received section.woocommerce-order-downloads table.woocommerce-table--order-downloads th.download-expires,
body.woocommerce-order-received section.woocommerce-order-downloads table.woocommerce-table--order-downloads td.download-expires{
	display: none !important;
}

/* Lagerbestand bei Ticketprodukt ausblenden */
div#product-49787.product_cat-tickets-gutscheine p.stock{
	display: none;
}

/* Ausverkauft-Button bei Tickets */
#main div.webshop-main li.outofstock.product_cat-tickets-gutscheine li.btn-wrap.clr > a{
	padding: 6px 12px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	background-color: #6b6650;
	border-color: #6b6650;
}

/* Preis-Suffix bei Tickets ausblenden */
.single-product .product_cat-tickets-gutscheine .woocommerce-price-suffix{
	display: none;
}

/* Ticket-Button im Produktarchiv über volle Breite */
ul.products li.product_cat-tickets-gutscheine .btn-wrap a{
	width: 100%;
}

/* Versand-Link bei virtuellen/downloadbaren Tickets ausblenden */
.product_cat-tickets-gutscheine.downloadable.virtual .price-wrap .woocommerce-price-suffix a{
	display: none;
}

/* Produktgalerie bei Gutscheine/Tickets */
body.single-product.product_cat_gutscheine-tickets figure.woocommerce-product-gallery__wrapper{
	border: 1px solid #000;
	border-radius: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

/* =========================================================
   MOBILE
========================================================= */

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

	.insyde-ticket-bundle {
		width: 100%;
		max-width: 100%;
		margin-top: 15px;
	}

	.insyde-ticket-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 8px 15px;
		padding: 14px 13px;
	}

	.insyde-ticket-row__name {
		grid-column: 1;
		grid-row: 1;
		font-size: 15px;
	}

	.insyde-ticket-row__price {
		grid-column: 2;
		grid-row: 1;
		font-size: 14px;
		text-align: right;
	}

	.insyde-ticket-row__quantity {
		grid-column: 2;
		grid-row: 2;
		width: 132px;
		height: 38px;
		margin-top: 2px;
		justify-self: end;
	}

	.insyde-ticket-row__quantity button {
		width: 40px;
		min-width: 40px;
		height: 36px;
		line-height: 36px;
	}

	.insyde-ticket-row__quantity input.insyde-ticket-qty {
		width: 52px;
		height: 36px;
	}

	.insyde-ticket-summary {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 13px;
		font-size: 14px;
	}

	.insyde-ticket-summary__price {
		width: auto;
		text-align: right;
	}

	.insyde-ticket-bundle .insyde-ticket-bundle-button {
		width: calc(100% - 26px);
		margin: 0 13px 13px;
		padding: 12px 10px;
		font-size: 13px;
	}

	body.woocommerce-order-received section.woocommerce-order-downloads table {
		width: 100% !important;
		min-width: 0 !important;
		table-layout: fixed;
	}

	body.woocommerce-order-received section.woocommerce-order-downloads th.download-product,
	body.woocommerce-order-received section.woocommerce-order-downloads td.download-product {
		width: 65% !important;
		white-space: normal !important;
		overflow-wrap: break-word;
	}

	body.woocommerce-order-received section.woocommerce-order-downloads th.download-file,
	body.woocommerce-order-received section.woocommerce-order-downloads td.download-file {
		width: 35% !important;
		text-align: center;
	}

	body.woocommerce-order-received section.woocommerce-order-downloads td.download-file a {
		display: inline-block;
		width: auto;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: break-word;
	}
}