/*
 Plugin Name:  pt-appoinment-tables
*/


/* THE CSS IS FOR THE PT PAST AND UPCOMING TABLE APPOINMENT  */

:root {
    --table-blue: #5E17EB;
}

.woocommerce table.pt-appoinments-table {
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid #ddd !important;
    width: 100%;
    max-width: ;
    overflow: auto;
}

.woocommerce table.pt-appoinments-table thead th:first-child {
    border-top-left-radius: 3px !important;
}

.woocommerce table.pt-appoinments-table th:nth-child(-n+5),
.woocommerce table.pt-appoinments-table td:nth-child(-n+5) {
    width: 150px;
}

.woocommerce table.pt-appoinments-table th:first-child {
    border-left: none !important;
}

.woocommerce table.pt-appoinments-table thead th {
    color: #fff !important;
    background-color: var(--table-blue);
    border-radius: 0px !important;
}

.woocommerce table.pt-appoinments-table th,
.woocommerce table.pt-appoinments-table td {
    padding: 6px 8px !important;
    border: 1px solid #ddd !important;
}

.woocommerce table.pt-appoinments-table td {
    color: #021E40;
    font-size: 14px;
    font-weight: 500;
}

/* Remove double borders */
.woocommerce table.pt-appoinments-table thead th {
    border-top: none;
}

.woocommerce table.pt-appoinments-table tfoot th,
.woocommerce table.pt-appoinments-table tfoot td {
    border-bottom: none;
}

.woocommerce table.pt-appoinments-table th:first-child,
.woocommerce table.pt-appoinments-table td:first-child {
    border-left: none;
}

.woocommerce table.pt-appoinments-table th:last-child,
.woocommerce table.pt-appoinments-table td:last-child {
    border-right: none;
}

/* Rounding for corner cells */
.woocommerce table.pt-appoinments-table thead tr:first-child th:first-child {
    border-top-left-radius: 4px;
}

.woocommerce table.pt-appoinments-table thead tr:first-child th:last-child {
    border-top-right-radius: 4px;
}

.woocommerce table.pt-appoinments-table tfoot tr:last-child th:first-child,
table.pt-appoinments-table tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.woocommerce table.pt-appoinments-table tfoot tr:last-child th:last-child,
.woocommerce table.pt-appoinments-table tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.woocommerce table.pt-appoinments-table button {
    font-size: 100% !important;
    margin: 0;
    line-height: 1 !important;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em !important;
    font-weight: 700 !important;
    border-radius: 3px !important;
    left: auto;
    color: #515151 !important;
    background-color: #e9e6ed !important;
    border: 0;
    display: inline-block;
    background-image: none !important;
    box-shadow: none;
    text-shadow: none;
}

.ld-dashboard-content.ld-dashborad-add-edit-course:has(.pt-appoinments-table){
    max-width: 900px;
    overflow: auto;
}

.ld-dashboard-content.ld-dashborad-add-edit-course:has(.pt-appoinments-table){
    max-width: 900px;
    overflow: auto;
}

@media (max-width:1263px) {

    .woocommerce table.pt-appoinments-table thead {
        display: none;
    }

    .woocommerce table.pt-appoinments-table>tbody>tr {
        border: 1px solid var(--edubin-color-border);
        display: flex;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .woocommerce table.pt-appoinments-table tbody th:nth-child(2),
    .woocommerce table.pt-appoinments-table tbody th:nth-child(3),
    .woocommerce table.pt-appoinments-table tbody th:nth-child(4),
    .woocommerce table.pt-appoinments-table tbody td:nth-child(2),
    .woocommerce table.pt-appoinments-table tbody td:nth-child(3),
    .woocommerce table.pt-appoinments-table tbody td:nth-child(4) {
        display: none;
    }

    table.pt-appoinments-table td:nth-child(-n+5) {
        width: 100% !important;
    }

    .woocommerce table.pt-appoinments-table tr td::before,
    .woocommerce-page table.pt-appoinments-table tr td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }

    .woocommerce table.pt-appoinments-table tbody tr td,
    .woocommerce-page table.pt-appoinments-table tbody tr td {
        display: flex;
        justify-content: space-between;
    }

}

/* ===================== Maintain the layout of the mobile view ld dashboard ========================= */

@media only screen and (max-width: 768px) {
    .ld-dashboard-location {
      display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .ld-dashboard-location {
      display: block !important;
    }
}   

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

@media only screen and (max-width: 767px) {
    .ld-dashboard-mobile {
        display: none !important;
    }
}

/* =========== Open the toogle ======================= */

@media (max-width: 767px) {
    .ld-dashboard-location .ld-dashboard-left-panel ul.ld-dashboard-panel-menu {
      display: block !important;
    }
}

@media (max-width: 768px) {
    .ld-dashboard-location .ld-dashboard-left-panel ul.ld-dashboard-panel-menu {
      display: block !important;
    }
}