/* FOOD VIBES STEP 63 — unavailable items on Home + Menu.
   Cosmetic styling ONLY; PHP keeps Add/order links off unavailable cards.
   Existing cart-action.php / checkout.php protect ordering server-side. */
html body .food-grid > .food-card.fv63-unavailable {
    position: relative;
    border: 1px solid rgba(151, 157, 163, .65) !important;
    box-shadow: none !important;
    background-image: none !important;
    cursor: default !important;
}
html body .food-card.fv63-unavailable:hover,
html body .food-card.fv63-unavailable:focus-within {
    transform: none !important;
    box-shadow: none !important;
}
html body .food-card.fv63-unavailable .food-photo,
html body .food-card.fv63-unavailable .food-photo img,
html body .food-card.fv63-unavailable .food-photo > span {
    filter: grayscale(90%) !important;
    opacity: .52 !important;
    transform: none !important;
    transition: none !important;
}
html body .food-card.fv63-unavailable .food-content > :is(h2,h3,p),
html body .food-card.fv63-unavailable .food-content .food-category,
html body .food-card.fv63-unavailable .food-bottom > strong {
    opacity: .58 !important;
}
html body .food-card.fv63-unavailable .fv63-stock-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 9px !important;
    min-height: 30px;
    max-width: 100%;
    border: 1px solid #c77284 !important;
    border-radius: 999px;
    background: #ffe8ed !important;
    color: #792c40 !important;
    font-size: .76rem !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: center;
    opacity: 1 !important;
    white-space: normal;
}
html body .food-card.fv63-unavailable .fv63-unavailable-note {
    margin: 10px 0 0 !important;
    padding: 8px 10px !important;
    border-radius: 9px;
    font-size: .82rem !important;
    font-weight: 700;
    color: #f6ddd9 !important;
    background: #603a3b !important;
    opacity: 1 !important;
    text-align: center;
}
/* Defense in depth if a previously patched clickable card still has a link. */
html body .food-card.fv63-unavailable .fv56-stretched-link,
html body .food-card.fv63-unavailable :is(.fv56-order-btn,.fv56-detail-add) {
    display: none !important;
}
@media (max-width: 640px) {
    html body .food-card.fv63-unavailable .fv63-stock-badge {
        min-height: 26px;
        font-size: .68rem !important;
        padding: 5px 7px !important;
    }
    html body section.customer-wrap#menu .food-card.fv63-unavailable .food-bottom,
    html body .food-grid .food-card.fv63-unavailable .food-bottom {
        gap: 6px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body .food-card.fv63-unavailable,
    html body .food-card.fv63-unavailable * {
        transition: none !important;
    }
}