/* Schedule Section */
.day-schedule {
    margin: 2rem auto;
    padding: 1rem;
    max-width: 1000px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: padding 0.3s ease, margin 0.3s ease;
}

.day-schedule h2 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: #af4c4c;
    text-align: center;
    transition: font-size 0.3s ease;
}

/* Table Styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    word-wrap: break-word; /* Handles text overflow */
}

th, td {
    text-align: left;
    padding: 0.75rem;
    border: 1px solid #ddd;
    transition: padding 0.3s ease;
}

th {
    background: #f4f4f4;
    font-weight: bold;
}

td {
    vertical-align: top;
}

/* Responsive Tables */
@media (max-width: 768px) {
    table {
        font-size: 0.9rem;
    }

    th, td {
        padding: 0.5rem;
    }

    .day-schedule {
        margin: 1rem auto;
        padding: 0.8rem;
    }
}

@media (max-width: 576px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap; /* Prevents text from wrapping */
    }

    th, td {
        padding: 0.4rem;
    }

    .day-schedule h2 {
        font-size: 1.2rem;
    }

    .day-schedule {
        padding: 0.6rem;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1rem;
    }

    table {
        font-size: 0.8rem;
    }

    th, td {
        padding: 0.3rem;
    }

    .day-schedule {
        padding: 0.5rem;
    }
}

@media (max-width: 360px) {
    h1 {
        font-size: 0.9rem;
    }

    table {
        font-size: 0.7rem;
    }

    th, td {
        padding: 0.2rem;
    }

    .day-schedule {
        padding: 0.4rem;
    }
}

/* Accessibility & Miscellaneous */
.day-schedule h2 {
    font-size: clamp(1rem, 2.5vw, 1.5rem); /* Fluid typography */
}

th, td {
    font-size: clamp(0.8rem, 2vw, 1rem); /* Fluid typography for table content */
}