/* Cancellation policy message */
.ttc-cancellation-info {
  margin-bottom: 15px !important;
  font-weight: 700 !important;
  color: #FE4B7E !important;
  font-family: Helvetica, sans-serif !important;
  font-size: 1rem !important;
  text-align: center !important;
  padding: 8px 12px !important;
  border: 1px solid #FE4B7E !important;
  border-radius: 6px !important;
  background-color: #fff0f5 !important;
}

.ttc-no-bookings-message {
  margin-bottom: 15px !important;
  font-weight: 700 !important;
  color: #FE4B7E !important;
  font-family: Helvetica, sans-serif !important;
  font-size: 1rem !important;
  text-align: center !important;
  padding: 8px 12px !important;
  border: 1px solid #FE4B7E !important;
  border-radius: 6px !important;
  background-color: #fff0f5 !important;
}	

/* Container and table styles */
.ttc-bookings-wrapper {
  width: 100%;
  overflow-x: auto;
  font-family: Helvetica, sans-serif;
  color: #161617;
}

.ttc-bookings-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #161617;
  border: 1px solid #FE4B7E;
}

.ttc-bookings-table th, .ttc-bookings-table td {
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: middle;
}

.ttc-bookings-table thead {
  background-color: #FCE7EF;
  color: #353C40;
}


/* Cancel button style */
.elementor-kit-18 .ttc-btn-cancel-active {
    background-color: #FE4B7E !important;
    color: #FFFFFF !important;
	font-family: Helvetica, sans-serif !important;
    border: none !important;
    cursor: pointer !important;
    padding: 6px 12px !important;
    border-radius: 0px !important;
    transition: background-color 0.3s ease !important;
	width: 100%; !important;
}

.elementor-kit-18 .ttc-btn-cancel-active:hover {
    background-color: #e04372 !important;
}

.elementor-kit-18 .ttc-btn-cancel-disabled {
    background-color: #b4b4b4 !important;
    color: #000000 !important;
	font-family: Helvetica, sans-serif !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 0px !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    pointer-events: none !important;
	opacity: 0.5 !important;
	width: 100%; !important;
}

/* Responsive mobile styles */
@media screen and (max-width: 768px) {
  .ttc-bookings-table, 
  .ttc-bookings-table thead, 
  .ttc-bookings-table tbody, 
  .ttc-bookings-table th, 
  .ttc-bookings-table td, 
  .ttc-bookings-table tr {
    display: block;
    width: 100%;
  }

  .ttc-bookings-table thead tr {
    display: none; /* Hide table header on mobile */
  }

  .ttc-bookings-table tbody tr {
    margin-bottom: 1rem;
    background: #fff;
    border: 1px solid #FE4B7E;
    padding: 1rem;
    border-radius: 0px;
  }

  .ttc-bookings-table tbody tr:nth-child(odd) {
    background-color: #FCE7EF;
  }

  .ttc-bookings-table tbody tr:nth-child(even) {
    background-color: #FFFFFF;
  }

  .ttc-bookings-table td {
    border: none;
    position: relative;
    padding-left: 50%;
    text-align: left;
  }

  .ttc-bookings-table td:before {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 600;
    color: #353C40;
    content: attr(data-label);
  }

.ttc-bookings-table {
  border: 0px;
}
  /* Make button full width and centered on mobile */
  .ttc-bookings-table button[name="ttc_cancel_btn"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
  }
}


.ttc-btn-notify-absence {
    background-color: #FE4B7E !important;
    color: #ffffff !important;
	font-family: Helvetica, sans-serif !important;
    border: none !important;
    cursor: pointer !important;
    padding: 6px 12px !important;
    border-radius: 0px !important;
    transition: background-color 0.3s ease !important;
	width: 100%; !important;
}

.ttc-btn-notified {
    background-color: #008000 !important;
    color: #ffffff !important;
	font-family: Helvetica, sans-serif !important;
    border: none !important;
    padding: 6px 6px !important;
    border-radius: 0px !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    pointer-events: none !important;
	opacity: 0.5 !important;
	width: 100%; !important;
}