/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: none !important;
}

div#wps_etmfw_edit_info_loader img {
  width: 25px;
  height: auto;
  position: relative;
  top: 5px;
}

#wps_etmfw_edit_info_loader {
  display: none;
}

#wps_etmfw_checkin_loader {
  display: none;
}

#wps_etmfw_event_map {
  width: 60%;
  height: 350px;
  margin-bottom: 10px;
}

.wps_etmfw_addition_info_section input {
  width: 99% !important;
  max-width: 99% !important;
}

.wps-form-group__control label {
  margin-top: 8px;
  margin-left: 5px;
  margin-bottom: 8px;
  line-height: 1;
}

.wps-form-group__control div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wps_etmfw_view_ticket_section,
.wps_etmfw_calendar_section {
  display: inline-block;
  margin: 15px 0 0;
}
 
.wps_etmfw_view_ticket_section a,
.wps_etmfw_calendar_section a {
  padding: 7px 25px;
  border: 2px solid #28303d;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
}


.wps_etmfw_view_ticket_section a:hover,
.wps_etmfw_calendar_section a:hover {
  background: #ffffff !important;
  color: #28303d !important;
}

span#wps_etmfw_edit_ticket {
  font-size: 20px;
  font-weight: 400;
  display: block;
  margin: 10px 0;
  text-decoration: underline;
  cursor: pointer;
}

#wps_etmfw_edit_ticket_form input {
  width: 50%;
}

input#wps_etmfw_save_edit_ticket_info_btn {
  margin-top: 15px;
  width: auto;
}

form#wps_etmfw_edit_ticket_form {
  display: none;
}

form.wps_etmfw_show_ticket_form {
  display: block !important;
}

div#wps_etmwf_event_date img,
div#wps_etmwf_event_time img,
div#wps_etmwf_event_venue img {
  display: inline-block;
  margin-right: 5px;
  max-width: 24px;
}

.fc-header-toolbar.fc-toolbar {
  display: block;
}

.fc-toolbar-chunk {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wps-form-group__control input[type="checkbox"],
.wps-form-group__control input[type="radio"] {
  width: auto !important;
  margin-bottom: 3px;
}

/* form.cart {
  flex-direction: column;
  align-content: flex-start;
} */

.wps_etmfw_product_wrapper {
  flex: 1 0 100%;
  /* Flex items get an implicit content-based minimum width (min-width:auto) that
     flex-shrink:0 does NOT override — without this, a wide child (e.g. the Pro
     seat map's scrollable grid) forces this wrapper, and everything above it up
     to form.cart, wider than the actual column, with no scrollbar to reach the
     cut-off part. min-width:0 lets it shrink to the column's real width so the
     seat map's own internal scrollbar can do its job instead. */
  min-width: 0;
}

.product-type-event_ticket_manager form.cart {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .product-type-event_ticket_manager form.cart .wps_etmfw_product_wrapper+div.quantity {
  margin: 0 10px 0 0;
}

.woocommerce .product-type-event_ticket_manager form.cart .wps_etmfw_product_wrapper+div.quantity input,.woocommerce .product-type-event_ticket_manager form.cart .wps_etmfw_product_wrapper~button {
  margin: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  margin-bottom: 2.617924em;
  background-color: #0f834d;
  margin-left: 0;
  border-radius: 2px;
  color: #fff;
  clear: both;
  border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15);
  padding: 1em 2em 1em 3.5em;
  position: relative;
  list-style: none outside;
}

div#wps_etmfw_event_map {
  margin: 10px 0px;
}

#wps-calendar.fc-daygrid.fc-dayGridMonth-view.fc-view,
#wps-calendar.fc-timegrid.fc-timeGridDay-view.fc-view,
#wps-calendar.fc-timegrid.fc-timeGridWeek-view.fc-view {
  overscroll-behavior-x: auto;
  overflow: scroll;
  width: 100%;
}

.fc-scrollgrid.fc-scrollgrid-liquid {
  table-layout: auto;
}

#wps-calendar.fc-view-harness.fc-view-harness-active {
  height: 250px !important;
}

.fc-day {
  width: 40px;
}

.wps-edit-form-group div {
  display: flex;
  flex-wrap: wrap;
}

.wps-edit-form-group div #wps_etmfw_radio {
  width: auto;
}

@media only screen and (max-width: 768px) {
  .product-remove {
    display: none !important;
  }

  input#coupon_code {
    margin-bottom: 20px;
  }

  .theme-oceanwp #wps_etmfw_title_and_social_share_icon {
    top: 55px;
  }

}

@media only screen and (max-width: 540px) {

  .wps_etmfw_view_ticket_section,
  .wps_etmfw_calendar_section {
    display: block;
    text-align: center;
  }

  a.wps_etmfw_add_event_calendar,
  a.wps_view_ticket_pdf {
    display: block;
  }

  .fc-toolbar-chunk {
    display: flex;
    margin-bottom: 10px;
  }

  .fc .fc-toolbar {
    display: block;
  }
}

.etmfw_expiration_message {
  color: red;
  font-size: 25px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wps-myevent-tab a:before {
  content: "\f2ce";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--event-ticket a:before {
  content: "\f274";
}

img.wps_resend_image {
  background: #70b3b5;
  width: 45px;
}

#wps_share_ticket_lable {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 15px;
}

#wps_select_user {
  margin: 0 0 15px;
  min-height: 40px;
}

.wps_etmfw_user_type_list {
  --wps-etmfw-user-type-bg: #f7f4f1;
  --wps-etmfw-user-type-border: #e2ddd7;
  --wps-etmfw-user-type-text: #1b1a17;
  --wps-etmfw-user-type-accent: #a2c9c9;
  display: grid;
  gap: 10px;
  margin: 0 0 15px;
}

.wps_etmfw_user_type_row {
  align-items: center;
  background: linear-gradient(135deg, #fbf7f3, #f1eee8);
  border: 1px solid var(--wps-etmfw-user-type-border);
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(27, 26, 23, 0.08);
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto auto;
  padding: 12px 14px;
}

.wps_etmfw_user_type_price {
  background: #fff;
  border: 1px solid var(--wps-etmfw-user-type-border);
  border-radius: 999px;
  color: var(--wps-etmfw-user-type-text);
  font-weight: 600;
  padding: 4px 10px;
  white-space: nowrap;
}

.wps-etmfw-user-type-qty {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.wps-etmfw-user-type-qty .qty {
  border: 1px solid var(--wps-etmfw-user-type-border);
  border-radius: 8px;
  max-width: 70px;
  padding: 4px 6px;
  text-align: center;
}

.wps-etmfw-user-type-qty .wps-etmfw-plus,
.wps-etmfw-user-type-qty .wps-etmfw-minus {
  background: var(--wps-etmfw-user-type-accent);
  border: 1px solid var(--wps-etmfw-user-type-accent);
  border-radius: 8px;
  color: #fff;
  padding: 2px 10px;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.wps-etmfw-user-type-qty .wps-etmfw-plus:hover,
.wps-etmfw-user-type-qty .wps-etmfw-minus:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

form.cart.wps-etmfw-has-user-types .quantity:not(.wps-etmfw-user-type-qty) {
  display: none;
}

@media screen and (max-width: 580px) {
  .wps_etmfw_user_type_row {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}

#wps_etmfwp_checkin_button {
  min-height: 40px;
  padding: 10px;
}

@media screen and (max-width: 580px) {


}

/* Event Listing using shortcode start */

.wps_list .wps-etmw_event-btn, .wps_list .wps-etmw_event-join {
    justify-content: flex-start;
}

#wps-product-loader {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.wps-etmw_search-input-wrap * {
  color: #000;
}

#wps-etmw_search {
  container-type: inline-size;
  container-name: card-container;
  position: relative;
}

#wps-etmw_search * {
  box-sizing: border-box;
}

#wps-etmw_search .wps-etmw_search-input {
  position: relative;
}

#wps-etmw_search .wps-etmw_search-input img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 13px;
  opacity: 0.2;
}

#wps-etmw_search .wps-etmw_search-input input#wps-search-event {
  width: 100%;
  padding: 13px 90px 13px 42px;
  min-height: 33px;
  font-size: 14px;
  background: transparent;
  box-shadow: none;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin: 0;
  line-height: 1.5;
  height: auto;
}

#wps-etmw_search .wps-etmw_search-input input#wps-search-event:focus {
  outline: none;
}

.wps-etmw_si-wrap {
  position: relative;
}

.wps_select_event_listing_type-wrap {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  gap: 5px;
}

.wps_select_event_listing_type-wrap input[type=radio] {
  display: none;
}

.wps_select_event_listing_type-wrap input[type=radio]+label {
  padding: 6px;
  border-radius: 3px;
  margin: 0;
  cursor: pointer;
  line-height: 1;
}

.wps_select_event_listing_type-wrap input[type=radio]+label img {
  vertical-align: middle;
}

.wps_select_event_listing_type-wrap input[type=radio]:checked+label {
  background: var(--wps-etmfw-primary);
  color: #fff;
}

.wps_select_event_listing_type-wrap input[type=radio]:checked+label img {
  filter: invert(1);
}

/* Event listing cards */

#wps-search-results {
  display: grid;
  gap: 28px;
  margin: 60px 0 0;
}

#wps-search-results.wps_card {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

#wps-search-results.wps_list {
  grid-template-columns: 1fr;
  gap: 20px;
}

.wps-etmw-card-link,
.wps-etmw-card-link:hover,
.wps-etmw-card-link:focus,
.wps-etmw-card-link:active {
  display: block;
  height: 100%;
  text-decoration: none !important;
}

.wps-etmw-card-link * {
  text-decoration: none !important;
}

.wps-etmw-card {
  background: linear-gradient(180deg, #fff 0%, #fefefe 50%, #fff 100%);
  border-radius: 36px;
  padding: 22px;
  box-shadow: 0 20px 45px rgba(55, 35, 112, 0.14);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.wps-etmw-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 65px rgba(55, 35, 112, 0.2);
}

#wps-search-results.wps_card .wps-etmw-card {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

#wps-search-results.wps_card .wps-etmw-card-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.wps-etmw-card-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 10px 16px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ff8d00, #ffc34d);
  color: #1c113c;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  box-shadow: 0 15px 35px rgba(255, 125, 0, 0.25);
}

.wps-etmw-card-badge .wps-etmw-card-date-day {
  font-size: 34px;
  line-height: 1;
  letter-spacing: 1px;
}

.wps-etmw-card-endcap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  min-width: 0;
  text-align: left;
}

.wps-etmw-card-tag {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #9f6ef0;
}

.wps-etmw-card-time {
  font-size: 13px;
  color: #5d5777;
  line-height: 1.5;
}

#wps-search-results.wps_card .wps-etmw-card-body {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.wps-etmw-card-image {
  width: 120px;
  height: 96px;
  margin: 0;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
  border: 1px solid rgba(236, 231, 255, 0.7);
}

.wps-etmw-card-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.wps-etmw-card-meta h4 {
  margin: 0;
  font-size: 20px;
  color: #1a0f3c;
  font-weight: 700;
  line-height: 1.25;
}

.wps-etmw-card-venue {
  margin: 0;
  font-size: 14px;
  color: #4c4468;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.5;
}

.wps-etmw-card-venue img {
  width: 16px;
  height: 16px;
  filter: opacity(0.7);
}

#wps-search-results.wps_card .wps-etmw-card-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
}

.wps-etmw-card-price-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.wps-etmw-card-price {
  font-size: 22px;
  font-weight: 900;
  color: #1f0f4b;
}

.wps-etmw-card-waiting {
  font-size: 12px;
  color: #f17e00;
}

#wps-search-results.wps_card .wps-etmw-card-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  justify-self: end;
}

.wps-etmw-card-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 136px;
  border: none;
  padding: 10px 28px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7f1dff, #3b088f);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 14px 28px rgba(71, 8, 142, 0.35);
}

.wps-etmw-card-actions button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(71, 8, 142, 0.45);
}

.wps-etmw-card-checkin {
  font-size: 12px;
  color: #7b6bcf;
  font-weight: 600;
  line-height: 1.4;
  text-align: right;
}

#wps-search-results.wps_list .wps-etmw-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
  grid-template-areas:
    "top footer"
    "body footer";
  gap: 18px 28px;
  align-items: center;
}

#wps-search-results.wps_list .wps-etmw-card-top {
  grid-area: top;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

#wps-search-results.wps_list .wps-etmw-card-body {
  grid-area: body;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

#wps-search-results.wps_list .wps-etmw-card-footer {
  grid-area: footer;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
  min-width: 0;
}

#wps-search-results.wps_list .wps-etmw-card-price-wrap {
  align-items: flex-end;
}

#wps-search-results.wps_list .wps-etmw-card-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch;
  width: 100%;
}

#wps-search-results.wps_list .wps-etmw-card-actions button {
  width: 100%;
}

#wps-search-results.wps_list .wps-etmw-card-checkin {
  text-align: right;
}

@media screen and (max-width: 780px) {
  #wps-search-results.wps_card .wps-etmw-card-top,
  #wps-search-results.wps_card .wps-etmw-card-body {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  #wps-search-results.wps_card .wps-etmw-card-footer {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  #wps-search-results.wps_card .wps-etmw-card-actions {
    align-items: flex-start;
    justify-self: start;
  }

  #wps-search-results.wps_card .wps-etmw-card-checkin {
    text-align: left;
  }

  #wps-search-results.wps_list .wps-etmw-card {
    grid-template-columns: 1fr;
    grid-template-areas:
      "top"
      "body"
      "footer";
    gap: 18px;
  }

  #wps-search-results.wps_list .wps-etmw-card-top,
  #wps-search-results.wps_list .wps-etmw-card-body {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  #wps-search-results.wps_list .wps-etmw-card-footer {
    align-items: flex-start;
  }

  #wps-search-results.wps_list .wps-etmw-card-price-wrap {
    align-items: flex-start;
  }

  #wps-search-results.wps_list .wps-etmw-card-actions {
    align-items: flex-start;
  }

  #wps-search-results.wps_list .wps-etmw-card-actions button {
    width: auto;
  }

  #wps-search-results.wps_list .wps-etmw-card-checkin {
    text-align: left;
  }
}


/* Pagination start */

.wps_woocommerce-pagination {
  grid-column: 1 / -1;
}

.wps_woocommerce-pagination ul {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.wps_woocommerce-pagination ul li a,
.wps_woocommerce-pagination ul li span {
  display: inline-flex;
  line-height: 1;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  background: #f1f1f1;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
}

.wps_woocommerce-pagination ul li a img{
  width: 16px;
  height: 16px;
}

.wps_woocommerce-pagination ul li {
  padding: 0;
  list-style: none;
  line-height: 0;
}

.wps_woocommerce-pagination ul li a:hover,
.wps_woocommerce-pagination ul li span.current {
  background: var(--wps-etmfw-primary);
  color: #fff;
}

.wps_woocommerce-pagination ul li a:hover img {
 filter: invert(1);
}

/* Pagination end */
@container card-container (max-width: 1040px) {

  /* card */

  #wps-search-results.wps_card {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }

}

#wps-search-results.wps_list .wps-etmw_single-event .wps-etmw_event-btn button, #wps-search-results.wps_list .wps-etmw_single-event .wps-etmw_event-join button {
  padding: 8px 15px;
  margin: 10px 0 2px 0;
}

@container card-container (max-width: 992px) {

  /* List */

  #wps-search-results.wps_list .wps-etmw_single-event .wps-etmw_all-date {
    gap: 40px;
  }

  /* card */

  #wps-search-results.wps_card {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }

}

@container card-container (max-width: 768px) {

  /* List */

  #wps-search-results.wps_list .wps-etmw_single-event {
    flex-wrap: wrap;
    position: relative;
  }

  #wps-search-results.wps_list .wps-etmw_single-event .wps-etmw_prod-desc {
    order: 1;
  }

  #wps-search-results.wps_list .wps-etmw_prod-date {
    justify-content: flex-start;
  }

  #wps-search-results.wps_list .wps-etmw_single-event img {
    flex: 1 0 100%;
    max-width: 100%;
    aspect-ratio: 1.5;
  }

}

@container card-container (max-width: 620px) {

  #wps-search-results .wps-etmw_single-event {
    gap: 20px;
  }

  .wps_select_event_listing_type-wrap {
    display: none;
  }

  #wps-etmw_search .wps-etmw_search-input input#wps-search-event {
    padding: 13px 13px 13px 42px;
  }


  #wps-search-results.wps_card {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

/* Event Listing using shortcode end */

/* Form layout fixes start */
.wps_etmfw_event_info_section,
.wps_etmfw_addition_info_section {
    margin-bottom: 15px;
}

.wps_etmfw_sub_wrapper {
    position: relative;
    padding: 10px;
    border: 1px solid #dcdcdc;
    margin: 10px 0 0;
}

.wps_etmfw_div_close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    transform: rotate(45deg);
    line-height: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f00;
    cursor: pointer;
}

.wps_etmfw_product_wrapper .wps_etmfw_addition_info_section input,
.wps_etmfw_product_wrapper .wps_etmfw_addition_info_section textarea {
    width: 100%;
    margin: 0 0 10px;
    min-height: 30px;
    font-size: 16px;
    padding: 8px 10px;
    line-height: 1.25;
}

.wps_class_add_more_people {
    display: block;
    width: 100%;
    min-height: 30px;
    cursor: pointer;
    margin: 15px 0;
}

.wps_class_add_more_people span {
    font-size: 16px;
    border: 1px solid;
    display: inline-block;
    padding: 5px 10px;
}

.wps_etmfw_addition_info_section input[type="text"], .wps_etmfw_addition_info_section input[type="email"], .wps_etmfw_addition_info_section textarea, .wps_etmfw_addition_info_section input[type="number"], .wps_etmfw_addition_info_section input[type="date"] {
  max-width: 400px !important;
  display: block;
}
.wps_etmfw_addition_info_section input[type="radio"] {
  margin: 0;
}

.wps_etmfw_addition_info_section .wps-form-group {
  margin: 0 0 10px;
}

.wps_etmfw_sub_wrapper {
  display: inline-block;
  width: 100%;
  max-width: 400px;
}
/* Form layout fixes end */

/* My account Redesign */

:root {
  --wps-etmfw-primary: #0095eb;
}

#wps-etmfw_modern-dashboard {
  container-name: eventDashboard;
    container-type: inline-size;
  padding: 0 20px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdis-head h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  margin: 0 0 5px;
  color: #000;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdis-head p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  max-width: 450px;
  margin: 0 auto 20px;
  color: #696969;
}

.wps-etmfw_mdisa-item.wps-etmfw_mdisa-item--active {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.wps-etmfw_mdisa-item {
  opacity: 0;
  height: 0;
  visibility: hidden;
  transition: opacity 0.3s linear;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdis-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 0 0 40px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item {
  display: inline-flex;
  background: transparent;
  color: var(--wps-etmfw-primary);
  padding: 15px 24px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.4px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid var(--wps-etmfw-primary);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  flex: 1 0 40%;
  max-width: 200px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item.wps-etmfw_mdisan-item--active {
  background: var(--wps-etmfw-primary);
  color: #fff;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item path {
  stroke: var(--wps-etmfw-primary);
}
#wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item.wps-etmfw_mdisan-item--active path {
  stroke: #fff;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item:after {
  position: absolute;
  content: '';
  width: 15px;
  top: -40px;
  bottom: -40px;
  transform: translate(-50%,0) rotate(45deg);
  left: 50%;
  background: #fff;
  opacity: 0.08;
  transition: 0.2s all linear;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item:hover::after {
  background: var(--wps-etmfw-primary);
  left: 45%;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-item h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-item h3 span {
  font-size: 14px;
  color: #3f3f3f;
  display: inline-block;
  font-weight: 400;
}

#wps-etmfw_modern-dashboard #wps_etmfw_error_message {
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 1.25;
  margin: 15px 0;
}

#wps-etmfw_modern-dashboard #wps_etmfw_error_message.wps_check_in_error {
  /* this class should be added only when the message is displayed otherwise the bs color is visible everytym*/
  background:#e2401c11;
  padding: 8px 12px;
  color: #e2401c;
}

#wps-etmfw_modern-dashboard #wps_etmfw_error_message.wps_check_in_success {
  /* this class should be added only when the message is displayed otherwise the bs color is visible everytym*/
  background:#1a6f1a11;
  padding: 8px 12px;
  color: #1a6f1a;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 15px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div select,#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=text],#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=email] {
  min-height: 44px;
  padding: 10px;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: none;
  background: transparent;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  height: auto;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div label {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin: 0;
  line-height: 1.25;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div select:focus, #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=text]:focus, #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=email]:focus {
  outline: none;
  border-color: var(--wps-etmfw-primary);
  background: transparent!important;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form #wps_etmfwp_event_transfer_button:focus {
  outline: none;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form #wps_etmfwp_event_transfer_button {
  border-radius: 5px;
  background: var(--wps-etmfw-primary);
  color: #fff;
  flex: 1;
  min-height: 44px;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  border: 1px solid;
  margin: 0;
  box-shadow: none;
  cursor: pointer;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form .wps_etmfw_checkin_button_section {
  display: flex;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form .wps_etmfw--loader-btn-wrapper {
  position: relative;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form #wps_etmfw_checkin_loader {
  position: absolute;
  bottom: 10px;
  right: 10px;
  filter: invert(1);
  line-height: 0;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table {
  border: none;
  margin: 0 0 15px;
  border-collapse: collapse;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead tr th {
  background: var(--wps-etmfw-primary);
  color: #fff;
  text-align: left;
  border: none;
  line-height: 1.25;
  padding: 10px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead tr th:nth-of-type(1) {
  border-radius: 5px 0 0 5px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead tr th:last-of-type {
  border-radius: 0 5px 5px 0;
  min-width: 120px;
  text-align: center;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tr {
  border: none;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td {
  border: none;
  color: #000;
  padding: 10px;
  background: transparent;
  text-align: left;
  line-height: 1.25;
  vertical-align: top;
  font-size: 14px;
  box-shadow: none;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td:nth-of-type(1) {
  text-align: left;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr:nth-of-type(even) {
  background: #f5f5f5;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td:last-of-type {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td:last-of-type::after,#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td:last-of-type::before {
  display: none;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td a img {
  max-width: 20px;
  vertical-align: middle;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td a {
  color: var(--wps-etmfw-primary);
  text-decoration: underline;
  margin: 0;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td .status.pending:after {
  background: orange;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td .status.complete:after {
  background: green;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td .status {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  text-transform: capitalize;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td .status:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #888;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 50px;
}

#wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events .wps-etmfw_mdisai-cont {
  max-height: 610px;
  overflow: auto;
}

.theme-twentytwentyfive #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=text], .theme-twentytwentyfive #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=email], .theme-twentytwentyfour #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=text], .theme-twentytwentyfour #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=email], .theme-twentytwentythree #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=text], .theme-twentytwentythree #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=email], .theme-twentytwentytwo #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=text], .theme-twentytwentytwo #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form>div input[type=email] {
  width: calc(100% - 22px);
  min-height: 21px;
}

@container eventDashboard (width < 400px) {
  #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form{
    grid-template-columns: 1fr;
  }

  #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item {
    padding: 10px;
    gap: 10px;
  }

  #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tr {
    border-top: 1px solid #ccc;
  }
}

/* My Account Redesign */

.woocommerce-account #wps-etmfw_modern-dashboard {
  --wps-etmfw-primary-dark: #1e3a8a;
  --wps-etmfw-accent: #f59e0b;
  --wps-etmfw-success: #1f9d55;
  --wps-etmfw-muted: #64748b;
  --wps-etmfw-surface: #ffffff;
  --wps-etmfw-surface-soft: #f8fafc;
  --wps-etmfw-border: #dbe4f0;
  --wps-etmfw-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
  padding: 0;
  color: #0f172a;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_md-in {
  display: grid;
  gap: 28px;
  max-width: 1040px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.95fr);
  gap: 24px;
  padding: 34px;
  border: 1px solid rgba(219, 228, 240, 0.9);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 34%),
    linear-gradient(135deg, #eff6ff 0%, #ffffff 54%, #fff7ed 100%);
  box-shadow: var(--wps-etmfw-shadow);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero::after {
  content: "";
  position: absolute;
  inset: auto -80px -80px auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(30, 58, 138, 0.06);
  pointer-events: none;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero__eyebrow,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card__eyebrow,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-empty-state__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: var(--wps-etmfw-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero h2 {
  margin: 0 0 12px;
  color: #0f172a;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.05;
  font-weight: 800;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero p {
  margin: 0;
  max-width: 620px;
  color: var(--wps-etmfw-muted);
  font-size: 16px;
  line-height: 1.7;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-self: stretch;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-stat {
  min-height: 150px;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 28px;
  padding: 26px 22px;
  border: none;
  box-shadow: 0 25px 45px rgba(13, 25, 77, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(20px);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-stat strong {
  display: block;
  color: #0c1f63;
  font-size: clamp(30px, 4vw, 40px);
  line-height: 1;
  font-weight: 900;
  margin-bottom: 6px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-stat span {
  color: #716d8a;
  letter-spacing: 0.28em;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdis-main {
  display: grid;
  gap: 22px;
}

.wps-etmfw-checkin-hero {
	margin: 40px 0;
	background: linear-gradient(135deg, #fef6ff 0%, #fdf0ce 55%, #f7ebff 100%);
	border-radius: 32px;
	padding: 48px 32px;
	box-shadow: 0 30px 60px rgba(14, 19, 65, 0.1);
	display: flex;
	justify-content: center;
	gap: 24px;
	flex-direction: column;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.wps-etmfw-checkin-card {
	display: grid;
	gap: 24px;
}

.wps-etmfw-checkin-card__intro span {
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 12px;
	font-weight: 800;
	color: #e76bff;
	display: inline-block;
	margin-bottom: 8px;
}

.wps-etmfw-checkin-card__intro h2 {
	margin: 0 0 6px;
	font-size: clamp(32px, 4vw, 46px);
	font-weight: 800;
	color: #130f42;
}

.wps-etmfw-checkin-card__intro p {
	margin: 0;
	max-width: 580px;
	color: #3f345f;
	line-height: 1.6;
}

.wps-etmfw-checkin-form {
	display: grid;
	gap: 16px;
}

.wps-etmfw-checkin-form__message {
	min-height: 24px;
	color: #d93737;
	font-weight: 600;
}

.wps-etmfw-checkin-form__message.wps_check_in_notice {
	color: #15803d;
}

.wps-etmfw-checkin-form__field label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: #2b2461;
}

.wps-etmfw-checkin-form__field input,
.wps-etmfw-checkin-form__field select {
	width: 100%;
	border-radius: 12px;
	border: none;
	box-shadow: inset 0 0 0 1px rgba(19, 15, 33, 0.08);
	padding: 14px 16px;
	font-size: 16px;
	background: rgba(255, 255, 255, 0.8);
}

.wps-etmfw-checkin-form__field select {
	appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%2334308d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 5l6 6 6-6"/></svg>');
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px;
}

.wps-etmfw--loader-btn-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.wps-etmfw_checkin_button_section input[type="submit"] {
	background: #1a1b63;
	color: #fff;
	border-radius: 999px;
	border: none;
	padding: 16px 36px;
	font-size: 16px;
	letter-spacing: 0.15em;
	font-weight: 700;
	text-transform: uppercase;
	transition: transform 0.3s ease;
}

.wps-etmfw_checkin_button_section input[type="submit"]:hover {
	transform: translateY(-2px);
}

.wps_etmfw_loader img {
	width: 32px;
}

@media screen and (max-width: 700px) {
	.wps-etmfw-checkin-hero {
		padding: 32px 24px;
	}

	.wps-etmfw-checkin-form__field input,
	.wps-etmfw-checkin-form__field select {
		font-size: 14px;
	}

	.wps-etmfw_checkin_button_section input[type="submit"] {
		width: 100%;
		text-align: center;
	}

	.wps-etmfw--loader-btn-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdis-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 14px;
  margin: 0;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 208px;
  max-width: none;
  flex: 0 1 auto;
  padding: 16px 18px;
  border: 1px solid var(--wps-etmfw-border);
  border-radius: 18px;
  background: var(--wps-etmfw-surface);
  color: #0f172a;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item:hover {
  transform: translateY(-1px);
  border-color: rgba(0, 149, 235, 0.34);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item::after,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item svg {
  display: none;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item__label {
  display: block;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  text-align: left;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(0, 149, 235, 0.1);
  color: var(--wps-etmfw-primary-dark);
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item.wps-etmfw_mdisan-item--active {
  border-color: transparent;
  background: linear-gradient(135deg, var(--wps-etmfw-primary-dark) 0%, var(--wps-etmfw-primary) 100%);
  color: #ffffff;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item.wps-etmfw_mdisan-item--active .wps-etmfw_mdisan-item__count {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-cont {
  display: grid;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-item.wps-etmfw_mdisa-item--active {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-item {
  opacity: 0;
  height: 0;
  visibility: hidden;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card {
  padding: 28px;
  border: 1px solid var(--wps-etmfw-border);
  border-radius: 26px;
  background: var(--wps-etmfw-surface);
  box-shadow: var(--wps-etmfw-shadow);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card__header h3,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-item h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card__header p {
  margin: 0;
  max-width: 680px;
  color: var(--wps-etmfw-muted);
  font-size: 15px;
  line-height: 1.7;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(0, 149, 235, 0.12);
  border-radius: 999px;
  background: #f8fbff;
  color: var(--wps-etmfw-primary-dark);
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
}

.woocommerce-account #wps-etmfw_modern-dashboard #wps_etmfw_error_message {
  margin: 0 0 14px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}

.woocommerce-account #wps-etmfw_modern-dashboard #wps_etmfw_error_message.wps_check_in_error {
  background: rgba(220, 38, 38, 0.08);
  color: #b91c1c;
  padding: 12px 14px;
}

.woocommerce-account #wps-etmfw_modern-dashboard #wps_etmfw_error_message.wps_check_in_success {
  background: rgba(34, 197, 94, 0.1);
  color: #166534;
  padding: 12px 14px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-transfer-form,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div {
  gap: 8px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div label {
  color: #334155;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div select,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div input[type=text],
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div input[type=email] {
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid var(--wps-etmfw-border);
  border-radius: 16px;
  background: var(--wps-etmfw-surface-soft);
  color: #0f172a;
  font-size: 15px;
  line-height: 1.4;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div select:focus,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div input[type=text]:focus,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form > div input[type=email]:focus {
  border-color: rgba(0, 149, 235, 0.5);
  box-shadow: 0 0 0 4px rgba(0, 149, 235, 0.12);
  background: #ffffff !important;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps_etmfw_events_section {
  grid-column: 1 / -1;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps_etmfw--loader-btn-wrapper {
  grid-column: 1 / -1;
  align-self: end;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form .wps_etmfw_checkin_button_section {
  display: flex;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form #wps_etmfwp_event_transfer_button {
  min-height: 52px;
  padding: 0 22px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--wps-etmfw-primary-dark) 0%, var(--wps-etmfw-primary) 100%);
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: none;
  box-shadow: 0 18px 34px rgba(0, 149, 235, 0.25);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form #wps_etmfw_checkin_loader {
  right: 18px;
  bottom: 14px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table {
  width: 100%;
  margin: 0;
  border: 1px solid var(--wps-etmfw-border);
  border-radius: 20px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead tr th {
  padding: 18px 16px;
  border: none;
  background: linear-gradient(135deg, var(--wps-etmfw-primary-dark) 0%, var(--wps-etmfw-primary) 100%);
  color: #ffffff;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead tr th:nth-of-type(1),
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead tr th:last-of-type {
  border-radius: 0;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr {
  background: #ffffff;
  transition: background 0.2s ease;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr:nth-of-type(even) {
  background: #f8fbff;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr:hover {
  background: #f1f7ff;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td {
  padding: 18px 16px;
  border: 0;
  border-bottom: 1px solid rgba(219, 228, 240, 0.8);
  background: transparent;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.6;
  vertical-align: middle;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr:last-child td {
  border-bottom: none;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-event-cell {
  display: grid;
  gap: 4px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-event-cell__title {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-event-cell__meta,
.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-event-date {
  color: var(--wps-etmfw-muted);
  font-size: 13px;
  line-height: 1.6;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-status-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-status-badge--pending {
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-status-badge--checked-in {
  background: rgba(31, 157, 85, 0.12);
  color: #166534;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-action-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-action-link:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-action-link--view {
  background: rgba(0, 149, 235, 0.12);
  color: var(--wps-etmfw-primary-dark);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-action-link--download {
  background: rgba(15, 23, 42, 0.08);
  color: #0f172a;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-empty-state {
  display: grid;
  justify-items: start;
  gap: 10px;
  padding: 6px 0 2px;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-empty-state h4 {
  margin: 0;
  color: #0f172a;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-empty-state p {
  margin: 0;
  max-width: 560px;
  color: var(--wps-etmfw-muted);
  font-size: 15px;
  line-height: 1.75;
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-empty-state__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--wps-etmfw-primary-dark) 0%, var(--wps-etmfw-primary) 100%);
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 18px 34px rgba(0, 149, 235, 0.24);
}

.woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-empty-state__button:hover {
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 980px) {
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero {
    grid-template-columns: 1fr;
    padding: 26px;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card__header {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero,
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_panel-card {
    padding: 20px;
    border-radius: 22px;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_dashboard-hero__stats {
    grid-template-columns: 1fr;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisan-item {
    width: 100%;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-transfer-form,
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-trans form {
    grid-template-columns: 1fr;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table,
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody,
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tr,
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table td {
    display: block;
    width: 100%;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table thead {
    display: none;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table {
    border: none;
    background: transparent;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody {
    display: grid;
    gap: 14px;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr,
  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr:nth-of-type(even) {
    padding: 18px;
    border: 1px solid var(--wps-etmfw-border);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 0;
    border: none;
    margin-bottom: 12px;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td:last-child {
    margin-bottom: 0;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw_mdisa-events table tbody tr td::before {
    content: attr(data-title);
    flex: 0 0 96px;
    color: var(--wps-etmfw-muted);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .woocommerce-account #wps-etmfw_modern-dashboard .wps-etmfw-action-cell {
    justify-content: flex-end;
  }
}

/* copy to clipboard url */

.wps_etmfw_social_share_wrapper button img {
  width: 24px!important;
  height: 24px!important;
}

.single .product{
  position: relative;
}

#wps_etmfw_title_and_social_share_icon {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 99;
}

.wp-theme-flatsome #wps_etmfw_title_and_social_share_icon {
  left: 25px;
}

.wps-etmfw-share-btn,.wps-etmfw-copy-event-url {
  padding: 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.wps-etmfw-share-btn:focus,.wps-etmfw-copy-event-url:focus {
  outline: none;
}

.wps-etmfw-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
}

.wps_etmfw_social_share_wrapper {
  margin: 0;
  position: relative !important;
  text-align: center;
  flex: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* checkin start */

.wps_etmfw_checkin_wrapper .wps_etmfw_events_section,
.wps_etmfw_checkin_wrapper .wps_etmfw_input_ticket_section {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 10px;
 }
 
 .wps_etmfw_checkin_wrapper .wps_etmfw_events_section label,
 .wps_etmfw_checkin_wrapper .wps_etmfw_input_ticket_section label {
   flex: 0 0 25%;
   max-width: 25%;
 }
 
 .wps_etmfw_checkin_wrapper select#wps_etmfw_event_selected {
   flex: 0 0 75%;
   max-width: 75%;
 }
 
 .wps_etmfw_checkin_wrapper input#wps_etmfw_imput_ticket {
   flex: 0 0 75%;
   max-width: 75%;
   margin: 0;
 }
 
 .wps_etmfw_checkin_wrapper input#wps_etmfw_chckin_email {
   flex: 0 0 75%;
   max-width: 75%;
   margin: 0;
 }
 
 .wps_etmfw_checkin_wrapper .wps_etmfw--loader-btn-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 
 .wps_etmfw_checkin_wrapper .wps_etmfw_checkin_button_section {
   flex: 0 0 15%;
   max-width: 115px;
 }
 
 .wps_etmfw_checkin_wrapper div#wps_etmfw_checkin_loader img {
   width: 25px;
   height: auto;
   margin-left: 20px;
 }
 
 .wps_etmfw_checkin_wrapper .wps_check_in_error {
   /* this class should be added only when the message is displayed otherwise the bs color is visible everytym*/
   background: #e2401c;
   padding: 16px 20px;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   margin: 20px 0;
 }
 
 .wps_etmfw_checkin_wrapper .wps_check_in_success {
   /* this class should be added only when the message is displayed otherwise the bs color is visible everytym*/
   background: #1a6f1a;
   padding: 16px 20px;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   margin: 20px 0;
 }

 .wps_etmfw_checkin_wrapper #wps_etmfw_event_selected {
  min-height: 40px;
  margin: 0;
}
 /* Checkin end */