/* MSC Schedule Manager — Frontend CSS */

.msc-schedule-wrap { width: 100%; overflow-x: auto; }

.msc-table { width: 100%; border-collapse: collapse; font-size: 14px; font-family: inherit; }

.msc-table thead tr { background-color: #35b3cc; }
.msc-table thead th { padding: 12px 15px; color: #fff; font-weight: 600; font-size: 14px; text-align: left; border: none; }

.msc-table tbody tr { border-bottom: 1px solid #e8e8e8; }
.msc-table tbody tr:hover { background: #f9f9f9; }
.msc-table tbody td { padding: 10px 15px; vertical-align: middle; color: #333; font-size: 14px; }

/* States */
.msc-table tbody tr.soldout-row td { color: #aaa; text-decoration: line-through; }
.msc-table tbody tr.onhold-row  td { color: #e07b00; }
.msc-table tbody tr.closed-row  td { color: #aaa; text-decoration: line-through; }

/* ── Book Now button ── */
.msc-table .my-button-green,
.msc-table a.my-button-green {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background-color: #a0ce4e !important;
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    line-height: 1;
}

/* Cart icon via FA — show the <i> tag */
.msc-table .my-button-green .fa-cart-shopping,
.msc-table a.my-button-green .fa-cart-shopping,
.msc-table .my-button-green .fa-shopping-cart,
.msc-table a.my-button-green .fa-shopping-cart {
    font-size: 13px;
    color: #ffffff !important;
    display: inline-block;
}

/* Fallback pseudo-element if FA not loaded */
.msc-table .my-button-green .button-icon-left:not(.fa-cart-shopping):not(.fa-shopping-cart)::before {
    content: "\f07a";
    font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
}

/* Hover */
.msc-table .my-button-green:hover,
.msc-table a.my-button-green:hover {
    background-color: #607d8b !important;
    color: #ffffff !important;
    text-decoration: none;
}

@media (max-width: 600px) {
    .msc-table thead th, .msc-table tbody td { padding: 8px 10px; font-size: 13px; }
    .msc-table .my-button-green { padding: 6px 12px; font-size: 12px; }
}