/* ============================================================
   chef_tip_mobile.css – Mobile overrides (max-width: 478px)
   ============================================================ */

@media (max-width: 768px) {
    /* Keep image + text on the same row in injected mobile accordion */
    .chef-disclaimer {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.75rem;
        margin: 0.8rem 0;
    }

    /* Prevent the bubble from consuming the whole line on small screens */
    .chef-disclaimer__text {
        max-width: calc(100% - 5.75rem) !important;
        font-size: 0.75rem !important;
    }

    .chef-disclaimer__img {
        width: 4.5rem;
        flex-shrink: 0;
    }
}