/* ============================================
   LIFTS PAGE — Public View Styling
   ============================================ */

/* Status Block */
.gp-lifts-status-block {
    display: inline-block;
    padding: 6px 20px;
    background: #eef7ff;
    border: 1px solid #bcd5ff;
    margin-bottom: 16px;
    color: #003366;
    font-size: 0.95rem;
    border-radius: 4px;
}

/* Container */
#gp-lifts-status-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 24px auto;
    padding: 0;
    font-size: 0.9rem;
}

/* Table */
#gp-lifts-status-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

#gp-lifts-status-wrapper th {
    background-color: #1f4056;
    color: #fff;
    padding: 8px;
}

.liftCell {
    padding: 8px 6px;
    border-bottom: 1px solid #ddd;
}

/* Open/Closed Colors */
.lift-open { background-color: #d4edda; }
/* .lift-closed { background-color: #f8d7da; } */

.liftFootnote {
    font-style: italic;
    text-align: center;
    padding-top: 10px;
}


/* ================================================
   LIFTS — Mobile Enhancements
   ================================================ */
@media (max-width: 600px) {

    /* Add a little breathing room around the status block */
    .gp-lifts-status-block {
        margin: 15px 0 20px;
    }

    /* Newline after status block label */
    .gp-lifts-updated strong::after {
        content: "\A";
        white-space: pre;
    }

    /* Keep the table layout exactly the same */
    #gp-lift-table {
        width: 100%;
        font-size: 0.8em;
    }

    #gp-lift-header {
        /* optional: hide header on mobile */
        /* display: none; */
    }

    /* Optional: shrink padding for tighter mobile spacing */
    #gp-lift-table th,
    #gp-lift-table td {
        padding: 6px 4px;
    }
}