/**
 * Event Links Block Styles
 * 
 * Single source of truth for event link button styling.
 * Works for: Gutenberg block, editor preview, and Events Calendar views.
 */

/* ==========================================================================
   Container
   ========================================================================== */
   .event-link-buttons-block__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: start;
}


/* ==========================================================================
   Registration Button - Base
   ========================================================================== */

.event-link-buttons-block__registration.wp-block-button__link,
.event-link-buttons-block__registration.wp-block-button__link:visited {
	background-color: var(--global-palette2);
	color: var(--global-palette9);
	border: 2px solid var(--global-palette2) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.event-link-buttons-block__registration.wp-block-button__link:hover,
.event-link-buttons-block__registration.wp-block-button__link:focus {
	background-color: var(--global-palette10);
	border-color: var(--global-palette10) !important;
	color: var(--global-palette9) !important;
}

/* Single Event Page and Featured Kadence Query Context */
.wp-block-post-template.is-layout-flow .event-link-buttons-block__registration.wp-block-button__link,
.wp-block-post-template.is-layout-flow .event-link-buttons-block__registration.wp-block-button__link:visited,
.kkb-query-item .tribe_events .event-link-buttons-block__registration.wp-block-button__link,
.kb-query-item .tribe_events .event-link-buttons-block__registration.wp-block-button__link:visited,
.wp-block-kadence-slide .event-link-buttons-block__registration.wp-block-button__link,
.wp-block-kadence-slide .event-link-buttons-block__registration.wp-block-button__link:visited,
.tribe-events-single .event-link-buttons-block__registration.wp-block-button__link,
.tribe-events-single .event-link-buttons-block__registration.wp-block-button__link:visited {
	border-radius: 0;
}

.wp-block-post-template.is-layout-flow .event-link-buttons-block__registration.wp-block-button__link:hover,
.wp-block-post-template.is-layout-flow .event-link-buttons-block__registration.wp-block-button__link:focus,
.kb-query-item .tribe_events .event-link-buttons-block__registration.wp-block-button__link:hover,
.kb-query-item .tribe_events .event-link-buttons-block__registration.wp-block-button__link:focus,
.tribe-events-single .event-link-buttons-block__registration.wp-block-button__link:hover,
.tribe-events-single .event-link-buttons-block__registration.wp-block-button__link:focus {
	border-radius: 4px;
}

/* WP Query Loop and Photo Card Context */
.editor-styles-wrapper .wp-block-post-template.is-layout-grid .event-link-buttons-block__registration.kt-button.kb-btn-global-inherit,
.wp-block-post-template.is-layout-grid .tribe_events .event-link-buttons-block__registration.wp-block-button__link,
.wp-block-post-template.is-layout-grid .tribe_events .event-link-buttons-block__registration.wp-block-button__link:visited,
.tribe-events-pro-photo__event-details .event-link-buttons-block__registration.wp-block-button__link,
.tribe-events-pro-photo__event-details .event-link-buttons-block__registration.wp-block-button__link:visited {
	border-radius: 50px !important;
	padding: 5px 15px;
	text-transform: capitalize;
	letter-spacing: 0;
	font-weight: 500;
}

/* Button Icon */
.event-link-buttons-block__registration .button-icon {
	display: inline-flex;
	align-items: center;
}

.event-link-buttons-block__registration .button-icon svg {
	width: 20px;
	height: 15px;
	fill: currentColor;
}

/* ==========================================================================
   Suite Button
   ========================================================================== */
.event-link-buttons-block__suite.wp-block-button__link,
.event-link-buttons-block__suite.wp-block-button__link:visited {
    color: var(--global-palette9) !important;
}

.event-link-buttons-block__suite:hover,
.event-link-buttons-block__suite:focus {
	border-radius: 4px;
}

/* ==========================================================================
   Presale Link
   ========================================================================== */

.event-link-buttons-block__presale,
.event-link-buttons-block__presale:visited {
	display: inline-flex;
	padding: 12px 0 !important;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: var(--global-palette9) !important;
	position: relative;
}

.event-link-buttons-block__presale::after {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	height: 2px;
	background-color: var(--global-palette1);
}

.event-link-buttons-block__presale:hover,
.event-link-buttons-block__presale:focus {
	color: var(--global-palette1) !important;
}

/* ==========================================================================
   Tribe Events Context Overrides
   ========================================================================== */

.event-link-buttons-block__buttons {
	margin-bottom: 0 !important;
}

/* Registration Button - Tribe Common Context */
.tribe-common a.event-link-buttons-block__registration,
.tribe-common a.event-link-buttons-block__registration:visited {
	background-color: var(--global-palette2);
	color: var(--global-palette9);
	border: 2px solid var(--global-palette2) !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 15px;
	border-radius: 50px;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	font-weight: 500;
}

.tribe-common a.event-link-buttons-block__registration:hover,
.tribe-common a.event-link-buttons-block__registration:focus {
	background-color: #AE0110;
	border-color: #AE0110 !important;
	color: var(--global-palette9) !important;
}

.tribe-common a.event-link-buttons-block__registration .button-icon {
	display: inline-flex;
	align-items: center;
}

.tribe-common a.event-link-buttons-block__registration .button-icon svg {
	width: 19px;
	height: 14px;
	fill: currentColor;
}

/* Presale Link - Tribe Common Context */
.tribe-common a.event-link-buttons-block__presale,
.tribe-common a.event-link-buttons-block__presale:visited {
	display: inline-flex;
	padding-bottom: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: var(--global-palette9);
	position: relative;
}

.tribe-common a.event-link-buttons-block__presale::after {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	height: 2px;
	background-color: var(--global-palette2);
}

.tribe-common a.event-link-buttons-block__presale:hover,
.tribe-common a.event-link-buttons-block__presale:focus {
	color: var(--global-palette2);
}


/* Responsive Styles */

@media (max-width: 768px) {
	.kb-query-grid-wrap .tribe_events .event-link-buttons-block__buttons,
	.kb-query-grid-wrap .tribe_events .event-link-buttons-block__registration.wp-block-button__link,
	.kb-query-grid-wrap .tribe_events .event-link-buttons-block__registration.wp-block-button__link:visited,
	.tribe-events-single .event-link-buttons-block__registration.wp-block-button__link,
	.tribe-events-single .tribe-events-single .event-link-buttons-block__registration.wp-block-button__link:visited,
	.tribe-events-single .event-link-buttons-block__suite.wp-block-button__link,
	.tribe-events-single .event-link-buttons-block__suite.wp-block-button__link:visited {
		width: 100%;
	}

}