/*
 * POP C - UNIFORM LIVE MENU CARD
 *
 * Goal:
 * Live-status cards must remain visually consistent
 * with the rest of the original menu cards.
 *
 * Does NOT modify backend / availability logic.
 */


/* ==========================================================
   RESTORE ORIGINAL CARD PROPORTIONS
   ========================================================== */

@media (min-width: 768px) {

    .menu_card[data-menu-slug] .normal_content {
        height: 550px !important;
    }

}


/* ==========================================================
   KEEP STATUS COMPACT ON DEFAULT CARD
   ========================================================== */

.menu_card[data-menu-slug] .popc-live-order {
    margin-top: 12px !important;
    padding-top: 10px !important;

    border-top: 1px solid #e8ebef;
}


/* Don't let live-status text consume too much card height */
.menu_card[data-menu-slug] .popc-live-next {
    margin: 0 0 10px !important;

    font-size: 11px !important;
    line-height: 1.4 !important;
}


/* ==========================================================
   REMOVE THE EXTRA SECOND STATUS SENTENCE
   ========================================================== */

.menu_card[data-menu-slug]
.popc-live-order:has(.popc-live-disabled)
.popc-live-next::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   KEEP DESCRIPTION COMPACT LIKE OTHER MENU CARDS
   ========================================================== */

.menu_card[data-menu-slug]:not(:hover)
.tt-line-clamp.tt-clamp-2 {
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}


/* Hover can still reveal the longer description */
.menu_card[data-menu-slug]:hover
.tt-line-clamp.tt-clamp-2 {
    -webkit-line-clamp: 12 !important;
}


/* ==========================================================
   STATUS BUTTON
   ========================================================== */

.popc-live-disabled {
    min-width: 135px !important;
    padding: 9px 17px !important;
}


/* Keep our better wording */
.popc-live-disabled {
    font-size: 0 !important;
}

.popc-live-disabled::after {
    content: "Check Back Soon";

    font-size: 12px;
    font-weight: 700;

    color: #626b76;
}


/* Hover stays clean */
.menu_card:hover .popc-live-disabled::after {
    color: #333 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .menu_card[data-menu-slug] .normal_content {
        height: 550px !important;
    }

    .menu_card[data-menu-slug] .popc-live-order {
        margin-top: 10px !important;
        padding-top: 9px !important;
    }

}