/* ticket.css
   Scalloped ticket component for FINISHED show accounts (photo in the
   stub, tagline in the content area). Self-contained -- doesn't reuse
   accountContainer/thumb/textBlurb. */

.ticket {
	position: relative;
	width: 538px;
	height: 139px;
	margin: 10px 0px 0px 20px;
}

.ticket-link {
	display: block;
	position: absolute;
	inset: 0;
	text-decoration: none;
}

.ticket-border {
	position: absolute;
	inset: 0;
	background: darkorange;
	clip-path: path('M0,0 L131,0 A8,8 0 0 1 147,0 L538,0 L538,17 A8,8 0 0 0 538,33 L538,57 A8,8 0 0 0 538,73 L538,97 A8,8 0 0 0 538,113 L538,139 L147,139 A8,8 0 0 1 131,139 L0,139 L0,113 A8,8 0 0 0 0,97 L0,73 A8,8 0 0 0 0,57 L0,33 A8,8 0 0 0 0,17 L0,0 Z');
}

.ticket-inner {
	position: absolute;
	inset: 2px;
	background: #1c1c1a;
	clip-path: path('M0,0 L129,0 A8,8 0 0 1 145,0 L534,0 L534,15 A8,8 0 0 0 534,31 L534,55 A8,8 0 0 0 534,71 L534,95 A8,8 0 0 0 534,111 L534,135 L145,135 A8,8 0 0 1 129,135 L0,135 L0,111 A8,8 0 0 0 0,95 L0,71 A8,8 0 0 0 0,55 L0,31 A8,8 0 0 0 0,15 L0,0 Z');
}

.divider {
	position: absolute;
	left: 150px;
	top: 8px;
	bottom: 8px;
	border-left: 2px dashed #6b6b68;
	z-index: 2;
}

.show-details {
	display: none;
}

.content {
	position: absolute;
	top: 12px;
	left: 160px;
	right: 12px;
	bottom: 12px;
	color: white;
	font-family: Courier, monospace;
	font-size: 16px;
}

/* Stub photo */

.stub-photo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 145px;
	height: 135px;
	object-fit: cover;
	object-position: center;
	clip-path: path('M0,0 L129,0 A8,8 0 0 1 145,0 L145,135 L129,135 A8,8 0 0 1 145,135 L0,135 L0,111 A8,8 0 0 0 0,95 L0,71 A8,8 0 0 0 0,55 L0,31 A8,8 0 0 0 0,15 L0,0 Z');
	z-index: 1;
}

.stub-photo.portrait {
	object-position: top;
}


/*
   Archive ticket variant
   Used for large show archive page /shows/index.html
*/

.show-archive .ticket {
	width: 538px;
	height: 95px;
	margin: 3px 0px 0px 0px;
}

.show-archive .ticket-border {
	clip-path: none;
}

.show-archive .ticket-inner {
	clip-path: none;
}

.show-archive .stub-photo {
	width: 95px;
	height: 91px;
	clip-path: none;
}

.show-archive .content {
	top: 8px;
	left: 105px;
	right: 8px;
	bottom: 8px;
	font-size: 12px;
}

/* Archive tickets show metadata */
.show-archive .show-details {
	display: block;
	font-size: 12px;
	color: #aaa;
	margin-bottom: 4px;
}

.show-archive .show-details > div {
	display: inline;
}

.show-archive .show-venue::before,
.show-archive .show-location::before {
	content: " • ";
}

.show-archive .divider {
	display: none;
}