/* Hide the widget's default "Tickets" category heading - redundant with the
   ticket-type explanation already given in the surrounding post content. */
.pretix-widget-category-name {
	display: none;
}

/* Scale up the widget's controls and text ~30%.
   NOTE: previously this used `zoom: 1.3` on the wrapper, but that broke
   alignment with the surrounding page text - `zoom` enlarges an element's
   rendered box while the browser keeps positioning it from its original
   (pre-zoom) layout position, so the whole widget ended up shifted left of
   the paragraph text next to it. Each element is sized explicitly instead,
   so normal box layout/alignment is unaffected. Baseline values (unscaled)
   were 13.3333px font / 20px-ish controls / 18px text, taken from the
   widget's own computed styles before any of this file's rules applied. */
.pretix-widget-item-title,
.pretix-widget-pricebox {
	font-size: 23.4px; /* 18px * 1.3 */
}

.pretix-widget-item-count-dec,
.pretix-widget-item-count-inc {
	font-size: 17.33px; /* 13.3333px * 1.3 */
	padding: 1.3px 7.8px; /* 1px 6px * 1.3 */
}

.pretix-widget-item-count-multiple {
	font-size: 17.33px;
	width: 44.2px; /* 34px * 1.3 */
	padding: 1.3px 2.6px; /* 1px 2px * 1.3 */
}

/* Buy button: 50% larger than the widget baseline, then a further 20% on
   top of that (24px = 13.3333px * 1.5 * 1.2) */
.pretix-widget-action button {
	font-size: 24px;
	padding: 1.8px 10.8px; /* 1px 6px * 1.5 * 1.2 */
	border-radius: 5px;
	background-color: hsl(190, 100%, 50%);
	color: hsl(190, 100%, 98%);
	border-color: hsl(190, 100%, 50%);
}

/* Disabled state (toggled by retronaut-pretix-widget.js based on basket quantity) */
.pretix-widget-action button:disabled {
	background-color: hsl(190, 100%, 35%);
	color: hsl(190, 75%, 85%);
	border-color: hsl(190, 100%, 35%);
	cursor: not-allowed;
}

/* Ticket name labels */
.pretix-widget-item-title {
	color: hsl(30, 100%, 50%);
}

/* "currently available" text: 50% larger than the widget's own base size.
   Only set on the inner `small` element - it and its parent `.pretix-widget-item-meta`
   are not both scaled, since `small` inherits its computed font-size from its parent,
   and setting 1.5em on both compounds to 2.25x instead of a flat 1.5x. */
.pretix-widget-item-meta small {
	font-size: 1.5em;
}

.pretix-widget-item-meta {
	margin-top: 0.5em;
}

/* The widget's own inline attribution is hidden - see retronaut_pretix_append_attribution()
   in retronaut-pretix-widget.php for the equivalent notice added at the bottom of the
   post instead (required by pretix's license, just relocated). */
.pretix-widget-attribution {
	display: none;
}

.retronaut-pretix-attribution {
	text-align: center;
	font-size: 1.02em; /* 0.85em * 1.5 * 0.8 */
	margin-top: 2em;
}

.retronaut-pretix-attribution a {
	color: hsl(190, 100%, 70%);
}