/**
 * FIX FOOTER HEIGHT - Desktop/PC
 * Make footer thinner on desktop (Firefox, Chrome, etc.)
 */

/* Desktop footer - much smaller */
@media (min-width: 769px) {
    /* Footer sits flush at the viewport bottom — kill the leaked mobile nav/FAB
       clearance (80px) that left dead space beneath it on desktop. */
    .app-container { padding-bottom: 0 !important; }

    .app-footer {
        padding: 0.5rem 1rem !important;
        gap: 0.05rem !important;
        min-height: 0 !important;
        height: auto !important;
        flex: 0 0 auto !important;   /* only as tall as the 2 lines — don't stretch/fill */
    }

    .app-footer p {
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        letter-spacing: 1.5px !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .app-footer-copyright {
        font-size: 0.55rem !important;
        letter-spacing: 0.5px !important;
        line-height: 1.2 !important;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    .app-footer {
        padding: 0.2rem 1rem !important;
    }

    .app-footer p {
        font-size: 0.8rem !important;
    }

    .app-footer-copyright {
        font-size: 0.6rem !important;
    }
}

/* Large desktop - slightly bigger but still compact */
@media (min-width: 1440px) {
    .app-footer {
        padding: 0.2rem 1rem !important;
    }

    .app-footer p {
        font-size: 0.85rem !important;
    }

    .app-footer-copyright {
        font-size: 0.62rem !important;
    }
}

/* Classes schedule table — compact rows on desktop (was oversized). Each piece
   (class / type / location / spots / attendees) is its own column now. */
@media (min-width: 769px) {
    .classes-schedule-table th,
    .classes-schedule-table td {
        padding: 0.5rem 0.85rem !important;
        vertical-align: middle !important;
    }
    .classes-schedule-table th { font-size: 0.78rem !important; }
    /* Smaller BOOK button — the gold block was overkill. */
    .classes-schedule-table .book-class-btn {
        padding: 0.3rem 0.8rem !important;
        font-size: 0.68rem !important;
        box-shadow: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        line-height: 1.3 !important;
    }
}