/*================== Event and Registration ========================*/
.event-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filter-btn {
  cursor: pointer;
  padding: 8px 15px;
  border: 2px solid #0073aa;
  border-radius: 25px;
  background: #fff;
  color: #0073aa;
  font-weight: 500;
  transition: all 0.2s ease;
}
.filter-btn input {
  display: none; 
}
.filter-btn.active {
  background: #0073aa;
  color: #fff;
}

form#login_form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}
form#login_form button[type="submit"] {
	background: #1E1D70;
	color: #fff;
	min-width: 170px;
	font-size: 16px;
	transition: 0.5s;
    border: none;
}
form#login_form button[type="submit"]:hover {
	background: #F60301;
}

.event-purchase-form.py-3.border-bottom {
    position: relative;
}
.close-button {
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 0px;
}
.tgc-button{
  background: #F60301 !important;
}
.tgc-button:hover, .tgc-button:focus{
  background: #1E1D70 !important;
   color: #fff !important;
}



.event-registration-modal .registaration-input label {
    position: relative;
    padding-left: 30px; /* space for custom radio */
    cursor: pointer;
    display: inline-block;
}

/* hide native radio */
.event-registration-modal .registaration-input label input[type="radio"] {
    display: none;
}

/* custom radio box */
.event-registration-modal .registaration-input label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 50%; /* round for radio */
    background: #fff;
}

/* custom dot when checked */
.event-registration-modal .registaration-input label input[type="radio"]:checked + span::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #F60301;
    border-radius: 50%;
}


/*=================== End Event and Registration ========================*/

/* ================== Event session booking from profile tab =======================*/
.slot-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.slot-list_item-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.slot-list_item {
    border: 1px solid #eee;
    padding: 0px 0px;
}

/* ================== End Event session booking from profile tab =======================*/


/* profile  */
.page-link.active{
  color: #F60301 !important;
  cursor: pointer;
}

/* end profile */

.loading {
  pointer-events: none;
  opacity: 0.7;
  position: relative;
}

.loading::after {
	content: '';
	position: absolute;
    display: inline-block !important;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	border-top: 2px solid transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	right: 16px;
}



nav.woocommerce-MyAccount-navigation {
    display: none;
    width: 0px !important;
}

.tgc-account-status{
  text-transform: capitalize;
  font-weight: 500;
}