/* Small styles to align Join.chat icon with EventPrime event icons */
.ep-joinchat-link {
    display: inline-flex;
    align-items: center;
}
.ep-joinchat-link {
    display: inline-flex;
}
.ep-event-action.ep-joinchat-link {
    margin-right: 10px;
}

/* WhatsApp icon sizing and alignment */
.ep-event-action.ep-joinchat-link {
    /* Match EventPrime event action sizing and spacing so this icon lines up with wishlist/other actions */
    padding: 0rem 0.5rem;
    box-shadow: none;
    text-decoration: none;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Ensure the joinchat icon follows the same patterns used for other icons in EventPrime */
.ep-box-card-icon-group .ep-event-action.ep-joinchat-link,
.ep-list-icon-group .ep-event-action.ep-joinchat-link {
    padding: 0rem 0.5rem;
}

.ep-joinchat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* slightly larger so it visually matches the wishlist icon */
    width: 23px;
    height: 23px;
    line-height: 23px;
}

.ep-joinchat-icon svg {
    width: 21px;
    height: 23px;
    vertical-align: middle;
    display: inline-block;
}

/* ensure the link color matches other icons (uses currentColor) */
.ep-joinchat-link a {
    color: inherit;
}
.ep-joinchat-link .material-icons-outlined {
    font-size: 22px;
    line-height: 1;
}

/* spacing similar to other ep-event-action items */
/* keep horizontal spacing consistent with other action items */
.ep-event-action.ep-joinchat-link {
    margin-left: 0;
    margin-right: 0.6rem;
}
/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Small styling to align the Join.chat icon with EventPrime action icons */
.ep-event-action.ep-joinchat-link {
	display: inline-flex;
	align-items: center;
}
.ep-event-action.ep-joinchat-link a {
	color: inherit;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.ep-event-action.ep-joinchat-link .material-icons-outlined {
	font-size: 20px;
	line-height: 1;
}