/*
 * assets/css/4square-checkout.css
 *
 * Responsive sizing for the rail-logo composite PNG.
 * Enqueued by enqueue_popup_script() in 4square-gateway.php,
 * shared by classic checkout (get_icon / get_description) and
 * Blocks checkout (4square-blocks.js className references).
 *
 * .foursquare-rails-teaser — small strip on the collapsed radio row
 * .foursquare-rails-full   — full-size composite in the expanded subtitle
 */

.foursquare-rails-full {
    display: block;
    max-height: 140px;
    width: auto;
    max-width: 100%;
    margin: 20px 0 0;
}

@media (max-width: 480px) {
    .foursquare-rails-full {
        max-height: 90px;
    }
}