/* Pick My Meal entry tile: destination hub "Eat & drink" and the restaurants page banner.
   Kept apart from meal-picker.css so those pages load a few rules, not the whole picker. */

.mp-entry {
    display: flex; align-items: center; gap: .9rem; flex-wrap: wrap;
    background: linear-gradient(135deg, var(--navy, #003366) 0%, var(--navy-900, #002247) 100%);
    color: #fff; border-radius: 16px; padding: 1rem 1.1rem; margin: 1rem 0;
}
.mp-entry-text { flex: 1 1 220px; }
.mp-entry-title { margin: 0 0 .2rem; font-size: 1.1rem; font-weight: 700; color: #fff; }
.mp-entry-body { margin: 0; font-size: .9rem; opacity: .92; }
.mp-entry-cta {
    display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; padding: .55rem 1rem;
    border-radius: 12px; background: var(--orange, #FF7F0E); color: #fff; font-weight: 700; text-decoration: none;
}