/* ==========================================================================
   CX Skills — course ticket box (The Events Calendar / Event Tickets)
   File:     css/cxskills-tickets.css   (wp-content/themes/conferpress-child/css/)
   Version:  1.1.3
   Loaded:   on every single course (tribe_events) page by
             mu-plugins/cxskills-landing.php (v2.3.2+).
   The ONLY home for the ticket box, its Purchase button, the sales-ended
   notice and the "Purchase ticket" button at the foot of course pages.
   The old rules for these were removed from main.css and cxskills-bridge.css.
   Selectors carry :not(#cxs-x) to outrank Event Tickets' own styles.
   ========================================================================== */

/* ---- The card: indigo tint with a gold top rule, so it stands off the white page ---- */
.single-tribe_events .event-tickets .tribe-tickets__tickets-form:not(#cxs-x),
.entry .entry-content .event-tickets .tribe-tickets__tickets-form:not(#cxs-x){
	position:relative;
	background:var(--cxs-ds-indigo-100,#E1E2EE) !important;
	border:2px solid var(--cxs-ds-indigo-200,#C5C6E0) !important;
	border-top:6px solid var(--cxs-ds-gold,#F9B02E) !important;
	border-radius:var(--cxs-ds-radius-xl,20px) !important;
	padding:24px 28px !important;
	box-shadow:0 12px 20px -10px rgba(33,30,63,.35) !important;
	scroll-margin-top:130px;
}
/* Arriving from a "Book your seats" link: a brief gold highlight */
.event-tickets .tribe-tickets__tickets-form:not(#cxs-x):target{ animation:cxsTkArrive 1.4s ease-out 1; }
@keyframes cxsTkArrive{ 0%{ box-shadow:0 0 0 0 rgba(249,176,46,.9), 0 12px 20px -10px rgba(33,30,63,.35); } 100%{ box-shadow:0 0 0 18px rgba(249,176,46,0), 0 12px 20px -10px rgba(33,30,63,.35); } }

/* ---- Heading ---- */
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-title:not(#cxs-x){
	margin:0 0 4px !important;
	padding:0 0 6px !important;
	border:0 !important;
	font-family:var(--cxs-ds-font,inherit) !important;
	font-size:13px !important;
	font-weight:700 !important;
	letter-spacing:.1em !important;
	text-transform:uppercase !important;
	color:var(--cxs-ds-indigo-700,#423E76) !important;
}

/* ---- Ticket row ---- */
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item:not(#cxs-x){ border-color:var(--cxs-ds-indigo-200,#C5C6E0) !important; }
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-content-title:not(#cxs-x){
	font-family:var(--cxs-ds-font,inherit) !important;
	font-size:21px !important;
	font-weight:700 !important;
	line-height:1.3 !important;
	padding-right:24px !important; /* keep long names clear of the price */
	color:var(--cxs-ds-indigo-900,#211E3F) !important;
}
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-details-content:not(#cxs-x){ color:var(--cxs-ds-text,#2b3440) !important; }
@media (min-width:768px){
	.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-details-content:not(#cxs-x){ font-size:15px !important; line-height:1.6 !important; }
}
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-extra-price:not(#cxs-x),
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-sale-price:not(#cxs-x){ color:var(--cxs-ds-indigo-900,#211E3F) !important; }
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-extra-price .tribe-amount:not(#cxs-x){ font-size:22px !important; font-weight:700 !important; }
.event-tickets .tribe-tickets__tickets-form .woocommerce-price-suffix:not(#cxs-x){ color:var(--cxs-ds-indigo-700,#423E76) !important; }

/* ---- Quantity stepper ---- */
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity-remove:not(#cxs-x),
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity-add:not(#cxs-x){
	width:34px !important; height:34px !important; padding:0 !important;
	border-radius:50% !important;
	background:var(--cxs-ds-white,#fff) !important;
	border:1px solid var(--cxs-ds-indigo-300,#A4A3CE) !important;
	color:var(--cxs-ds-indigo-700,#423E76) !important;
	font-size:20px !important; line-height:1 !important;
	display:inline-flex !important; align-items:center; justify-content:center;
	cursor:pointer;
}
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity-remove:not(#cxs-x):hover,
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity-add:not(#cxs-x):hover{ background:var(--cxs-ds-indigo-50,#F4F4FA) !important; }
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-item-quantity-number-input:not(#cxs-x){ color:var(--cxs-ds-indigo-900,#211E3F) !important; font-weight:700 !important; background:transparent !important; }

/* ---- Footer: quantity, total, Purchase ---- */
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-footer:not(#cxs-x){ border-top:1px solid var(--cxs-ds-indigo-200,#C5C6E0) !important; padding-top:16px !important; }
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-footer-total:not(#cxs-x),
.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-footer-quantity:not(#cxs-x){ color:var(--cxs-ds-indigo-900,#211E3F) !important; }

/* The Purchase button: gold, big, and pulsing quickly whenever it can be pressed */
.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x),
.tribe-tickets__tickets-buy.tribe-common-c-btn:not(#cxs-x){
	position:relative;
	min-height:54px;
	padding:14px 34px !important;
	border:0 !important;
	border-radius:var(--cxs-ds-radius-pill,999px) !important;
	background:var(--cxs-ds-gold,#F9B02E) !important;
	color:var(--cxs-ds-indigo-900,#211E3F) !important;
	font-family:var(--cxs-ds-font,inherit) !important;
	font-size:19px !important;
	font-weight:800 !important;
	letter-spacing:.02em !important;
	text-transform:none !important;
	box-shadow:0 6px 18px rgba(224,154,20,.5) !important;
	transition:background-color .2s ease !important;
	animation:cxsTkPulse .9s ease-out infinite !important;
	cursor:pointer;
}
.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x):hover,
.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x):focus-visible{ background:var(--cxs-ds-gold-mid,#E09A14) !important; }
.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x):focus-visible{ outline:3px solid var(--cxs-ds-indigo-700,#423E76) !important; outline-offset:3px; }
@keyframes cxsTkPulse{
	0%  { box-shadow:0 6px 18px rgba(224,154,20,.5), 0 0 0 0 rgba(249,176,46,.95); transform:scale(1); }
	40% { box-shadow:0 6px 18px rgba(224,154,20,.5), 0 0 0 14px rgba(249,176,46,0); transform:scale(1.06); }
	100%{ box-shadow:0 6px 18px rgba(224,154,20,.5), 0 0 0 0 rgba(249,176,46,0); transform:scale(1); }
}
/* No quantity chosen yet, or sales closed: no pulse */
.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x):disabled,
.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x)[aria-disabled="true"],
.event-tickets .tribe-tickets__tickets-buy.is-tickets-closed:not(#cxs-x){
	animation:none !important;
	opacity:.55;
	box-shadow:none !important;
	transform:none;
	cursor:not-allowed;
}
@media (prefers-reduced-motion:reduce){
	.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x){ animation:none !important; box-shadow:0 0 0 4px rgba(249,176,46,.5), 0 6px 18px rgba(224,154,20,.5) !important; }
}

/* ---- Sales-ended notice inside the box ---- */
.tribe-tickets__tickets-item-content.cx-no-ts .course-ended-alert:not(#cxs-x){
	display:flex; align-items:flex-start; gap:14px;
	background:var(--cxs-ds-white,#fff);
	border:1px solid var(--cxs-ds-indigo-200,#C5C6E0);
	border-left:6px solid var(--cxs-ds-indigo-700,#423E76);
	border-radius:var(--cxs-ds-radius-md,8px);
	padding:14px 16px;
	color:var(--cxs-ds-text,#2b3440); line-height:1.55;
	box-shadow:0 3px 10px rgba(33,30,63,.06);
}
.tribe-tickets__tickets-item-content.cx-no-ts .course-ended-alert *:not(#cxs-x){ background:transparent !important; }
.course-ended-alert .cea-icon:not(#cxs-x){ flex:0 0 auto; line-height:0; }
.course-ended-alert .cea-heading:not(#cxs-x){ margin:0 0 2px; font:600 16px/1.4 var(--cxs-ds-font,inherit); color:var(--cxs-ds-indigo-900,#211E3F); }
.course-ended-alert .cea-link:not(#cxs-x){ margin:0; }
.course-ended-alert .cea-link-a:not(#cxs-x){
	display:inline-block;
	color:var(--cxs-ds-indigo-700,#423E76) !important;
	font-weight:600; text-decoration:none;
	border-bottom:1px solid var(--cxs-ds-indigo-300,#A4A3CE);
	transition:color .18s ease, border-color .18s ease;
}
.course-ended-alert .cea-link-a:not(#cxs-x):hover{ color:var(--cxs-ds-indigo-900,#211E3F) !important; border-bottom-color:var(--cxs-ds-indigo-700,#423E76); }
@media (max-width:480px){
	.tribe-tickets__tickets-item-content.cx-no-ts .course-ended-alert:not(#cxs-x){ padding:12px 14px; }
	.course-ended-alert .cea-heading:not(#cxs-x){ font-size:15px; }
}

/* ---- The "Purchase ticket" button at the foot of course pages ----
   It shares .tribe-tickets__tickets-buy, so it gets the same gold pill and pulse;
   here it is sized to its label and centred instead of spanning the column. */
#get_tickets_btn_footer.tribe-tickets__tickets-buy:not(#cxs-x){
	display:flex !important; align-items:center; justify-content:center;
	width:auto !important; min-width:300px;
	margin:10px auto 36px !important;
	text-transform:none !important;
}

@media (max-width:600px){
	.single-tribe_events .event-tickets .tribe-tickets__tickets-form:not(#cxs-x),
	.entry .entry-content .event-tickets .tribe-tickets__tickets-form:not(#cxs-x){ padding:18px 16px !important; }
	.event-tickets .tribe-tickets__tickets-buy:not(#cxs-x){ width:100%; }
}