<style>
/* Wrapper centers the box */
.my-account-wrapper {
    display: flex;
    justify-content: center;
    padding: 50px 20px;
    background: #f5f5f5;
}

/* The white box */
.my-account-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.my-account-box {
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #f9f9f9;
    padding: 20px;
    width: -webkit-fill-available;
}
/*Hides the lab locator on the order received page*/
body.woocommerce-order-received #lab-location-selector-1,
body.woocommerce-order-received .lab-location-selector-fieldset,
body.woocommerce-order-received .lab-location-selector-container,
body.woocommerce-order-received .terms-container {
  display: none !important;
}
/* Navigation tabs */
.woocommerce-MyAccount-navigation a {
    padding: 10px 20px;
    margin: 5px;
    text-decoration: none;
    background: #0073aa;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
}

/* Navigation tabs */
.woocommerce-MyAccount-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    list-style: none; /* removes bullets */
    padding-left: 0;  /* remove default ul padding */
}

.woocommerce-MyAccount-navigation a {
    padding: 10px 20px;
    margin: 5px;
    text-decoration: none;
    background: none; /* removed blue background */
    color: #000;      /* black text */
    border-radius: 5px;
    font-weight: bold;
    transition: color 0.2s ease, background 0.2s ease;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important; /* remove bullets */
    margin: 0 !important;        /* remove default margin */
    padding: 0 !important;       /* remove default padding */
}

.woocommerce-MyAccount-navigation li {
    margin: 0 !important;        /* remove default li margin */
}
/* My Account content area */
.woocommerce-MyAccount-content {
    padding-top: 20px;
}

/* checkout/appointment */

/* Center the form on the page */
.woocommerce-appointment-container {
    max-width: 600px;
    margin: 50px auto;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.woocommerce-appointment-container h1 {
    text-align: center;
    margin-bottom: 30px;
}

.woocommerce-appointment-container form p {
    margin-bottom: 20px;
}

.woocommerce-appointment-container label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.woocommerce-appointment-container input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
}

.woocommerce-appointment-container .button.alt {
    width: 100%;
    padding: 12px;
    font-size: 18px;
    border-radius: 6px;
}
/*Lab locator CSS*/
.terms-container {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
#lab_location_id, #lab_location_desc, #appointment_date, #appointment_time {
  display: none;
}
.terms-container textarea {
    resize: none;
    overflow-y: scroll;
    width: 100%;
    max-width: 500px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
}
.wp-block-create-block-lab-location-selector .lab-schedule-container .schedule-slots-container .schedule-calendar .calendar-days-grid .schedule-calendar-day.available {
    background-color: #f15808 !important;
    border: 1px solid #f15808 !important;
    color: #FFF !important;
    cursor: pointer;
    font-weight: 600;
}
.wp-block-create-block-lab-location-selector .lab-location-selector-container {
    background-color: transparent !important;
    border: 0px solid #e0e0e0 !important;
    border-radius: 0px !important;
    box-shadow: None !important;
    padding: 20px;
}
.wp-block-create-block-lab-location-selector .lab-schedule-container {
    background-color: transparent !important;
    border: 1px solid #e0e0e0 !important;
}
.wp-block-create-block-lab-location-selector .selected-location-display {
    background-color: transparent !important;
    border: 1px solid #e0e0e0 !important;
}
.schedule-slot-button, #lab-search-button, .lab-select-button{
    background-color: #f15808 !important;
    border: 1px solid #f15808 !important;
    color: #FFF !important;
}
.schedule-slot-button.selected, #lab-search-button.selected, .lab-select-button.selected {
    background-color: #6c757d !important;
    border: 1px solid #6c757d !important;
}
.terms-container .terms-checkbox {
    display: flex;
    align-items: center;
}
.additional-info-hide {
    display: none;
}
.custom-auth-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #f9f9f9;
    padding: 20px;
    width: -webkit-fill-available;
}
.custom-auth-box {
    width: 70%;
    max-width: 700px;
    background: #fff;
    display: block;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    text-align: center;
}
.auth-heading {
    font-size: 1.8em;
    margin-bottom: 20px;
    font-weight: 600;
}
.auth-toggle {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.auth-toggle button {
    flex: 1;
}
.auth-form {
    display: none;
    text-align: left;
}
.auth-form.active {
    display: block;
}

.wc-block-checkout__additional-fields{
    display: none;
}
/* Mobile responsiveness */
@media (min-width: 922px) {
    .ast-container {
        max-width: 1240px !important;
    }
}
@media (max-width: 768px) {
    .my-account-box {
        width: 95%;
        padding: 20px;
    }

    .woocommerce-MyAccount-navigation,
     {
        flex-direction: column;
        align-items: center;
    }
    .custom-auth-box {
        width: 100% !important;
        padding: 0px;
    }
}
@media (max-width: 480px) {
    .custom-auth-box {
        width: 100%;
        padding: 0px;
    }

    span.select2-container {
    width: 75% !important;
    }
}
</style>